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

package/dist/packages/core/src/application/use-cases/mcp-servers/fetch-mcp-servers.use-case.d.ts

@@ -6,7 +6,7 @@
  *
  * Business Rules:
  * - Reads proxy URL from settings via ISettingsReader
- * - If proxy not configured or mcpServers flag disabled, returns empty array
+ * - If proxy not configured, returns empty array (flag gated at page level)
  * - Delegates to IMcpServerBrowserService for HTTP retrieval
  */
 import type { ISettingsReader } from '../../ports/output/services/settings-reader.interface.js';

package/dist/packages/core/src/application/use-cases/mcp-servers/fetch-mcp-servers.use-case.js

@@ -6,7 +6,7 @@
  *
  * Business Rules:
  * - Reads proxy URL from settings via ISettingsReader
- * - If proxy not configured or mcpServers flag disabled, returns empty array
+ * - If proxy not configured, returns empty array (flag gated at page level)
  * - Delegates to IMcpServerBrowserService for HTTP retrieval
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

package/dist/packages/core/src/infrastructure/di/modules/web-tokens.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-tokens.module.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/di/modules/web-tokens.module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AA+DpD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,IAAI,CAmI5E"}
+{"version":3,"file":"web-tokens.module.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/di/modules/web-tokens.module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAmEpD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,IAAI,CA2I5E"}

package/dist/packages/core/src/infrastructure/di/modules/web-tokens.module.js

@@ -44,6 +44,9 @@ import { InstallPluginUseCase } from '../../../application/use-cases/plugins/ins
 import { UninstallPluginUseCase } from '../../../application/use-cases/plugins/uninstall-plugin.use-case.js';
 import { TogglePluginUseCase } from '../../../application/use-cases/plugins/toggle-plugin.use-case.js';
 import { AddMarketplaceUseCase } from '../../../application/use-cases/plugins/add-marketplace.use-case.js';
+// MCP server browser use cases
+import { FetchMcpServersUseCase } from '../../../application/use-cases/mcp-servers/fetch-mcp-servers.use-case.js';
+import { FetchMcpServerToolsUseCase } from '../../../application/use-cases/mcp-servers/fetch-mcp-server-tools.use-case.js';
 // Upgrade use case
 import { UpgradeCliUseCase } from '../../../application/use-cases/upgrade/upgrade-cli.use-case.js';
 // Interactive session use cases
@@ -181,4 +184,11 @@ export function registerWebTokensModule(container) {
     container.register('AddMarketplaceUseCase', {
         useFactory: (c) => c.resolve(AddMarketplaceUseCase),
     });
+    // MCP server browser
+    container.register('FetchMcpServersUseCase', {
+        useFactory: (c) => c.resolve(FetchMcpServersUseCase),
+    });
+    container.register('FetchMcpServerToolsUseCase', {
+        useFactory: (c) => c.resolve(FetchMcpServerToolsUseCase),
+    });
 }

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

