fix(manage-ui): fix user-scoped MCP credential card refresh

.changeset/remarkable-peach-panda.md

@@ -0,0 +1,5 @@
+---
+"@inkeep/agents-manage-ui": patch
+---
+
+Fix user-scoped MCP credential card not updating after connect or disconnect without manual page refresh

agents-manage-ui/src/app/[tenantId]/projects/[projectId]/mcp-servers/[mcpServerId]/page.tsx

@@ -1,7 +1,7 @@
 import FullPageError from '@/components/errors/full-page-error';
 import { ViewMCPServerDetailsProjectScope } from '@/components/mcp-servers/view-mcp-server-details-project-scope';
 import { ViewMCPServerDetailsUserScope } from '@/components/mcp-servers/view-mcp-server-details-user-scope';
-import { fetchCredential } from '@/lib/api/credentials';
+import { fetchCredential, fetchUserScopedCredential } from '@/lib/api/credentials';
 import { fetchMCPTool } from '@/lib/api/tools';
 import { getErrorCode } from '@/lib/utils/error-serialization';
 
@@ -14,8 +14,15 @@ async function MCPPage({
     const tool = await fetchMCPTool(tenantId, projectId, mcpServerId);
 
     if (tool.credentialScope === 'user') {
+      const userCredential = await fetchUserScopedCredential(tenantId, projectId, tool.id);
+
       return (
-        <ViewMCPServerDetailsUserScope tool={tool} tenantId={tenantId} projectId={projectId} />
+        <ViewMCPServerDetailsUserScope
+          tool={tool}
+          userCredential={userCredential}
+          tenantId={tenantId}
+          projectId={projectId}
+        />
       );
     }
 

agents-manage-ui/src/components/mcp-servers/view-mcp-server-details-user-scope.tsx

@@ -19,7 +19,7 @@ import {
   ItemCardTitle,
 } from '@/components/ui/item-card';
 import { useOAuthLogin } from '@/hooks/use-oauth-login';
-import { useUserScopedCredentialQuery } from '@/lib/query/credentials';
+import type { Credential } from '@/lib/api/credentials';
 import { useProjectPermissionsQuery } from '@/lib/query/projects';
 import type { MCPTool } from '@/lib/types/tools';
 import { Button } from '../ui/button';
@@ -38,10 +38,12 @@ import {
 
 export function ViewMCPServerDetailsUserScope({
   tool,
+  userCredential,
   tenantId,
   projectId,
 }: {
   tool: MCPTool;
+  userCredential: Credential | null;
   tenantId: string;
   projectId: string;
 }) {
@@ -60,10 +62,6 @@ export function ViewMCPServerDetailsUserScope({
 
   const [showDisconnectDialog, setShowDisconnectDialog] = useState(false);
 
-  const { data: userCredential, isFetching: isLoadingCredential } = useUserScopedCredentialQuery({
-    toolId: tool.id,
-  });
-
   return (
     <div className="max-w-2xl mx-auto space-y-6">
       {/* Header */}
@@ -118,13 +116,11 @@ export function ViewMCPServerDetailsUserScope({
       </div>
 
       {/* Your Connection */}
-      {(isLoadingCredential || userCredential || tool.status === 'needs_auth') && (
+      {(userCredential || tool.status === 'needs_auth') && (
         <div className="space-y-2">
           <ItemLabel>Your Connection</ItemLabel>
 
-          {isLoadingCredential ? (
-            <p className="text-sm text-muted-foreground">Checking your connection status...</p>
-          ) : userCredential ? (
+          {userCredential ? (
             <ItemCardRoot>
               <ItemCardHeader>
                 <ItemCardLink