Fix new credential not being selected on creating

Author: j-sanaa

packages/agentflow/src/infrastructure/api/credentials.test.ts

@@ -1,12 +1,12 @@
-import type { AxiosInstance } from 'axios'
-
 import { bindCredentialsApi } from './credentials'
+import type { DeduplicatedClient } from './deduplicatedClient'
 
 const mockClient = {
     get: jest.fn(),
     post: jest.fn(),
-    put: jest.fn()
-} as unknown as jest.Mocked<AxiosInstance>
+    put: jest.fn(),
+    clearCache: jest.fn()
+} as unknown as jest.Mocked<DeduplicatedClient>
 
 beforeEach(() => {
     jest.clearAllMocks()

packages/agentflow/src/infrastructure/api/credentials.ts

@@ -1,11 +1,11 @@
-import type { AxiosInstance } from 'axios'
-
 import type { ComponentCredentialSchema, CreateCredentialBody, Credential } from '@/core/types'
 
+import type { DeduplicatedClient } from './deduplicatedClient'
+
 /**
  * Create credentials API functions bound to a client instance
  */
-export function bindCredentialsApi(client: AxiosInstance) {
+export function bindCredentialsApi(client: DeduplicatedClient) {
     return {
         /**
          * Get all credentials
@@ -36,6 +36,7 @@ export function bindCredentialsApi(client: AxiosInstance) {
          */
         createCredential: async (body: CreateCredentialBody): Promise<Credential> => {
             const response = await client.post('/credentials', body)
+            client.clearCache()
             return response.data
         },
 
@@ -52,6 +53,7 @@ export function bindCredentialsApi(client: AxiosInstance) {
          */
         updateCredential: async (id: string, body: CreateCredentialBody): Promise<Credential> => {
             const response = await client.put(`/credentials/${id}`, body)
+            client.clearCache()
             return response.data
         }
     }

packages/agentflow/vite.config.ts

@@ -46,6 +46,7 @@ export default defineConfig(({ mode }) => {
                         'react/jsx-runtime': 'jsxRuntime',
                         '@mui/material': 'MaterialUI',
                         '@mui/material/styles': 'MaterialUIStyles',
+                        '@mui/icons-material': 'MaterialUIIcons',
                         '@emotion/react': 'emotionReact',
                         '@emotion/styled': 'emotionStyled',
                         reactflow: 'ReactFlow'