feat: surface warehouse connection status detail in the frontend

Author: Zaimwa9

frontend/common/types/responses.ts

@@ -1294,6 +1294,7 @@ export type WarehouseConnection = {
   id: number
   warehouse_type: WarehouseType
   status: WarehouseConnectionStatus
+  status_detail: string | null
   name: string
   config: SnowflakeConfig | ClickHouseConfig | Record<string, never>
   created_at: string

frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseConnectionCard.tsx

@@ -82,7 +82,11 @@ const WarehouseConnectionCard: FC<WarehouseConnectionCardProps> = ({
               }
               place='top'
             >
-              {STATUS_LABEL[connection.status]}
+              {connection.status === 'errored' && connection.status_detail
+                ? `${STATUS_LABEL[connection.status]}: ${
+                    connection.status_detail
+                  }`
+                : STATUS_LABEL[connection.status]}
             </Tooltip>
           </div>
           {typeLabel && (

frontend/web/components/pages/environment-settings/tabs/warehouse-tab/index.tsx

@@ -163,7 +163,11 @@ const WarehouseTab: FC<WarehouseTabProps> = ({ environmentId }) => {
         if (result.status === 'connected') {
           toast('Connection verified')
         } else {
-          toast('Connection failed — check your credentials', 'danger')
+          toast(
+            result.status_detail ||
+              'Connection failed — check your credentials',
+            'danger',
+          )
         }
       })
       .catch(() => toast('Failed to test connection', 'danger'))