{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "mcp-server-editor",
	"title": "MCP Server Editor",
	"description": "Controlled canonical MCP Server editor with streamable-http, SSE, and stdio transport-specific fields",
	"dependencies": ["@wener/ai@^0.1.21", "daisyui"],
	"registryDependencies": ["https://ui-components.wener.me/r/ai-config-editor.json"],
	"files": [
		{
			"path": "registry/default/blocks/mcp-server-editor/mcp-server-editor.tsx",
			"content": "'use client';\n\nimport { type McpServerConfig, McpServerConfigSchema, type McpTransport } from '@wener/ai/mcp';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport {\n\tAiConfigEditor,\n\ttype AiConfigEditorSlots,\n\tAiConfigFieldGrid,\n\tAiConfigFieldSlot,\n\tAiConfigFormSection,\n\tAiConfigKeyValueField,\n\tAiConfigNumberField,\n\ttype AiConfigSchema,\n\tAiConfigStringListField,\n\tAiConfigTextareaField,\n\tAiConfigTextField,\n\tAiConfigToggleField,\n\ttype AiConfigValidationMode,\n\ttype AiResourceEditorMessageOverrides,\n\ttype AiResourceEditorMessages,\n\taiConfigFieldError,\n\tJsonValueEditor,\n\tmergeResourceEditorMessages,\n\tuseAiConfigDraft,\n} from '../../ui/ai-config-editor';\n\nexport type McpServerEditorField =\n\t| 'id'\n\t| 'name'\n\t| 'title'\n\t| 'description'\n\t| 'transport'\n\t| 'url'\n\t| 'headers'\n\t| 'command'\n\t| 'args'\n\t| 'env'\n\t| 'cwd'\n\t| 'timeout'\n\t| 'timeoutMs'\n\t| 'options'\n\t| 'tags'\n\t| 'metadata'\n\t| 'extensions'\n\t| 'enabled';\nexport type McpServerEditorSection = 'identity' | 'transport' | 'runtime' | 'metadata';\nexport type McpServerEditorMessages = AiResourceEditorMessages<McpServerEditorField, McpServerEditorSection>;\nexport type McpServerEditorMessageOverrides = AiResourceEditorMessageOverrides<\n\tMcpServerEditorField,\n\tMcpServerEditorSection\n>;\nexport type McpServerEditorProps = Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'title'> & {\n\tvalue: McpServerConfig;\n\tonChange: (value: McpServerConfig) => void;\n\tonSubmit?: (value: McpServerConfig) => void;\n\tschema?: AiConfigSchema<McpServerConfig>;\n\tvalidationMode?: AiConfigValidationMode;\n\tdisabled?: boolean;\n\treadOnly?: boolean;\n\tmessages?: McpServerEditorMessageOverrides;\n\tslots?: AiConfigEditorSlots<McpServerConfig>;\n};\n\nexport const defaultMcpServer: McpServerConfig = McpServerConfigSchema.parse({\n\tid: 'mcp-new',\n\tname: 'mcp-new',\n\ttransport: 'streamable-http',\n\turl: 'https://example.com/mcp',\n\tenabled: true,\n});\nconst defaultMessages: McpServerEditorMessages = {\n\ttitle: 'MCP Server 配置',\n\tdescription: '在 HTTP、SSE 与本地 stdio transport 之间切换。',\n\tsections: { identity: '身份', transport: 'Transport', runtime: '运行参数', metadata: '标签与扩展' },\n\tfields: {\n\t\tid: 'ID',\n\t\tname: '名称',\n\t\ttitle: '显示名称',\n\t\tdescription: '描述',\n\t\ttransport: 'Transport',\n\t\turl: 'Server URL',\n\t\theaders: '请求头',\n\t\tcommand: '命令',\n\t\targs: '参数',\n\t\tenv: '环境变量',\n\t\tcwd: '工作目录',\n\t\ttimeout: '超时（秒）',\n\t\ttimeoutMs: '超时（毫秒）',\n\t\toptions: 'Options',\n\t\ttags: '标签',\n\t\tmetadata: 'Metadata',\n\t\textensions: 'Extensions',\n\t\tenabled: '启用 MCP Server',\n\t},\n};\n\nexport function McpServerEditor({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tschema = McpServerConfigSchema,\n\tvalidationMode,\n\tdisabled = false,\n\treadOnly = false,\n\tmessages: overrides,\n\tslots,\n\t...props\n}: McpServerEditorProps) {\n\tconst messages = mergeResourceEditorMessages(defaultMessages, overrides);\n\tconst controller = useAiConfigDraft({\n\t\tvalue,\n\t\tfallbackValue: defaultMcpServer,\n\t\tschema,\n\t\tonChange,\n\t\tonSubmit,\n\t\tvalidationMode,\n\t});\n\tconst draft = controller.draft;\n\tconst locked = disabled || readOnly;\n\tconst patch = (next: Partial<McpServerConfig>) => controller.setDraft({ ...draft, ...next } as McpServerConfig);\n\tconst field = (name: McpServerEditorField, defaultField: ReactNode) => (\n\t\t<AiConfigFieldSlot\n\t\t\tname={name}\n\t\t\tdraft={draft}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\terror={aiConfigFieldError(controller.visibleIssues, name)}\n\t\t\tdefaultField={defaultField}\n\t\t\tonDraftChange={controller.setDraft}\n\t\t\tslots={slots}\n\t\t/>\n\t);\n\treturn (\n\t\t<AiConfigEditor\n\t\t\t{...props}\n\t\t\ttitle={messages.title}\n\t\t\tdescription={messages.description}\n\t\t\tcontroller={controller}\n\t\t\tmessages={messages.editor}\n\t\t\tslots={slots}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\tshowSubmit={Boolean(onSubmit)}\n\t\t>\n\t\t\t<AiConfigFormSection title={messages.sections.identity}>\n\t\t\t\t<AiConfigFieldGrid>\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'id',\n\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\tlabel={messages.fields.id}\n\t\t\t\t\t\t\tvalue={draft.id}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonValueChange={(id) => patch({ id: optional(id) })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'name',\n\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tlabel={messages.fields.name}\n\t\t\t\t\t\t\tvalue={draft.name}\n\t\t\t\t\t\t\terror={aiConfigFieldError(controller.visibleIssues, 'name')}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonValueChange={(name) => patch({ name: optional(name) })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'title',\n\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\tlabel={messages.fields.title}\n\t\t\t\t\t\t\tvalue={draft.title}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonValueChange={(title) => patch({ title: optional(title) })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t</AiConfigFieldGrid>\n\t\t\t\t{field(\n\t\t\t\t\t'description',\n\t\t\t\t\t<AiConfigTextareaField\n\t\t\t\t\t\twrapperClassName='mt-4'\n\t\t\t\t\t\tlabel={messages.fields.description}\n\t\t\t\t\t\tvalue={draft.description}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tonValueChange={(description) => patch({ description: optional(description) })}\n\t\t\t\t\t/>,\n\t\t\t\t)}\n\t\t\t</AiConfigFormSection>\n\t\t\t<AiConfigFormSection title={messages.sections.transport}>\n\t\t\t\t{field(\n\t\t\t\t\t'transport',\n\t\t\t\t\t<TransportSwitch\n\t\t\t\t\t\tvalue={draft.transport}\n\t\t\t\t\t\tdisabled={locked}\n\t\t\t\t\t\tlabel={messages.fields.transport}\n\t\t\t\t\t\tonChange={(transport) => controller.setDraft(changeMcpTransport(draft, transport))}\n\t\t\t\t\t/>,\n\t\t\t\t)}\n\t\t\t\t{draft.transport === 'stdio' ? (\n\t\t\t\t\t<AiConfigFieldGrid className='mt-4'>\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'command',\n\t\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\tlabel={messages.fields.command}\n\t\t\t\t\t\t\t\tvalue={draft.command}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonValueChange={(command) => patch({ command: optional(command) })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'cwd',\n\t\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\t\tlabel={messages.fields.cwd}\n\t\t\t\t\t\t\t\tvalue={draft.cwd}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonValueChange={(cwd) => patch({ cwd: optional(cwd) })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'args',\n\t\t\t\t\t\t\t<AiConfigStringListField\n\t\t\t\t\t\t\t\tlabel={messages.fields.args}\n\t\t\t\t\t\t\t\tvalue={draft.args}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonChange={(args) => patch({ args })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'env',\n\t\t\t\t\t\t\t<AiConfigKeyValueField\n\t\t\t\t\t\t\t\tlabel={messages.fields.env}\n\t\t\t\t\t\t\t\tvalue={draft.env}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonChange={(env) => patch({ env })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AiConfigFieldGrid>\n\t\t\t\t) : (\n\t\t\t\t\t<div className='mt-4 grid gap-4 lg:grid-cols-2'>\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'url',\n\t\t\t\t\t\t\t<AiConfigTextField\n\t\t\t\t\t\t\t\ttype='url'\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\tlabel={messages.fields.url}\n\t\t\t\t\t\t\t\tvalue={draft.url}\n\t\t\t\t\t\t\t\tplaceholder='https://example.com/mcp'\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonValueChange={(url) => patch({ url: optional(url) })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{field(\n\t\t\t\t\t\t\t'headers',\n\t\t\t\t\t\t\t<AiConfigKeyValueField\n\t\t\t\t\t\t\t\tlabel={messages.fields.headers}\n\t\t\t\t\t\t\t\tvalue={draft.headers}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\t\tonChange={(headers) => patch({ headers })}\n\t\t\t\t\t\t\t/>,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</AiConfigFormSection>\n\t\t\t<AiConfigFormSection title={messages.sections.runtime}>\n\t\t\t\t<AiConfigFieldGrid>\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'timeout',\n\t\t\t\t\t\t<AiConfigNumberField\n\t\t\t\t\t\t\tlabel={messages.fields.timeout}\n\t\t\t\t\t\t\tvalue={draft.timeout}\n\t\t\t\t\t\t\tinteger\n\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonValueChange={(timeout) => patch({ timeout })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'timeoutMs',\n\t\t\t\t\t\t<AiConfigNumberField\n\t\t\t\t\t\t\tlabel={messages.fields.timeoutMs}\n\t\t\t\t\t\t\tvalue={draft.timeoutMs}\n\t\t\t\t\t\t\tinteger\n\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonValueChange={(timeoutMs) => patch({ timeoutMs })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t</AiConfigFieldGrid>\n\t\t\t\t{field(\n\t\t\t\t\t'options',\n\t\t\t\t\t<JsonValueEditor\n\t\t\t\t\t\tclassName='mt-4'\n\t\t\t\t\t\tlabel={messages.fields.options}\n\t\t\t\t\t\tvalue={draft.options ?? {}}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tonChange={(options) => patch({ options: options as McpServerConfig['options'] })}\n\t\t\t\t\t/>,\n\t\t\t\t)}\n\t\t\t</AiConfigFormSection>\n\t\t\t<AiConfigFormSection title={messages.sections.metadata}>\n\t\t\t\t{field(\n\t\t\t\t\t'tags',\n\t\t\t\t\t<AiConfigStringListField\n\t\t\t\t\t\tlabel={messages.fields.tags}\n\t\t\t\t\t\tvalue={draft.tags}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tonChange={(tags) => patch({ tags })}\n\t\t\t\t\t/>,\n\t\t\t\t)}\n\t\t\t\t<div className='mt-4 grid gap-4 lg:grid-cols-2'>\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'metadata',\n\t\t\t\t\t\t<JsonValueEditor\n\t\t\t\t\t\t\tlabel={messages.fields.metadata}\n\t\t\t\t\t\t\tvalue={draft.metadata ?? {}}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonChange={(metadata) => patch({ metadata: metadata as McpServerConfig['metadata'] })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t\t{field(\n\t\t\t\t\t\t'extensions',\n\t\t\t\t\t\t<JsonValueEditor\n\t\t\t\t\t\t\tlabel={messages.fields.extensions}\n\t\t\t\t\t\t\tvalue={draft.extensions ?? {}}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\tonChange={(extensions) => patch({ extensions: extensions as McpServerConfig['extensions'] })}\n\t\t\t\t\t\t/>,\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{field(\n\t\t\t\t\t'enabled',\n\t\t\t\t\t<AiConfigToggleField\n\t\t\t\t\t\twrapperClassName='mt-4'\n\t\t\t\t\t\tlabel={messages.fields.enabled}\n\t\t\t\t\t\tchecked={draft.enabled ?? true}\n\t\t\t\t\t\tdisabled={locked}\n\t\t\t\t\t\tonCheckedChange={(enabled) => patch({ enabled })}\n\t\t\t\t\t/>,\n\t\t\t\t)}\n\t\t\t</AiConfigFormSection>\n\t\t</AiConfigEditor>\n\t);\n}\n\nexport function changeMcpTransport(value: McpServerConfig, transport: McpTransport): McpServerConfig {\n\tconst shared = {\n\t\tid: value.id,\n\t\tname: value.name,\n\t\ttitle: value.title,\n\t\tdescription: value.description,\n\t\ttransport,\n\t\ttimeout: value.timeout,\n\t\ttimeoutMs: value.timeoutMs,\n\t\toptions: value.options,\n\t\ttags: value.tags,\n\t\tmetadata: value.metadata,\n\t\textensions: value.extensions,\n\t\tenabled: value.enabled,\n\t};\n\tif (transport === 'stdio')\n\t\treturn McpServerConfigSchema.parse({\n\t\t\t...shared,\n\t\t\tcommand: value.transport === 'stdio' ? value.command : 'node',\n\t\t\targs: value.transport === 'stdio' ? value.args : [],\n\t\t\tenv: value.transport === 'stdio' ? value.env : {},\n\t\t\tcwd: value.transport === 'stdio' ? value.cwd : undefined,\n\t\t});\n\treturn McpServerConfigSchema.parse({\n\t\t...shared,\n\t\turl: value.transport === 'stdio' ? 'https://example.com/mcp' : value.url,\n\t\theaders: value.transport === 'stdio' ? {} : value.headers,\n\t});\n}\n\nfunction TransportSwitch({\n\tvalue,\n\tonChange,\n\tlabel,\n\tdisabled,\n}: {\n\tvalue: McpTransport;\n\tonChange: (value: McpTransport) => void;\n\tlabel: string;\n\tdisabled: boolean;\n}) {\n\treturn (\n\t\t<div>\n\t\t\t<span className='mb-1 block text-sm font-medium'>{label}</span>\n\t\t\t<div className='join' role='radiogroup' aria-label={label}>\n\t\t\t\t{(['streamable-http', 'sse', 'stdio'] as const).map((transport) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={transport}\n\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\trole='radio'\n\t\t\t\t\t\taria-checked={value === transport}\n\t\t\t\t\t\tclassName={`btn btn-sm join-item ${value === transport ? 'btn-active' : 'btn-outline'}`}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={() => onChange(transport)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{transport}\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction optional(value: string): string | undefined {\n\treturn value.trim() ? value : undefined;\n}\n",
			"type": "registry:component",
			"target": "@components/blocks/mcp-server-editor/mcp-server-editor.tsx"
		},
		{
			"path": "registry/default/blocks/mcp-server-editor/index.ts",
			"content": "export * from './mcp-server-editor';\n",
			"type": "registry:component",
			"target": "@components/blocks/mcp-server-editor/index.ts"
		}
	],
	"type": "registry:block"
}