diff --git a/public/src/App.tsx b/public/src/App.tsx index ca15ab3..a531b93 100644 --- a/public/src/App.tsx +++ b/public/src/App.tsx @@ -85,6 +85,7 @@ function App() { void; @@ -14,6 +17,7 @@ interface AgentLaneProps { export function AgentLane({ agents, + status, selectedId, searchQuery, onSelect, @@ -27,6 +31,7 @@ export function AgentLane({ ); const visibleAgents = agentNodes; const visibleServers = serverNodes; + const isLoading = (status === 'connecting') && agentNodes.length === 0; const agentTitle = searchQuery ? 'search results' : 'agents'; const serverTitle = searchQuery ? 'server results' : 'servers'; @@ -44,7 +49,17 @@ export function AgentLane({ />
- {visibleAgents.length === 0 ? ( + {isLoading ? ( + Array.from({ length: SKELETON_COUNT }, (_, i) => ( +