feat(ui): loading overlay with instant mesh swap, no-store GLB, full-width viewport, ground grid, drop masthead title

1 files changed, 8 insertions, 40 deletions

diff --git a/public/index.html b/public/index.html
index 267d21b..d58853c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="theme-color" content="#080b0d">
   <title>Somhairle's Dream · 实时重建台</title>
-  <link rel="stylesheet" href="/styles.css">
+  <link rel="stylesheet" href="/styles.css?v=ui5">
   <script type="importmap">
     {
       "imports": {
@@ -17,12 +17,8 @@
   <script type="module" src="/vendor/three-setup.js?v=orbit1"></script>
 </head>
 <body>
-  <main class="shell" aria-labelledby="page-title">
-    <header class="masthead">
-      <div class="brand-lockup">
-        <span class="eyebrow">SOMHAIRLE'S DREAM / CONTROL SURFACE</span>
-        <h1 id="page-title">实时重建台</h1>
-      </div>
+  <main class="shell">
+    <header class="masthead masthead-compact">
       <div class="connection-readout" aria-live="polite">
         <span class="signal-mark" aria-hidden="true"></span>
          <span id="stream-state">实时链路 · 等待启动</span>
@@ -102,41 +98,13 @@
           <canvas id="viewport-canvas" aria-label="设计几何三维视图"></canvas>
           <div class="axis-readout" aria-hidden="true">X / Y / Z</div>
           <div id="viewport-note" class="viewport-note">实时几何 · V00</div>
+          <div id="viewport-loading" class="viewport-loading is-hidden" aria-hidden="true">
+            <span class="loading-ring"></span>
+            <span class="loading-text">几何加载中</span>
+          </div>
         </div>
       </section>
 
-      <aside class="event-panel panel" aria-labelledby="event-title">
-        <div class="panel-heading">
-          <div>
-            <span class="eyebrow">EVENT STREAM</span>
-            <h2 id="event-title">运行记录</h2>
-          </div>
-          <span class="event-count">LIVE</span>
-        </div>
-        <ol class="event-list">
-          <li class="event-item event-item-active">
-            <span class="event-index">01</span>
-            <div>
-              <strong>实时监视</strong>
-              <span>服务端心跳与版本状态</span>
-            </div>
-          </li>
-          <li class="event-item">
-            <span class="event-index">02</span>
-            <div>
-              <strong>目标检查</strong>
-              <span>等候下一次设计运行</span>
-            </div>
-          </li>
-          <li class="event-item">
-            <span class="event-index">03</span>
-            <div>
-              <strong>发布闸门</strong>
-              <span>验证通过后写入快照</span>
-            </div>
-          </li>
-        </ol>
-      </aside>
     </section>
 
     <section class="timeline panel" aria-labelledby="timeline-title">
@@ -179,6 +147,6 @@
       <span>heritage 参考线保留占位演示 · F# / OPEN CODE</span>
     </footer>
   </main>
-  <script type="module" src="/App.js?v=detail1"></script>
+  <script type="module" src="/App.js?v=ui6"></script>
 </body>
 </html>