Show supabase integration

Author: sid22

web/src/Agents.js

@@ -11,6 +11,7 @@ import SmartToyIcon from '@mui/icons-material/SmartToy';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import ArticleIcon from '@mui/icons-material/Article';
+import StorageIcon from '@mui/icons-material/Storage';
 
 function Agents() {
   const [agents, setAgents] = useState([]);
@@ -26,7 +27,8 @@ function Agents() {
           ...agent,
           services: [
             { name: 'Confluence', icon: 'confluence', status: 'connected' },
-            { name: 'GitHub', icon: 'github', status: 'connected' }
+            { name: 'GitHub', icon: 'github', status: 'connected' },
+            { name: 'Supabase', icon: 'supabase', status: 'connected' }
           ]
         }));
         setAgents(enhancedAgents);
@@ -40,6 +42,8 @@ function Agents() {
         return <GitHubIcon sx={{ fontSize: 16 }} />;
       case 'confluence':
         return <ArticleIcon sx={{ fontSize: 16 }} />;
+      case 'supabase':
+        return <StorageIcon sx={{ fontSize: 16 }} />;
       default:
         return null;
     }