feat(monitoring): unify execution views and trace tool calls

web/src/components/ui/table.tsx

@@ -2,11 +2,18 @@ import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
-function Table({ className, ...props }: React.ComponentProps<'table'>) {
+// `containerClassName` styles the scroll container shadcn wraps every table in.
+// A caller that owns the scrolling region (a fixed-height panel) uses it to make
+// that container the scroller, which is what keeps a sticky header working.
+function Table({
+  className,
+  containerClassName,
+  ...props
+}: React.ComponentProps<'table'> & { containerClassName?: string }) {
   return (
     <div
       data-slot="table-container"
-      className="relative w-full overflow-x-auto"
+      className={cn('relative w-full overflow-x-auto', containerClassName)}
     >
       <table
         data-slot="table"