refactor: collapse TLS/Certificate section into accordion in MCP client form and sheet - #3854
Conversation
📝 WalkthroughWalkthroughTwo MCP registry form files move TLS/Certificate settings into collapsible Accordion sections; auth pages receive a punctuation tweak and the temporary-token alert is removed. All TLS form fields, react-hook-form wiring, disabled logic, and data-testid attributes are preserved. ChangesTLS Configuration Accordion Refactor
Auth page UI tweaks
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~20 minutes Possibly related PRs
Suggested reviewers
Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Comment |
This stack of pull requests is managed by Graphite. Learn more about stacking. |
Confidence Score: 4/5The TLS accordion changes are safe; the unrelated deletion of the SSO warning in auth/page.tsx removes the only in-page route for SSO users to log in when using a temp-token link and should be reviewed before merging. The accordion refactor itself is a clean, low-risk visual change. The concern is the undocumented removal of the SSO temp-token alert in auth/page.tsx: after the change, users arriving via a temporary link on an SSO-enabled instance see no warning about credential attribution and no "Log in instead" button, which is a regression from the previous behaviour. ui/app/workspace/mcp-sessions/auth/page.tsx — the SSO warning block removal needs explicit confirmation. Important Files Changed
Reviews (3): Last reviewed commit: "feat: use accordion for tls settings" | Re-trigger Greptile |
|
Actionable comments posted: 0 |
6e23dea to
c0d642a
Compare
|
Actionable comments posted: 0 |
c0d642a to
f595ffa
Compare
|
Actionable comments posted: 0 |
Merge activity
|
…nt form and sheet (#3854) ## Summary The TLS / Certificate section in the MCP client form and sheet was always fully expanded, taking up visual space even when users don't need to configure TLS settings. This wraps the section in a collapsible `Accordion` component so it stays hidden by default and can be expanded on demand. Additionally, the temporary-token SSO warning alert and its inline "Log in instead" button have been removed from the OAuth auth flow, and a minor punctuation fix was applied to the auth success page. ## Changes - Replaced the static bordered `div` containing the TLS / Certificate fields with a collapsible `Accordion` in both `mcpClientForm.tsx` and `mcpClientSheet.tsx` - The accordion is collapsed by default, reducing visual clutter for users who don't need TLS configuration - The `AccordionTrigger` retains the "TLS / Certificate" label and includes a `data-testid` for test targeting - Removed the temporary-token SSO warning `Alert` block from the OAuth auth view in `mcp-sessions/auth/page.tsx` - Replaced an em dash with a hyphen in the auth success page copy ## Type of change - [ ] Bug fix - [ ] Feature - [x] Refactor - [ ] Documentation - [ ] Chore/CI ## Affected areas - [ ] Core (Go) - [ ] Transports (HTTP) - [ ] Providers/Integrations - [ ] Plugins - [x] UI (React) - [ ] Docs ## How to test 1. Open the MCP client creation form or edit sheet for an HTTP or SSE connection type 2. Verify the "TLS / Certificate" section is collapsed by default 3. Click the accordion trigger to expand it and confirm the "Skip TLS verification" toggle and "CA Certificate (PEM)" textarea are visible and functional ```sh cd ui pnpm i || npm i pnpm test || npm test pnpm build || npm run build ``` ## Breaking changes - [ ] Yes - [x] No ## Security considerations No security implications. The underlying TLS fields and their behavior are unchanged. The removed temporary-token warning was UI-only and did not affect any auth logic. ## Checklist - [ ] I read `docs/contributing/README.md` and followed the guidelines - [ ] I added/updated tests where appropriate - [ ] I updated documentation where needed - [ ] I verified builds succeed (Go and UI) - [ ] I verified the CI pipeline passes locally if applicable
…nt form and sheet (maximhq#3854) ## Summary The TLS / Certificate section in the MCP client form and sheet was always fully expanded, taking up visual space even when users don't need to configure TLS settings. This wraps the section in a collapsible `Accordion` component so it stays hidden by default and can be expanded on demand. Additionally, the temporary-token SSO warning alert and its inline "Log in instead" button have been removed from the OAuth auth flow, and a minor punctuation fix was applied to the auth success page. ## Changes - Replaced the static bordered `div` containing the TLS / Certificate fields with a collapsible `Accordion` in both `mcpClientForm.tsx` and `mcpClientSheet.tsx` - The accordion is collapsed by default, reducing visual clutter for users who don't need TLS configuration - The `AccordionTrigger` retains the "TLS / Certificate" label and includes a `data-testid` for test targeting - Removed the temporary-token SSO warning `Alert` block from the OAuth auth view in `mcp-sessions/auth/page.tsx` - Replaced an em dash with a hyphen in the auth success page copy ## Type of change - [ ] Bug fix - [ ] Feature - [x] Refactor - [ ] Documentation - [ ] Chore/CI ## Affected areas - [ ] Core (Go) - [ ] Transports (HTTP) - [ ] Providers/Integrations - [ ] Plugins - [x] UI (React) - [ ] Docs ## How to test 1. Open the MCP client creation form or edit sheet for an HTTP or SSE connection type 2. Verify the "TLS / Certificate" section is collapsed by default 3. Click the accordion trigger to expand it and confirm the "Skip TLS verification" toggle and "CA Certificate (PEM)" textarea are visible and functional ```sh cd ui pnpm i || npm i pnpm test || npm test pnpm build || npm run build ``` ## Breaking changes - [ ] Yes - [x] No ## Security considerations No security implications. The underlying TLS fields and their behavior are unchanged. The removed temporary-token warning was UI-only and did not affect any auth logic. ## Checklist - [ ] I read `docs/contributing/README.md` and followed the guidelines - [ ] I added/updated tests where appropriate - [ ] I updated documentation where needed - [ ] I verified builds succeed (Go and UI) - [ ] I verified the CI pipeline passes locally if applicable
…nt form and sheet (maximhq#3854) ## Summary The TLS / Certificate section in the MCP client form and sheet was always fully expanded, taking up visual space even when users don't need to configure TLS settings. This wraps the section in a collapsible `Accordion` component so it stays hidden by default and can be expanded on demand. Additionally, the temporary-token SSO warning alert and its inline "Log in instead" button have been removed from the OAuth auth flow, and a minor punctuation fix was applied to the auth success page. ## Changes - Replaced the static bordered `div` containing the TLS / Certificate fields with a collapsible `Accordion` in both `mcpClientForm.tsx` and `mcpClientSheet.tsx` - The accordion is collapsed by default, reducing visual clutter for users who don't need TLS configuration - The `AccordionTrigger` retains the "TLS / Certificate" label and includes a `data-testid` for test targeting - Removed the temporary-token SSO warning `Alert` block from the OAuth auth view in `mcp-sessions/auth/page.tsx` - Replaced an em dash with a hyphen in the auth success page copy ## Type of change - [ ] Bug fix - [ ] Feature - [x] Refactor - [ ] Documentation - [ ] Chore/CI ## Affected areas - [ ] Core (Go) - [ ] Transports (HTTP) - [ ] Providers/Integrations - [ ] Plugins - [x] UI (React) - [ ] Docs ## How to test 1. Open the MCP client creation form or edit sheet for an HTTP or SSE connection type 2. Verify the "TLS / Certificate" section is collapsed by default 3. Click the accordion trigger to expand it and confirm the "Skip TLS verification" toggle and "CA Certificate (PEM)" textarea are visible and functional ```sh cd ui pnpm i || npm i pnpm test || npm test pnpm build || npm run build ``` ## Breaking changes - [ ] Yes - [x] No ## Security considerations No security implications. The underlying TLS fields and their behavior are unchanged. The removed temporary-token warning was UI-only and did not affect any auth logic. ## Checklist - [ ] I read `docs/contributing/README.md` and followed the guidelines - [ ] I added/updated tests where appropriate - [ ] I updated documentation where needed - [ ] I verified builds succeed (Go and UI) - [ ] I verified the CI pipeline passes locally if applicable

Summary
The TLS / Certificate section in the MCP client form and sheet was always fully expanded, taking up visual space even when users don't need to configure TLS settings. This wraps the section in a collapsible
Accordioncomponent so it stays hidden by default and can be expanded on demand.Additionally, the temporary-token SSO warning alert and its inline "Log in instead" button have been removed from the OAuth auth flow, and a minor punctuation fix was applied to the auth success page.
Changes
divcontaining the TLS / Certificate fields with a collapsibleAccordionin bothmcpClientForm.tsxandmcpClientSheet.tsxAccordionTriggerretains the "TLS / Certificate" label and includes adata-testidfor test targetingAlertblock from the OAuth auth view inmcp-sessions/auth/page.tsxType of change
Affected areas
How to test
Breaking changes
Security considerations
No security implications. The underlying TLS fields and their behavior are unchanged. The removed temporary-token warning was UI-only and did not affect any auth logic.
Checklist
docs/contributing/README.mdand followed the guidelines