feat(ui): always-visible live activity panel - real-time sync log for all repos

static/index.html

@@ -17,12 +17,23 @@
 	</div>
 </header>
 
-<main>
-	<div id="grid" class="grid"></div>
-	<div id="empty" class="empty" hidden>
-		<p>还没有任何仓库配置。</p>
-		<button class="btn btn-primary" id="btn-empty-new">创建第一个配置</button>
-	</div>
+<main class="layout">
+	<section class="main-col">
+		<div id="grid" class="grid"></div>
+		<div id="empty" class="empty" hidden>
+			<p>还没有任何仓库配置。</p>
+			<button class="btn btn-primary" id="btn-empty-new">创建第一个配置</button>
+		</div>
+	</section>
+	<aside id="live" class="live">
+		<div class="live-head">
+			<h2>实时活动</h2>
+			<span id="live-conn" class="conn">连接中…</span>
+			<button class="btn btn-sm" id="btn-live-clear" title="清空本面板">清空</button>
+		</div>
+		<div class="live-hint">所有仓库的同步（手动与自动）实时显示在此，无需点进详情</div>
+		<div id="live-log" class="live-log"></div>
+	</aside>
 </main>
 
 <div id="modal" class="modal" hidden>