Skip to content

Split Connections component into modular sub-components#23

Open
kamath wants to merge 2 commits intomainfrom
kamath/split-connections-components
Open

Split Connections component into modular sub-components#23
kamath wants to merge 2 commits intomainfrom
kamath/split-connections-components

Conversation

@kamath
Copy link
Contributor

@kamath kamath commented Jan 27, 2026

Summary

Refactored the monolithic Connections component into three independent, reusable sub-components:

  • ConnectionCard: Displays individual connection details with delete functionality
  • ConnectionsList: Browsable list of connections with search integration
  • ActiveConnection: Handles connection details, OAuth flow, and tool panel integration

Changes

  • Created smithery-utils helper module for shared API client instantiation
  • Added full documentation pages for each new component with interactive previews
  • Updated registry entries for all new components
  • Reduced main connections.tsx from 528 lines to 50 lines (wrapper component)
  • Maintained full backward compatibility through re-exports

Benefits

  • Components can be installed and used independently
  • Easier to test and maintain individual features
  • Better code organization and clarity
  • Seamless migration path for existing code

🤖 Generated with Claude Code

- Extract ConnectionCard, ConnectionsList, and ActiveConnection as separate, reusable components
- Create smithery-utils helper with getSmitheryClient and getDefaultNamespace
- Add documentation pages for each new component with interactive previews
- Update registry entries for all new components and update existing entries
- Add sidebar navigation and docs page entries for new components
- Reduce main connections.tsx to a simple wrapper component (50 lines vs 528)

The refactoring maintains full backward compatibility through re-exported utilities and maintains existing component API.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Jan 27, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
openchat Error Error Jan 27, 2026 8:09am

Request Review

- Resolved merge conflicts with main branch
- Fixed SmitheryTransport usage (replaced createConnection which doesn't exist in @smithery/api@0.27.0)
- Fixed rpc.call usage (replaced mcp.call with rpc.call throughout codebase)
- Regenerated registry JSON files

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant