Show MCP connection status in integrations

[ishaanxgupta]

Summary

• Parse enabled MCP OAuth API keys from the integrations page key list.
• Show MCP as connected in MCP integration cards, the Active filter count, featured CTA, and active connections rail.
• Reuse the existing MCP metadata signal used elsewhere in the app (sm_source: "mcp" or sm_kind: "mcp_oauth_exchange").

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	supermemory-mcp	0728c2b	Jun 27 2026, 03:29 PM

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	supermemory-app	0728c2b	Commit Preview URL Branch Preview URL	Jun 27 2026, 03:30 PM

[ishaanxgupta]

Update after latest commit:

• MCP connection state is now shown once in the MCP section header, before the carousel arrows, because the API does not return per-client MCP identity.
• MCP client cards now use compact + actions instead of text Connect buttons.
• The previous per-card MCP connected indicator was removed so all MCP clients are not shown as individually connected.

[claude]

Claude finished @ishaanxgupta's task in 1m 23s —— View job

---

Review Complete

• Fetch latest diff and check for previous review issues
• Verify encoding bugs are fixed (· → ·)
• Verify MCP icon rendering is correct
• Submit review

All previously reported issues have been addressed:

• Encoding bugs: All three instances of · have been replaced with the correct · (middle dot) character at lines 1098, 1511, and 1528
• MCP icon: Now using proper MCPIcon component with gradient SVG fills (imported from @ui/assets/icons)

Score: 9/10 — Good to ship.

[claude]

Overview: Adds MCP connection status display to the integrations page by parsing MCP OAuth API keys and showing connected state in the section header, active connections rail, and featured CTA.

Issues found:

• Character encoding bug: Three instances of · instead of · (middle dot) at lines 1098, 1511, and 1528. This will display incorrectly in the UI.

Score: 8/10

The logic and structure look solid. The code correctly reuses the existing MCP metadata signals (sm_source: "mcp" or sm_kind: "mcp_oauth_exchange"), properly handles null/undefined cases, and integrates cleanly with the existing rail entry system. The activeMcpKey memo correctly finds the most recent key by comparing timestamps.

Fix the encoding issue and this is good to ship.

[claude]

Overview: Adds MCP connection status display to the integrations page by parsing MCP OAuth API keys and showing connected state in the section header, active connections rail, and featured CTA.

Issues found:

• The encoding bug at line 1098 (McpConnectedPill) was fixed ✓
• Two instances of · instead of · remain in McpRailRow at lines 1511 and 1528

Score: 8/10

The logic and structure look solid. The code correctly reuses the existing MCP metadata signals, properly handles null/undefined cases, and integrates cleanly with the existing rail entry system. The activeMcpKey memo correctly finds the most recent key by comparing timestamps.

Fix the remaining two encoding issues and this is good to ship.

[MaheshtheDev]

add mcp icon instead of black icon in active status

[claude]

Overview: Adds MCP connection status display to the integrations page by parsing MCP OAuth API keys and showing connected state in the section header, active connections rail, and featured CTA.

Issues found: None — all previously reported encoding bugs have been fixed, and the MCP icon is now properly implemented with a gradient SVG.

Score: 9/10

The implementation is solid:

• isMcpAuthMetadata() correctly identifies MCP keys via sm_source or sm_kind metadata
• parseMcpAuthKeys() safely handles JSON parsing with try/catch and filters disabled keys
• activeMcpKey memo correctly finds the most recent key by comparing timestamps
• The McpEntry type integrates cleanly with the existing RailEntry discriminated union
• MCP icon uses proper gradient fills matching the brand

Good to ship.