feat: move toggle to toolbar, sort apps by name, overlay expand

- Move expand/collapse toggle from stat strip to dedicated toolbar
  below KPIs
- Sort app groups alphabetically by name
- Expanded card overlays from clicked card position instead of
  pushing other cards down
- Viewport constraint: overlay flips right-alignment and limits
  height when near edges

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/pages/AgentHealth/AgentHealth.module.css

@@ -13,7 +13,7 @@
 /* Stat strip */
 .statStrip {
   display: grid;
-  grid-template-columns: repeat(5, 1fr) auto;
+  grid-template-columns: repeat(5, 1fr);
   gap: 10px;
   margin-bottom: 16px;
 }
@@ -99,6 +99,7 @@
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 10px;
   margin-bottom: 20px;
+  position: relative;
 }
 
 /* Group meta row */
@@ -317,25 +318,49 @@
   color: var(--card-accent);
 }
 
-/* Expanded card inside compact grid */
+/* Wrapper for each compact grid cell — anchor for overlay */
+.compactGridCell {
+  position: relative;
+}
+
+/* Expanded card overlay — floats from the clicked card */
 .compactGridExpanded {
-  grid-column: span 2;
+  position: absolute;
+  z-index: 10;
+  top: 0;
+  left: 0;
+  min-width: 500px;
+  background: var(--bg-body);
+  border-radius: var(--radius-md);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+  padding: 4px;
 }
 
 /* Expand/collapse animation wrapper */
 .expandWrapper {
   overflow: hidden;
-  transition: max-height 200ms ease, opacity 150ms ease;
+  transition: opacity 200ms ease, transform 200ms ease;
 }
 
 .expandWrapperCollapsed {
-  max-height: 0;
   opacity: 0;
+  transform: scaleY(0.95);
+  transform-origin: top;
 }
 
 .expandWrapperExpanded {
-  max-height: 1000px;
   opacity: 1;
+  transform: scaleY(1);
+  transform-origin: top;
+}
+
+/* View toolbar — between stat strip and cards grid */
+.viewToolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
 }
 
 /* View mode toggle */