@@ -1 +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;AAEH,OAAO,KAAK,EACV,wBAAwB,EACxB,aAAa,EACb,WAAW,EACZ,MAAM,4EAA4E,CAAC;AAUpF,qBAAa,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"}
+{"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

@@ -9,10 +9,17 @@
  * 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;
-export class McpServerBrowserService {
+let McpServerBrowserService = class McpServerBrowserService {
     async fetchServers(proxyBaseUrl, apiKey) {
         try {
             const url = parseAndValidateUrl(proxyBaseUrl);
@@ -56,7 +63,11 @@ export class McpServerBrowserService {
             return [];
         }
     }
-}
+};
+McpServerBrowserService = __decorate([
+    injectable()
+], McpServerBrowserService);
+export { McpServerBrowserService };
 function parseAndValidateUrl(proxyBaseUrl) {
     try {
         const url = new URL(proxyBaseUrl);
@@ -89,7 +100,12 @@ async function fetchJson(endpoint, headers) {
         const text = await res.text();
         if (text.length > MAX_RESPONSE_SIZE)
             return null;
-        return JSON.parse(text);
+        try {
+            return JSON.parse(text);
+        }
+        catch {
+            return null;
+        }
     }
     finally {
         clearTimeout(timeout);

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

@@ -10,7 +10,7 @@ const TRANSPORT_ICONS = {
     stdio: Terminal,
 };
 export function McpServerCard({ server, onSelect }) {
-    const { t } = useTranslation();
+    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) => {

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

@@ -1 +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,kDAqE5B"}
+{"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

@@ -20,14 +20,25 @@ function isValidDisplayUrl(url) {
     }
 }
 export function McpServerDetailDrawer({ server, serverNames, open, onClose, }) {
-    const { t } = useTranslation();
+    const { t } = useTranslation('web');
     const [tools, setTools] = useState([]);
     const [loadingTools, setLoadingTools] = useState(false);
+    const [toolError, setToolError] = useState(null);
     const loadTools = useCallback(async () => {
         setLoadingTools(true);
-        const result = await fetchMcpServerToolsAction();
-        setTools(result.tools);
-        setLoadingTools(false);
+        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) {
@@ -37,5 +48,5 @@ export function McpServerDetailDrawer({ server, serverNames, open, onClose, }) {
     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'), "..."] })) : (_jsx(McpToolList, { tools: tools, serverNames: serverNames }))] }));
+    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-servers-page-client.d.ts.map

@@ -1 +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,2CA0GlF"}
+{"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"}

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

@@ -11,22 +11,31 @@ import { McpServerDetailDrawer } from './mcp-server-detail-drawer.js';
 import { fetchMcpServersAction } from '../../../app/actions/fetch-mcp-servers.js';
 const TRANSPORT_FILTERS = ['all', 'http', 'sse', 'stdio'];
 export function McpServersPageClient({ proxyConfigured }) {
-    const { t } = useTranslation();
+    const { t } = useTranslation('web');
     const [searchQuery, setSearchQuery] = useState('');
     const [transportFilter, setTransportFilter] = useState('all');
     const [selectedServer, setSelectedServer] = useState(null);
     const [servers, setServers] = useState([]);
     const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
     useEffect(() => {
         if (!proxyConfigured) {
             setLoading(false);
             return;
         }
-        fetchMcpServersAction().then((result) => {
+        fetchMcpServersAction()
+            .then((result) => {
             setServers(result.servers);
+            if (result.error)
+                setError(result.error);
+        })
+            .catch(() => {
+            setError(t('mcpServers.fetchError'));
+        })
+            .finally(() => {
             setLoading(false);
         });
-    }, [proxyConfigured]);
+    }, [proxyConfigured, t]);
     const serverNames = useMemo(() => servers.map((s) => s.server_name), [servers]);
     const filtered = useMemo(() => {
         return servers.filter((server) => {
@@ -44,7 +53,7 @@ export function McpServersPageClient({ proxyConfigured }) {
     if (loading) {
         return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsxs("p", { className: "text-muted-foreground", children: [t('accessibility.loading'), "..."] }) }));
     }
-    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: t('mcpServers.title') }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t('mcpServers.subtitle') })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(Input, { placeholder: t('mcpServers.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "max-w-xs" }), _jsx("div", { className: "flex gap-1", children: TRANSPORT_FILTERS.map((filter) => (_jsx(Badge, { variant: transportFilter === filter ? 'default' : 'outline', className: "cursor-pointer", onClick: () => setTransportFilter(filter), children: filter === 'all'
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: t('mcpServers.title') }), error ? (_jsx("div", { className: "border-destructive/50 bg-destructive/10 mt-2 rounded-md border p-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(AlertCircle, { className: "text-destructive h-4 w-4" }), _jsx("p", { className: "text-destructive text-sm", children: error })] }) })) : null, _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: t('mcpServers.subtitle') })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(Input, { placeholder: t('mcpServers.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "max-w-xs" }), _jsx("div", { className: "flex gap-1", children: TRANSPORT_FILTERS.map((filter) => (_jsx(Badge, { variant: transportFilter === filter ? 'default' : 'outline', className: "cursor-pointer", onClick: () => setTransportFilter(filter), children: filter === 'all'
                                 ? t('mcpServers.filter.all')
                                 : t(`mcpServers.transport.${filter}`, filter.toUpperCase()) }, filter))) })] }), filtered.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-16", children: _jsx(EmptyState, { icon: servers.length === 0 ? _jsx(Server, { className: "h-8 w-8" }) : _jsx(Search, { className: "h-8 w-8" }), title: servers.length === 0 ? t('mcpServers.noServers') : t('mcpServers.noResults') }) })) : (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((server) => (_jsx(McpServerCard, { server: server, onSelect: setSelectedServer }, server.server_id))) })), _jsx(McpServerDetailDrawer, { server: selectedServer, serverNames: serverNames, open: !!selectedServer, onClose: () => setSelectedServer(null) })] }));
 }

package/dist/src/presentation/web/components/features/mcp-servers/mcp-tool-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-tool-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-tool-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gFAAgF,CAAC;AAElH,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CA2B9F;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAiCnE"}
+{"version":3,"file":"mcp-tool-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-tool-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gFAAgF,CAAC;AAElH,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CA2B9F;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAoCnE"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-tool-list.js

@@ -39,10 +39,10 @@ export function groupToolsByServer(tools, serverNames) {
     }));
 }
 export function McpToolList({ tools, serverNames }) {
-    const { t } = useTranslation();
+    const { t } = useTranslation('web');
     const grouped = useMemo(() => groupToolsByServer(tools, serverNames), [tools, serverNames]);
     if (tools.length === 0) {
         return _jsx("p", { className: "text-muted-foreground text-sm", children: t('mcpServers.tools.noTools') });
     }
-    return (_jsx("div", { className: "space-y-4", children: grouped.map((group) => (_jsxs("div", { children: [_jsx("h4", { className: "text-muted-foreground mb-2 text-xs font-medium tracking-wider uppercase", children: group.serverName === 'other' ? t('mcpServers.tools.other') : group.serverName }), _jsx("div", { className: "space-y-2", children: group.tools.map((tool) => (_jsxs("div", { className: "rounded-md border p-2", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: tool.displayName }) }), tool.description ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tool.description })) : null] }, tool.displayName))) })] }, group.serverName))) }));
+    return (_jsx("div", { className: "space-y-4", children: grouped.map((group) => (_jsxs("div", { children: [_jsx("h4", { className: "text-muted-foreground mb-2 text-xs font-medium tracking-wider uppercase", children: group.serverName === 'other' ? t('mcpServers.tools.other') : group.serverName }), _jsx("div", { className: "space-y-2", children: group.tools.map((tool) => (_jsxs("div", { className: "rounded-md border p-2", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: tool.displayName }) }), tool.description ? (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tool.description })) : null] }, `${group.serverName}-${tool.displayName}`))) })] }, group.serverName))) }));
 }

