diff --git a/ui/src/pages/cicd/CicdIntegrationView.jsx b/ui/src/pages/cicd/CicdIntegrationView.jsx
index f2bc302..a2f848a 100644
--- a/ui/src/pages/cicd/CicdIntegrationView.jsx
+++ b/ui/src/pages/cicd/CicdIntegrationView.jsx
@@ -4,10 +4,10 @@ import { api } from '../../api/apiClient';
 const TABS = ['GitHub Actions', 'GitLab CI', 'Jenkins', 'cURL'];
 
 const ICONS = {
-  'GitHub Actions': '🐙',
-  'GitLab CI': '🦊',
-  'Jenkins': '🤖',
-  'cURL': '⚡',
+  'GitHub Actions': '[GH]',
+  'GitLab CI': '[GL]',
+  'Jenkins': '[J]',
+  'cURL': '[>]',
 };
 
 function CodeBlock({ code }) {
@@ -255,7 +255,7 @@ export default function CicdIntegrationView() {
 
   useEffect(() => {
     api.get('/api/test-suites').then(r => setSuites(r.data || [])).catch(() => {});
-    api.get('/api/admin/api-keys').then(r => setApiKeys(r.data || [])).catch(() => {});
+    api.get('/api/auth/agent-tokens').then(r => setApiKeys(r.data || [])).catch(() => {});
   }, []);
 
   const selectedSuite = suites.find(s => String(s.id) === String(selectedSuiteId));
@@ -308,7 +308,7 @@ export default function CicdIntegrationView() {
             >
               <option value="">— Select an API Key —</option>
               {apiKeys.map(k => (
-                <option key={k.id} value={k.id}>{k.name}</option>
+                <option key={k.id} value={k.id}>{k.label}</option>
               ))}
             </select>
           </div>