20850324431

Committed 09 Jan 2026 11:22AM UTC coverage: 53.072% (+0.1%) from 52.941%

Build # 20850324431

Build Type

Pull #1408

github

Committed by

web-flow

Commit Message

Merge f81dc8a00 into d8ac916b9

Pull Request Pull Request #1408: feat(workloads): add proxy_mode and proxy_port fields to MCP server forms

Run Details

2125 of 4186 branches covered (50.76%)

Branch coverage included in aggregate %.

17 of 19 new or added lines in 4 files covered. (89.47%)

3 existing lines in 2 files now uncovered.

3334 of 6100 relevant lines covered (54.66%)

124.41 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

55.56

/renderer/src/common/components/workloads/form-fields-proxy.tsx

import {
  FormControl,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from '@/common/components/ui/form'
import { Input } from '@/common/components/ui/input'
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from '@/common/components/ui/select'
import { TooltipInfoIcon } from '@/common/components/ui/tooltip-info-icon'
import type { Control, FieldValues, Path } from 'react-hook-form'

type ProxyFields = {
  proxy_mode: 'sse' | 'streamable-http'
  proxy_port?: number
}

interface FormFieldsProxyProps<T extends FieldValues & ProxyFields> {
  control: Control<T>
}

export function FormFieldsProxy<T extends FieldValues & ProxyFields>({
  control,
}: FormFieldsProxyProps<T>) {
  return (
    <>
      <FormField
        control={control}
        name={'proxy_mode' as Path<T>}
        render={({ field }) => (
          <FormItem>
            <div className="flex items-center gap-1">
              <FormLabel htmlFor={field.name}>Proxy mode</FormLabel>
              <TooltipInfoIcon>
                The proxy transport mode that clients should use to connect to
                this server.
              </TooltipInfoIcon>
            </div>
            <FormControl>
              <Select
                onValueChange={field.onChange}
                value={field.value}
                name={field.name}
              >
                <SelectTrigger id={field.name} className="w-full">
                  <SelectValue placeholder="Select proxy mode" />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="sse">SSE</SelectItem>
                  <SelectItem value="streamable-http">
                    Streamable HTTP
                  </SelectItem>
                </SelectContent>
              </Select>
            </FormControl>
            <FormMessage />
          </FormItem>
        )}
      />

      <FormField
        control={control}
        name={'proxy_port' as Path<T>}
        render={({ field }) => (
          <FormItem>
            <div className="flex items-center gap-1">
              <FormLabel htmlFor={field.name}>Proxy port</FormLabel>
              <TooltipInfoIcon className="max-w-72">
                Port for the HTTP proxy to listen on. If not specified, ToolHive
                will automatically assign a random port.
              </TooltipInfoIcon>
            </div>
            <FormControl>
              <Input
                id={field.name}
                autoCorrect="off"
                autoComplete="off"
                type="number"
                data-1p-ignore
                placeholder="Leave empty for random port"
                value={field.value ?? ''}
                onChange={(e) => {
                  const value = e.target.value
                  field.onChange(value === '' ? undefined : parseInt(value, 10))
                }}
                name={field.name}
              />
            </FormControl>
            <FormMessage />
          </FormItem>
        )}
      />
    </>
  )
}

1	import {
2	FormControl,
3	FormField,
4	FormItem,
5	FormLabel,
6	FormMessage,
7	} from '@/common/components/ui/form'
8	import { Input } from '@/common/components/ui/input'
9	import {
10	Select,
11	SelectContent,
12	SelectItem,
13	SelectTrigger,
14	SelectValue,
15	} from '@/common/components/ui/select'
16	import { TooltipInfoIcon } from '@/common/components/ui/tooltip-info-icon'
17	import type { Control, FieldValues, Path } from 'react-hook-form'
18
19	type ProxyFields = {
20	proxy_mode: 'sse' \| 'streamable-http'
21	proxy_port?: number
22	}
23
24	interface FormFieldsProxyProps<T extends FieldValues & ProxyFields> {
25	control: Control<T>
26	}
27
28	export function FormFieldsProxy<T extends FieldValues & ProxyFields>({
29	control,
30	}: FormFieldsProxyProps<T>) {
31	return (	258✔
32	<>
33	<FormField
34	control={control}
35	name={'proxy_mode' as Path<T>}
36	render={({ field }) => (	262✔
37	<FormItem>
38	<div className="flex items-center gap-1">
39	<FormLabel htmlFor={field.name}>Proxy mode</FormLabel>
40	<TooltipInfoIcon>
41	The proxy transport mode that clients should use to connect to
42	this server.
43	</TooltipInfoIcon>
44	</div>
45	<FormControl>
46	<Select
47	onValueChange={field.onChange}
48	value={field.value}
49	name={field.name}
50	>
51	<SelectTrigger id={field.name} className="w-full">
52	<SelectValue placeholder="Select proxy mode" />
53	</SelectTrigger>
54	<SelectContent>
55	<SelectItem value="sse">SSE</SelectItem>
56	<SelectItem value="streamable-http">
57	Streamable HTTP
58	</SelectItem>
59	</SelectContent>
60	</Select>
61	</FormControl>
62	<FormMessage />
63	</FormItem>
64	)}
65	/>
66
67	<FormField
68	control={control}
69	name={'proxy_port' as Path<T>}
70	render={({ field }) => (	262✔
71	<FormItem>
72	<div className="flex items-center gap-1">
73	<FormLabel htmlFor={field.name}>Proxy port</FormLabel>
74	<TooltipInfoIcon className="max-w-72">
75	Port for the HTTP proxy to listen on. If not specified, ToolHive
76	will automatically assign a random port.
77	</TooltipInfoIcon>
78	</div>
79	<FormControl>
80	<Input
81	id={field.name}
82	autoCorrect="off"
83	autoComplete="off"
84	type="number"
85	data-1p-ignore
86	placeholder="Leave empty for random port"
87	value={field.value ?? ''}	524✔
88	onChange={(e) => {
NEW 89	const value = e.target.value	×
NEW 90	field.onChange(value === '' ? undefined : parseInt(value, 10))	×
91	}}
92	name={field.name}
93	/>
94	</FormControl>
95	<FormMessage />
96	</FormItem>
97	)}
98	/>
99	</>
100	)
101	}

stacklok / toolhive-studio / 20850324431

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous