Add Amazon AgentCore Gateway Node to Strands Studio

[SH4DY]

Overview

This PR adds support for the Amazon AgentCore Gateway node to Strands Studio, enabling users to configure tool allow-lists for agents through a visual node interface.

Requirements Implemented

Gateway Node Functionality

• ✅ Created a new Gateway node type that users can drag from the node palette into the work area
• ✅ Gateway node appears in the node palette under the Core category
• ✅ Users can interact with the Gateway node to select one or multiple tools to allow-list for their agent
• ✅ Integrated with the existing React Flow editor and node system
• ✅ Follows the same patterns and architecture as existing nodes (AgentNode, OrchestratorAgentNode)
• ✅ Stores selected tools configuration in the node's data structure
• ✅ Node properties are editable through the property panel
• ✅ Supports connections with other nodes in the flow editor
• ✅ Compatible with the backend's bedrock-agentcore integration

Implementation Details

Files Changed

1. src/components/nodes/gateway-node.tsx (NEW)

   • New Gateway node component implementation
   • Follows existing node patterns with NetworkIcon
   • Implements handle connections for agent input/output

2. src/components/nodes/index.tsx

   • Registered new GatewayNode component
   • Added to node type exports

3. src/components/node-palette.tsx

   • Added Gateway node to the Core category
   • Includes appropriate icon (Network) and description
   • Positioned in the node palette for easy access

4. src/components/flow-editor.tsx

   • Registered 'gateway' node type in the flow editor
   • Integrated with React Flow's node type system

5. src/components/property-panel.tsx

   • Added property panel configuration for Gateway nodes
   • Implemented tool selection interface with multi-select capability
   • Tool options include: Calculator, Weather API, Database Query, File System, Web Search

6. src/lib/connection-validator.ts

   • Updated connection validation logic to support Gateway node connections
   • Ensures proper agent input and tool output connections

Architecture & Patterns

• Follows the established node component architecture
• Uses React Flow for visual flow editing
• Implements the same data model structure as other nodes
• Maintains consistency with existing UI/UX patterns
• Compatible with backend bedrock-agentcore integration

Testing Considerations

• Gateway node can be dragged from palette to work area
• Node can be connected to other nodes in the flow
• Tool selection in property panel works correctly
• Multiple tools can be selected/deselected
• Node configuration persists correctly

Related Systems

• Integrates with bedrock-agentcore backend
• Works within existing React Flow editor framework
• Compatible with current property panel system