package/dist/src/presentation/web/components/features/mcp-servers/mcp-tool-list.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { McpToolList } from './mcp-tool-list.js';
+declare const meta: {
+    title: string;
+    component: typeof McpToolList;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithTools: Story;
+export declare const NoTools: Story;
+export declare const UnmatchedTools: Story;
+//# sourceMappingURL=mcp-tool-list.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-tool-list.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-tool-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-tool-list.stories.js

@@ -0,0 +1,32 @@
+import { McpToolList } from './mcp-tool-list.js';
+const meta = {
+    title: 'Features/McpServers/McpToolList',
+    component: McpToolList,
+};
+export default meta;
+export const WithTools = {
+    args: {
+        serverNames: ['deepwiki-mcp', 'github_mcp'],
+        tools: [
+            { name: 'deepwiki-mcp-read_wiki', description: 'Read wiki contents' },
+            { name: 'deepwiki-mcp-search', description: 'Search documentation' },
+            { name: 'github_mcp-list_issues', description: 'List GitHub issues' },
+            { name: 'github_mcp-create_issue', description: 'Create a new issue' },
+        ],
+    },
+};
+export const NoTools = {
+    args: {
+        serverNames: ['deepwiki-mcp'],
+        tools: [],
+    },
+};
+export const UnmatchedTools = {
+    args: {
+        serverNames: ['deepwiki-mcp'],
+        tools: [
+            { name: 'deepwiki-mcp-read_wiki', description: 'Read wiki contents' },
+            { name: 'unknown-server-tool', description: 'Tool from unknown server' },
+        ],
+    },
+};

package/dist/translations/ar/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/de/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/en/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/es/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/fr/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/he/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/pt/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }

package/dist/translations/ru/web.json

@@ -715,6 +715,7 @@
       "title": "Available Tools",
       "noTools": "No tools available",
       "other": "Other"
-    }
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }