@shipit-ai/cli 1.172.0 → 1.173.0-pr17.286f21f

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.schema.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Zod Schemas for MCP Server Browser Data Validation
+ *
+ * Validates all external data boundaries:
+ * 1. LiteLLM proxy GET /public/mcp_hub response
+ * 2. LiteLLM proxy GET /mcp-rest/tools/list response
+ *
+ * All data from external sources is untrusted. Strings are capped
+ * to prevent excessive memory use in UI rendering.
+ */
+import { z } from 'zod';
+declare const McpServerInfoSchema: z.ZodObject<{
+    server_id: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    alias: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    server_name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    url: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+    transport: z.ZodDefault<z.ZodString>;
+    spec_path: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    auth_type: z.ZodDefault<z.ZodString>;
+    mcp_info: z.ZodOptional<z.ZodObject<{
+        server_name: z.ZodOptional<z.ZodString>;
+        description: z.ZodPipe<z.ZodDefault<z.ZodString>, z.ZodTransform<string, string>>;
+        mcp_server_cost_info: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$loose>>;
+}, z.core.$strip>;
+export declare const McpServerListSchema: z.ZodArray<z.ZodObject<{
+    server_id: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    alias: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    server_name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    url: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+    transport: z.ZodDefault<z.ZodString>;
+    spec_path: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    auth_type: z.ZodDefault<z.ZodString>;
+    mcp_info: z.ZodOptional<z.ZodObject<{
+        server_name: z.ZodOptional<z.ZodString>;
+        description: z.ZodPipe<z.ZodDefault<z.ZodString>, z.ZodTransform<string, string>>;
+        mcp_server_cost_info: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$loose>>;
+}, z.core.$strip>>;
+declare const McpToolInfoSchema: z.ZodObject<{
+    name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    title: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+    description: z.ZodPipe<z.ZodDefault<z.ZodString>, z.ZodTransform<string, string>>;
+    inputSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+}, z.core.$strip>;
+export declare const McpToolListResponseSchema: z.ZodObject<{
+    tools: z.ZodArray<z.ZodObject<{
+        name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+        title: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+        description: z.ZodPipe<z.ZodDefault<z.ZodString>, z.ZodTransform<string, string>>;
+        inputSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const McpToolListFallbackSchema: z.ZodArray<z.ZodObject<{
+    name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    title: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+    description: z.ZodPipe<z.ZodDefault<z.ZodString>, z.ZodTransform<string, string>>;
+    inputSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+}, z.core.$strip>>;
+export type ValidatedMcpServerInfo = z.infer<typeof McpServerInfoSchema>;
+export type ValidatedMcpToolInfo = z.infer<typeof McpToolInfoSchema>;
+export {};
+//# sourceMappingURL=mcp-server-browser.schema.d.ts.map

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-browser.schema.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;iBAavB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;kBAA+B,CAAC;AAEhE,QAAA,MAAM,iBAAiB;;;;;iBAWrB,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;;iBAEpC,CAAC;AAGH,eAAO,MAAM,yBAAyB;;;;;kBAA6B,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACzE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.schema.js

@@ -0,0 +1,53 @@
+/**
+ * Zod Schemas for MCP Server Browser Data Validation
+ *
+ * Validates all external data boundaries:
+ * 1. LiteLLM proxy GET /public/mcp_hub response
+ * 2. LiteLLM proxy GET /mcp-rest/tools/list response
+ *
+ * All data from external sources is untrusted. Strings are capped
+ * to prevent excessive memory use in UI rendering.
+ */
+import { z } from 'zod';
+const McpServerMcpInfoSchema = z
+    .object({
+    server_name: z.string().optional(),
+    description: z
+        .string()
+        .default('')
+        .transform((s) => s.slice(0, 2000)),
+    mcp_server_cost_info: z.record(z.string(), z.unknown()).optional(),
+})
+    .passthrough();
+const McpServerInfoSchema = z.object({
+    server_id: z.string().transform((s) => s.slice(0, 200)),
+    name: z.string().transform((s) => s.slice(0, 100)),
+    alias: z.string().nullable().optional(),
+    server_name: z.string().transform((s) => s.slice(0, 100)),
+    url: z
+        .string()
+        .transform((s) => s.slice(0, 500))
+        .optional(),
+    transport: z.string().default('http'),
+    spec_path: z.string().nullable().optional(),
+    auth_type: z.string().default('none'),
+    mcp_info: McpServerMcpInfoSchema.optional(),
+});
+export const McpServerListSchema = z.array(McpServerInfoSchema);
+const McpToolInfoSchema = z.object({
+    name: z.string().transform((s) => s.slice(0, 200)),
+    title: z
+        .string()
+        .transform((s) => s.slice(0, 200))
+        .optional(),
+    description: z
+        .string()
+        .default('')
+        .transform((s) => s.slice(0, 2000)),
+    inputSchema: z.record(z.string(), z.unknown()).optional(),
+});
+export const McpToolListResponseSchema = z.object({
+    tools: z.array(McpToolInfoSchema),
+});
+// Fallback: tools/list may return a bare array in some LiteLLM versions
+export const McpToolListFallbackSchema = z.array(McpToolInfoSchema);

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.service.d.ts

@@ -0,0 +1,17 @@
+/**
+ * MCP Server Browser Service
+ *
+ * Implements IMcpServerBrowserService using Node 22+ native fetch for
+ * read-only HTTP retrieval from LiteLLM proxy endpoints:
+ * - GET /public/mcp_hub — list accessible MCP servers
+ * - GET /mcp-rest/tools/list — list available MCP tools
+ *
+ * Pattern: AbortController timeout, redirect rejection, size limit, Zod validation.
+ * Silent failure to empty arrays on any error.
+ */
+import type { IMcpServerBrowserService, McpServerInfo, McpToolInfo } from '../../../application/ports/output/services/mcp-server-browser.interface.js';
+export declare class McpServerBrowserService implements IMcpServerBrowserService {
+    fetchServers(proxyBaseUrl: string, apiKey?: string): Promise<McpServerInfo[]>;
+    fetchTools(proxyBaseUrl: string, apiKey?: string): Promise<McpToolInfo[]>;
+}
+//# sourceMappingURL=mcp-server-browser.service.d.ts.map

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-browser.service.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.service.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EACV,wBAAwB,EACxB,aAAa,EACb,WAAW,EACZ,MAAM,4EAA4E,CAAC;AAUpF,qBACa,uBAAwB,YAAW,wBAAwB;IAChE,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;IAoB7E,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;CAwBhF"}

package/dist/packages/core/src/infrastructure/services/mcp-server-browser/mcp-server-browser.service.js

@@ -0,0 +1,113 @@
+/**
+ * MCP Server Browser Service
+ *
+ * Implements IMcpServerBrowserService using Node 22+ native fetch for
+ * read-only HTTP retrieval from LiteLLM proxy endpoints:
+ * - GET /public/mcp_hub — list accessible MCP servers
+ * - GET /mcp-rest/tools/list — list available MCP tools
+ *
+ * Pattern: AbortController timeout, redirect rejection, size limit, Zod validation.
+ * Silent failure to empty arrays on any error.
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { injectable } from 'tsyringe';
+import { McpServerListSchema, McpToolListResponseSchema, McpToolListFallbackSchema, } from './mcp-server-browser.schema.js';
+const FETCH_TIMEOUT_MS = 10_000;
+const MAX_RESPONSE_SIZE = 5_000_000;
+let McpServerBrowserService = class McpServerBrowserService {
+    async fetchServers(proxyBaseUrl, apiKey) {
+        try {
+            const url = parseAndValidateUrl(proxyBaseUrl);
+            if (!url)
+                return [];
+            const endpoint = `${url}/public/mcp_hub`;
+            const headers = buildHeaders(apiKey);
+            const json = await fetchJson(endpoint, headers);
+            if (json === null)
+                return [];
+            const parsed = McpServerListSchema.safeParse(json);
+            if (!parsed.success)
+                return [];
+            return parsed.data;
+        }
+        catch {
+            return [];
+        }
+    }
+    async fetchTools(proxyBaseUrl, apiKey) {
+        try {
+            const url = parseAndValidateUrl(proxyBaseUrl);
+            if (!url)
+                return [];
+            const endpoint = `${url}/mcp-rest/tools/list`;
+            const headers = buildHeaders(apiKey);
+            const json = await fetchJson(endpoint, headers);
+            if (json === null)
+                return [];
+            // Try wrapped format first: { tools: [...] }
+            const wrapped = McpToolListResponseSchema.safeParse(json);
+            if (wrapped.success)
+                return wrapped.data.tools;
+            // Fallback: bare array [...]
+            const bare = McpToolListFallbackSchema.safeParse(json);
+            if (bare.success)
+                return bare.data;
+            return [];
+        }
+        catch {
+            return [];
+        }
+    }
+};
+McpServerBrowserService = __decorate([
+    injectable()
+], McpServerBrowserService);
+export { McpServerBrowserService };
+function parseAndValidateUrl(proxyBaseUrl) {
+    try {
+        const url = new URL(proxyBaseUrl);
+        if (url.protocol !== 'http:' && url.protocol !== 'https:')
+            return null;
+        return url.toString().replace(/\/$/, '');
+    }
+    catch {
+        return null;
+    }
+}
+function buildHeaders(apiKey) {
+    const headers = {};
+    if (apiKey) {
+        headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    return headers;
+}
+async function fetchJson(endpoint, headers) {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
+    try {
+        const res = await fetch(endpoint, {
+            signal: controller.signal,
+            redirect: 'error',
+            headers,
+        });
+        if (!res.ok)
+            return null;
+        const text = await res.text();
+        if (text.length > MAX_RESPONSE_SIZE)
+            return null;
+        try {
+            return JSON.parse(text);
+        }
+        catch {
+            return null;
+        }
+    }
+    finally {
+        clearTimeout(timeout);
+    }
+}

package/dist/src/presentation/web/app/actions/fetch-mcp-server-tools.d.ts

@@ -0,0 +1,5 @@
+import type { FetchMcpServerToolsResult } from '../../../../../packages/core/src/application/use-cases/mcp-servers/fetch-mcp-server-tools.use-case.js';
+export declare function fetchMcpServerToolsAction(): Promise<FetchMcpServerToolsResult & {
+    error?: string;
+}>;
+//# sourceMappingURL=fetch-mcp-server-tools.d.ts.map

package/dist/src/presentation/web/app/actions/fetch-mcp-server-tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-mcp-server-tools.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/fetch-mcp-server-tools.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mFAAmF,CAAC;AAEnI,wBAAsB,yBAAyB,IAAI,OAAO,CACxD,yBAAyB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAC/C,CAOA"}

package/dist/src/presentation/web/app/actions/fetch-mcp-server-tools.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function fetchMcpServerToolsAction() {
+    try {
+        const useCase = resolve('FetchMcpServerToolsUseCase');
+        return await useCase.execute();
+    }
+    catch {
+        return { tools: [], error: 'Failed to fetch MCP server tools' };
+    }
+}

package/dist/src/presentation/web/app/actions/fetch-mcp-servers.d.ts

@@ -0,0 +1,5 @@
+import type { FetchMcpServersResult } from '../../../../../packages/core/src/application/use-cases/mcp-servers/fetch-mcp-servers.use-case.js';
+export declare function fetchMcpServersAction(): Promise<FetchMcpServersResult & {
+    error?: string;
+}>;
+//# sourceMappingURL=fetch-mcp-servers.d.ts.map

package/dist/src/presentation/web/app/actions/fetch-mcp-servers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-mcp-servers.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/fetch-mcp-servers.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8EAA8E,CAAC;AAE1H,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,qBAAqB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAOjG"}

package/dist/src/presentation/web/app/actions/fetch-mcp-servers.js

@@ -0,0 +1,11 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+export async function fetchMcpServersAction() {
+    try {
+        const useCase = resolve('FetchMcpServersUseCase');
+        return await useCase.execute();
+    }
+    catch {
+        return { servers: [], error: 'Failed to fetch MCP servers' };
+    }
+}

package/dist/src/presentation/web/app/mcp-servers/page.d.ts

@@ -0,0 +1,2 @@
+export default function McpServersPage(): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=page.d.ts.map

package/dist/src/presentation/web/app/mcp-servers/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/mcp-servers/page.tsx"],"names":[],"mappings":"AAMA,wBAA8B,cAAc,qDAc3C"}

package/dist/src/presentation/web/app/mcp-servers/page.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { notFound } from 'next/navigation';
+import { getFeatureFlags } from '../../lib/feature-flags.js';
+import { McpServersPageClient } from '../../components/features/mcp-servers/mcp-servers-page-client.js';
+import { resolve } from '../../lib/server-container.js';
+export default async function McpServersPage() {
+    const flags = await getFeatureFlags();
+    if (!flags.mcpServers)
+        notFound();
+    let proxyConfigured = false;
+    try {
+        const useCase = resolve('LoadSettingsUseCase');
+        const settings = await useCase.execute();
+        proxyConfigured = !!settings.litellmProxy?.baseUrl;
+    }
+    catch {
+        // Settings not available
+    }
+    return _jsx(McpServersPageClient, { proxyConfigured: proxyConfigured });
+}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAmCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}
+{"version":3,"file":"repository-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-drawer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAqB/C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAuBF,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAoCF,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/repository-drawer.stories.js

@@ -58,6 +58,7 @@ function WithGitOpsTemplate({ data }) {
         gitRebaseSync: true,
         reactFileManager: true,
         plugins: true,
+        mcpServers: true,
     };
     return (_jsx(FeatureFlagsProvider, { flags: allEnabledFlags, children: _jsxs("div", { style: { height: '100vh', background: '#f8fafc', padding: '2rem' }, children: [_jsx("button", { type: "button", onClick: () => setSelected(data), style: { padding: '8px 16px', border: '1px solid #ccc', borderRadius: '6px' }, children: "Open Drawer" }), _jsx(RepositoryDrawer, { data: selected, onClose: () => setSelected(null) })] }) }));
 }

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.d.ts

@@ -0,0 +1,8 @@
+import type { McpServerInfo } from '../../../../../../packages/core/src/application/ports/output/services/mcp-server-browser.interface.js';
+interface McpServerCardProps {
+    server: McpServerInfo;
+    onSelect: (server: McpServerInfo) => void;
+}
+export declare function McpServerCard({ server, onSelect }: McpServerCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mcp-server-card.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-server-card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gFAAgF,CAAC;AAEpH,UAAU,kBAAkB;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAQD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAyCrE"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { Card } from '../../ui/card.js';
+import { Badge } from '../../ui/badge.js';
+import { Server, Wifi, Terminal } from 'lucide-react';
+const TRANSPORT_ICONS = {
+    http: Server,
+    sse: Wifi,
+    stdio: Terminal,
+};
+export function McpServerCard({ server, onSelect }) {
+    const { t } = useTranslation('web');
+    const TransportIcon = TRANSPORT_ICONS[server.transport] ?? Server;
+    const description = server.mcp_info?.description ?? '';
+    return (_jsxs(Card, { className: "cursor-pointer p-5 transition-all duration-300 hover:scale-[1.02] hover:shadow-md hover:ring-slate-300 dark:hover:ring-slate-600", role: "button", tabIndex: 0, onClick: () => onSelect(server), onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelect(server);
+            }
+        }, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(TransportIcon, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("h3", { className: "text-sm font-semibold", children: server.name })] }), _jsx(Badge, { variant: "outline", className: "shrink-0 text-xs", children: t(`mcpServers.transport.${server.transport}`, server.transport.toUpperCase()) })] }), description ? (_jsx("p", { className: "text-muted-foreground mt-2 line-clamp-2 text-xs", children: description })) : null, _jsx("div", { className: "mt-3 flex items-center gap-2", children: server.auth_type && server.auth_type !== 'none' ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: t(`mcpServers.authType.${server.auth_type}`, server.auth_type) })) : null })] }));
+}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { McpServerCard } from './mcp-server-card.js';
+declare const meta: {
+    title: string;
+    component: typeof McpServerCard;
+    args: {
+        onSelect: () => undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const HttpTransport: Story;
+export declare const SseTransport: Story;
+export declare const StdioTransport: Story;
+//# sourceMappingURL=mcp-server-card.stories.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-server-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;CAM4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-card.stories.js

@@ -0,0 +1,56 @@
+import { McpServerCard } from './mcp-server-card.js';
+const meta = {
+    title: 'Features/McpServers/McpServerCard',
+    component: McpServerCard,
+    args: {
+        onSelect: () => undefined,
+    },
+};
+export default meta;
+export const HttpTransport = {
+    args: {
+        server: {
+            server_id: 'a1b2c3d4',
+            name: 'deepwiki-mcp',
+            server_name: 'deepwiki-mcp',
+            url: 'https://mcp.deepwiki.com/mcp',
+            transport: 'http',
+            auth_type: 'none',
+            mcp_info: {
+                server_name: 'deepwiki-mcp',
+                description: 'Search and read documentation from any public repository',
+            },
+        },
+    },
+};
+export const SseTransport = {
+    args: {
+        server: {
+            server_id: 'b2c3d4e5',
+            name: 'github-mcp',
+            server_name: 'github_mcp',
+            url: 'https://api.githubcopilot.com/mcp',
+            transport: 'sse',
+            auth_type: 'bearer_token',
+            mcp_info: {
+                server_name: 'github_mcp',
+                description: 'Interact with GitHub repositories, issues, and pull requests',
+            },
+        },
+    },
+};
+export const StdioTransport = {
+    args: {
+        server: {
+            server_id: 'c3d4e5f6',
+            name: 'local-db-tools',
+            server_name: 'local_db_tools',
+            transport: 'stdio',
+            auth_type: 'none',
+            mcp_info: {
+                server_name: 'local_db_tools',
+                description: 'Query and manage local development databases',
+            },
+        },
+    },
+};

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.d.ts

@@ -0,0 +1,10 @@
+import type { McpServerInfo } from '../../../../../../packages/core/src/application/ports/output/services/mcp-server-browser.interface.js';
+interface McpServerDetailDrawerProps {
+    server: McpServerInfo | null;
+    serverNames: string[];
+    open: boolean;
+    onClose: () => void;
+}
+export declare function McpServerDetailDrawer({ server, serverNames, open, onClose, }: McpServerDetailDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=mcp-server-detail-drawer.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,gFAAgF,CAAC;AAExF,UAAU,0BAA0B;IAClC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,OAAO,GACR,EAAE,0BAA0B,kDA+E5B"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { BaseDrawer } from '../../common/base-drawer/index.js';
+import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
+import { Separator } from '../../ui/separator.js';
+import { Badge } from '../../ui/badge.js';
+import { McpToolList } from './mcp-tool-list.js';
+import { fetchMcpServerToolsAction } from '../../../app/actions/fetch-mcp-server-tools.js';
+function isValidDisplayUrl(url) {
+    if (!url)
+        return false;
+    try {
+        const parsed = new URL(url);
+        return parsed.protocol === 'http:' || parsed.protocol === 'https:';
+    }
+    catch {
+        return false;
+    }
+}
+export function McpServerDetailDrawer({ server, serverNames, open, onClose, }) {
+    const { t } = useTranslation('web');
+    const [tools, setTools] = useState([]);
+    const [loadingTools, setLoadingTools] = useState(false);
+    const [toolError, setToolError] = useState(null);
+    const loadTools = useCallback(async () => {
+        setLoadingTools(true);
+        setToolError(null);
+        try {
+            const result = await fetchMcpServerToolsAction();
+            setTools(result.tools);
+            if (result.error)
+                setToolError(result.error);
+        }
+        catch {
+            setToolError('Failed to load tools');
+        }
+        finally {
+            setLoadingTools(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (open && server && tools.length === 0) {
+            loadTools();
+        }
+    }, [open, server, tools.length, loadTools]);
+    if (!server)
+        return null;
+    const description = server.mcp_info?.description ?? '';
+    return (_jsxs(BaseDrawer, { open: open, onClose: onClose, children: [_jsx(DrawerTitle, { children: server.name }), description ? _jsx(DrawerDescription, { children: description }) : null, _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: t('mcpServers.detail.serverName') }), _jsx("span", { className: "font-mono text-xs", children: server.server_name })] }), isValidDisplayUrl(server.url) ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: t('mcpServers.detail.url') }), _jsx("span", { className: "max-w-[200px] truncate font-mono text-xs", children: server.url })] })) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: t('mcpServers.detail.transport') }), _jsx(Badge, { variant: "outline", className: "text-xs", children: t(`mcpServers.transport.${server.transport}`, server.transport.toUpperCase()) })] }), server.auth_type && server.auth_type !== 'none' ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: t('mcpServers.detail.authType') }), _jsx(Badge, { variant: "secondary", className: "text-xs", children: t(`mcpServers.authType.${server.auth_type}`, server.auth_type) })] })) : null] }), _jsx(Separator, { className: "my-4" }), _jsx("h3", { className: "mb-3 text-sm font-semibold", children: t('mcpServers.tools.title') }), loadingTools ? (_jsxs("p", { className: "text-muted-foreground text-sm", children: [t('accessibility.loading'), "..."] })) : toolError ? (_jsx("p", { className: "text-destructive text-sm", children: toolError })) : (_jsx(McpToolList, { tools: tools, serverNames: serverNames }))] }));
+}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { McpServerDetailDrawer } from './mcp-server-detail-drawer.js';
+declare const meta: {
+    title: string;
+    component: typeof McpServerDetailDrawer;
+    args: {
+        open: true;
+        onClose: () => undefined;
+        serverNames: string[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithTools: Story;
+export declare const NoTools: Story;
+//# sourceMappingURL=mcp-server-detail-drawer.stories.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-detail-drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,QAAA,MAAM,IAAI;;;;;;;;CAQoC,CAAC;AAE/C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-server-detail-drawer.stories.js

@@ -0,0 +1,42 @@
+import { McpServerDetailDrawer } from './mcp-server-detail-drawer.js';
+const meta = {
+    title: 'Features/McpServers/McpServerDetailDrawer',
+    component: McpServerDetailDrawer,
+    args: {
+        open: true,
+        onClose: () => undefined,
+        serverNames: ['deepwiki-mcp', 'github_mcp'],
+    },
+};
+export default meta;
+export const WithTools = {
+    args: {
+        server: {
+            server_id: 'a1b2c3d4',
+            name: 'deepwiki-mcp',
+            server_name: 'deepwiki-mcp',
+            url: 'https://mcp.deepwiki.com/mcp',
+            transport: 'http',
+            auth_type: 'none',
+            mcp_info: {
+                server_name: 'deepwiki-mcp',
+                description: 'Search and read documentation from any public repository',
+            },
+        },
+    },
+};
+export const NoTools = {
+    args: {
+        server: {
+            server_id: 'c3d4e5f6',
+            name: 'empty-server',
+            server_name: 'empty_server',
+            transport: 'stdio',
+            auth_type: 'none',
+            mcp_info: {
+                server_name: 'empty_server',
+                description: 'A server with no tools configured',
+            },
+        },
+    },
+};

package/dist/src/presentation/web/components/features/mcp-servers/mcp-servers-page-client.d.ts

@@ -0,0 +1,6 @@
+interface McpServersPageClientProps {
+    proxyConfigured: boolean;
+}
+export declare function McpServersPageClient({ proxyConfigured }: McpServersPageClientProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mcp-servers-page-client.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/mcp-servers-page-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-servers-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-servers-page-client.tsx"],"names":[],"mappings":"AAaA,UAAU,yBAAyB;IACjC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,2CA0HlF"}