modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

* In Sidebar.tsx

Browse source 
- Add tooltip over the Connection Type field
This commit is contained in:
cliffhall 2025-09-18 17:42:37 -04:00
commit 6b7c752684
1 changed files with 29 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

51
client/src/components/Sidebar.tsx
View file

@ -108,6 +108,8 @@ const Sidebar = ({
const [copiedServerFile, setCopiedServerFile] = useState(false); const [copiedServerFile, setCopiedServerFile] = useState(false);
const { toast } = useToast(); const { toast } = useToast();
const connectionTypeTip =
"Connect to server directly (requires CORS config on server) or via MCP Inspector Proxy";
// Reusable error reporter for copy actions // Reusable error reporter for copy actions
const reportError = useCallback( const reportError = useCallback(
(error: unknown) => { (error: unknown) => {
@ -319,28 +321,33 @@ const Sidebar = ({
</div> </div>
{/* Connection Type switch - only visible for non-STDIO transport types */} {/* Connection Type switch - only visible for non-STDIO transport types */}
<div className="space-y-2"> <Tooltip>
<label <TooltipTrigger asChild>
className="text-sm font-medium" <div className="space-y-2">
htmlFor="connection-type-select" <label
> className="text-sm font-medium"
Connection Type htmlFor="connection-type-select"
</label> >
<Select Connection Type
value={connectionType} </label>
onValueChange={(value: "direct" | "proxy") => <Select
setConnectionType(value) value={connectionType}
} onValueChange={(value: "direct" | "proxy") =>
> setConnectionType(value)
<SelectTrigger id="connection-type-select"> }
<SelectValue placeholder="Select connection type" /> >
</SelectTrigger> <SelectTrigger id="connection-type-select">
<SelectContent> <SelectValue placeholder="Select connection type" />
<SelectItem value="proxy">Via Proxy</SelectItem> </SelectTrigger>
<SelectItem value="direct">Direct</SelectItem> <SelectContent>
</SelectContent> <SelectItem value="proxy">Via Proxy</SelectItem>
</Select> <SelectItem value="direct">Direct</SelectItem>
</div> </SelectContent>
</Select>
</div>
</TooltipTrigger>
<TooltipContent>{connectionTypeTip}</TooltipContent>
</Tooltip>
</> </>
)} )}