add csv table view

Author: atucker

aim/web/ui/src/pages/RunDetail/RunOverviewTab/components/CSVTablesCard/RunOverviewTabCSVTablesCard.d.ts

@@ -0,0 +1,12 @@
+export interface IRunOverviewTabCSVTablesCardProps {
+  artifacts: Array<{ name: string; path: string; uri: string }>;
+  isRunInfoLoading: boolean;
+}
+
+export interface CSVData {
+  name: string;
+  uri: string;
+  data: Array<Record<string, any>>;
+  columns: string[];
+  error?: string;
+} 

aim/web/ui/src/pages/RunDetail/RunOverviewTab/components/CSVTablesCard/RunOverviewTabCSVTablesCard.scss

@@ -0,0 +1,66 @@
+@use 'src/styles/abstracts' as *;
+
+.RunOverviewTabCSVTablesCard {
+  .IllustrationBlock {
+    margin-bottom: 1.75rem;
+  }
+
+  &__csvTable {
+    margin-bottom: 2rem;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 1rem;
+      padding-bottom: 0.5rem;
+      border-bottom: 1px solid $cuddle-50;
+
+      &__title {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+      }
+
+      &__actions {
+        display: flex;
+        gap: 0.5rem;
+      }
+    }
+
+    &__tableContainer {
+      max-height: 400px;
+      overflow: auto;
+      border: 1px solid $cuddle-50;
+      border-radius: $border-radius-sm;
+
+      .DataList {
+        .IllustrationBlock {
+          height: 200px;
+        }
+      }
+    }
+
+    &__error {
+      padding: 1rem;
+      background-color: #fef2f2;
+      border: 1px solid #fecaca;
+      border-radius: $border-radius-sm;
+      color: #dc2626;
+      font-size: 0.875rem;
+    }
+
+    &__loading {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 200px;
+      border: 1px solid $cuddle-50;
+      border-radius: $border-radius-sm;
+    }
+  }
+}