fix: resolve final workbench review findings

apps/web/src/index.css

@@ -146,6 +146,17 @@ button:disabled { cursor: not-allowed; opacity: 0.55; }
   overflow: auto;
 }
 
+.channel-sidebar {
+  align-content: start;
+  justify-items: start;
+}
+
+.channel-sidebar > header,
+.channel-sidebar > .channel-group,
+.channel-sidebar > .recent-sessions {
+  width: 100%;
+}
+
 .channel-group,
 .task-list,
 .record-list,
@@ -318,6 +329,26 @@ button:disabled { cursor: not-allowed; opacity: 0.55; }
   }
 
   .channel-group button { min-width: 160px; }
+  .channel-group {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    overflow: visible;
+  }
+
+  .channel-group button {
+    min-width: 0;
+    min-height: 48px;
+    grid-template-columns: 18px minmax(0, 1fr);
+    padding: 8px;
+  }
+
+  .channel-group button > span:last-of-type {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .channel-group small { display: none; }
   .recent-sessions li { min-width: 160px; }
   .channel-stage { max-height: 36vh; overflow: auto; }
   .object-inspector { max-height: 288px; overflow: auto; }