feat: add Gitea monitoring page with repos, PRs, and activity

views/gitea.html

@@ -1,54 +1,41 @@
-<div class="gitea-dashboard">
+<section id="page-gitea" class="page active">
   <div class="gitea-header">
-    <h2>🔧 Gitea Integration</h2>
-    <p class="subtitle">Real-time repository and PR tracking</p>
+    <h2>🔗 Gitea Swarm Coordination</h2>
+    <div class="gitea-controls">
+      <button id="refresh-gitea" class="btn-secondary">🔄 Refresh</button>
+    </div>
+  </div>
+
+  <div class="gitea-stats">
+    <div class="stat-card">
+      <h4>Repositories</h4>
+      <div class="stat-value" id="stat-repos">0</div>
+    </div>
+    <div class="stat-card">
+      <h4>Open PRs</h4>
+      <div class="stat-value" id="stat-prs">0</div>
+    </div>
+    <div class="stat-card">
+      <h4>Pending Reviews</h4>
+      <div class="stat-value" id="stat-reviews">0</div>
+    </div>
   </div>
 
   <div class="gitea-tabs">
-    <button class="tab-btn active" data-tab="swarm">Swarm Overview</button>
-    <button class="tab-btn" data-tab="reviews">Pending Reviews</button>
-    <button class="tab-btn" data-tab="activity">Recent Activity</button>
+    <button class="tab-btn active" data-tab="repos">📦 Repositories</button>
+    <button class="tab-btn" data-tab="prs">🔀 Pull Requests</button>
+    <button class="tab-btn" data-tab="activity">📊 Activity</button>
   </div>
 
-  <div class="gitea-content">
-    <!-- Swarm Overview Tab -->
-    <div id="swarm-tab" class="tab-content active">
-      <div class="swarm-stats">
-        <div class="stat-card">
-          <h3>Total Repos</h3>
-          <div class="stat-value" id="total-repos">-</div>
-        </div>
-        <div class="stat-card">
-          <h3>Open PRs</h3>
-          <div class="stat-value" id="total-prs">-</div>
-        </div>
-        <div class="stat-card">
-          <h3>Open Issues</h3>
-          <div class="stat-value" id="total-issues">-</div>
-        </div>
-        <div class="stat-card">
-          <h3>Total Branches</h3>
-          <div class="stat-value" id="total-branches">-</div>
-        </div>
-      </div>
-
-      <div class="repo-list" id="repo-list">
-        <p class="loading">Loading repositories...</p>
-      </div>
+  <div id="gitea-content">
+    <div id="tab-repos" class="tab-content active">
+      <div class="repos-grid" id="repos-grid"></div>
     </div>
-
-    <!-- Pending Reviews Tab -->
-    <div id="reviews-tab" class="tab-content">
-      <div class="reviews-list" id="reviews-list">
-        <p class="loading">Loading pending reviews...</p>
-      </div>
+    <div id="tab-prs" class="tab-content">
+      <div class="prs-list" id="prs-list"></div>
     </div>
-
-    <!-- Recent Activity Tab -->
-    <div id="activity-tab" class="tab-content">
-      <div class="activity-feed" id="activity-feed">
-        <p class="loading">Loading recent activity...</p>
-      </div>
+    <div id="tab-activity" class="tab-content">
+      <div class="activity-list" id="activity-list"></div>
     </div>
   </div>
-</div>
+</section>