import React from 'react';
export const MCP_TOOLS = [
'tavily_search',
'brave_web_search',
'brave_local_search',
'web_search',
'get_sources',
'web_fetch',
'web_map'
] as const;
export type McpTool = (typeof MCP_TOOLS)[number];
const MCP_TOOL_SET = new Set<string>(MCP_TOOLS);
export function isMcpTool(value: unknown): value is McpTool {
return typeof value === 'string' && MCP_TOOL_SET.has(value);
}
export function coerceMcpTool(value: unknown, fallback: McpTool = 'tavily_search'): McpTool {
return isMcpTool(value) ? value : fallback;
}
type ToolSelectorProps = {
value: McpTool;
onChange: (tool: McpTool) => void;
disabled?: boolean;
};
export function ToolSelector({ value, onChange, disabled }: ToolSelectorProps) {
return (
<div className="stack gap-1">
<label htmlFor="tool-selector" className="label">
Tool
</label>
<select
id="tool-selector"
className="select"
value={value}
onChange={(e) => onChange(e.target.value as McpTool)}
disabled={disabled}
>
{MCP_TOOLS.map((tool) => (
<option key={tool} value={tool}>
{tool}
</option>
))}
</select>
<div className="help">Select the MCP tool to execute.</div>
</div>
);
}
