Upload 26 files

frontend/src/components/RepoCard.tsx

@@ -27,6 +27,9 @@ export default function RepoCard({ repo }) {
         <h2>{repo.namespace}/{repo.repo}</h2>
         <button onClick={() => deleteRepo(repo.id)}>❌</button>
       </div>
+	  
+	  if (metricsQuery.isLoading) return <p>Loading...</p>;
+	  if (metricsQuery.isError) return <p>Error loading metrics</p>;
 
       {statusQuery.data && (
         <StatusBadge

frontend/src/components/StatusBadge.tsx

@@ -8,7 +8,7 @@ export default function StatusBadge({ state, stage }) {
 
   return (
     <div className={`px-3 py-1 rounded ${color}`}>
-      {stage}
-    </div>
+	  {state} • {stage}
+	</div>
   );
 }

services/connection_registry.py

@@ -10,11 +10,7 @@ class ConnectionRegistry:
         if repo.id in self.connections: return
         conn = RepoConnection(repo.id, repo.namespace, repo.repo)
         self.connections[repo.id] = conn
-        try:
-            loop = asyncio.get_running_loop()
-            conn.start()
-        except RuntimeError:
-            pass
+        asyncio.create_task(conn._listen_events())
 
     def unregister(self, repo_id: str):
         if conn := self.connections.pop(repo_id, None):