Skip to content

Add Tools section to MCP server details page #2371

Merged
google-oss-prow[bot] merged 7 commits intokubeflow:mainfrom
manaswinidas:tools-mcp-details
Mar 17, 2026
Merged

Add Tools section to MCP server details page #2371
google-oss-prow[bot] merged 7 commits intokubeflow:mainfrom
manaswinidas:tools-mcp-details

Conversation

@manaswinidas
Copy link
Contributor

Description

  • Add tools section to MCP server details page
  • Added pagination
  • Added search by tool name/description
Screenshot 2026-03-11 at 4 30 11 PM
Screen.Recording.2026-03-11.at.4.30.23.PM.mov
Screenshot 2026-03-11 at 4 35 49 PM

Still uses mocks introduced by #2314 - which will be removed by #2362 - will add the empty/loading/error states accordingly

/hold until #2362 merges

How Has This Been Tested?

Merge criteria:

  • All the commits have been signed-off (To pass the DCO check)
  • The commits have meaningful messages
  • Automated tests are provided as part of the PR for major new functionalities; testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
  • The developer has manually tested the changes and verified that the changes work.
  • Code changes follow the kubeflow contribution guidelines.
  • For first time contributors: Please reach out to the Reviewers to ensure all tests are being run, ensuring the label ok-to-test has been added to the PR.

If you have UI changes

  • The developer has added tests or explained why testing cannot be added.
  • Included any necessary screenshots or gifs if it was a UI change.
  • Verify that UI/UX changes conform the UX guidelines for Kubeflow.

@manaswinidas
Copy link
Contributor Author

/unhold

@manaswinidas
Copy link
Contributor Author

/retest

};

const toolsCardShell = (children: React.ReactNode) => (
<Card data-testid="mcp-server-tools" style={{ overflow: 'visible' }}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see that we have test-ids being added - but missing cypress tests

</Card>
</StackItem>
<StackItem>
<McpServerToolsSection serverId={String(server.id)} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

server.id should be a string - could you please update the types?

Required: false,
},
},
Revoked: &falseVal,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we have a one tool with Revoked as True? I am not sure how will it affect the UI because we never used that field

@ppadti
Copy link
Contributor

ppadti commented Mar 16, 2026

/retest

Copy link
Contributor

@ppadti ppadti left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/lgtm

@@ -9,7 +9,7 @@ import { MCP_CATALOG_GALLERY } from '~/app/pages/mcpCatalog/const';
import McpCatalogGalleryView from '~/app/pages/mcpCatalog/screens/McpCatalogGalleryView';

const buildServer = (id: number, sourceId: string): McpServer => ({
Copy link
Contributor

@ppadti ppadti Mar 17, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a minor one: can we just pass id: string here instead of converting later?

@google-oss-prow google-oss-prow bot added the lgtm label Mar 17, 2026
@google-oss-prow google-oss-prow bot removed the lgtm label Mar 17, 2026
Copy link
Contributor Author

@manaswinidas manaswinidas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/approve

@google-oss-prow
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: manaswinidas

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

Copy link
Contributor

@ppadti ppadti left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/lgtm

@google-oss-prow google-oss-prow bot added the lgtm label Mar 17, 2026
@google-oss-prow google-oss-prow bot merged commit dbf3222 into kubeflow:main Mar 17, 2026
31 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants