@shipit-ai/cli 1.173.2 → 1.174.1-pr20.dba624c

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

@@ -134,17 +134,62 @@ async function fetchJson(endpoint, options) {
         });
         if (!res.ok)
             return null;
+        const contentType = res.headers.get('content-type')?.toLowerCase() ?? '';
         const text = await res.text();
         if (text.length > MAX_RESPONSE_SIZE)
             return null;
+        // MCP Streamable HTTP transport may return either application/json
+        // or text/event-stream. SSE responses look like:
+        //   event: message
+        //   data: {"jsonrpc":"2.0","id":1,"result":{"tools":[...]}}
+        //
+        // We extract the first `data:` line's payload and parse that as JSON.
+        // If the content type is JSON, we parse directly.
+        if (contentType.includes('text/event-stream')) {
+            return parseSseFirstDataEvent(text);
+        }
         try {
             return JSON.parse(text);
         }
         catch {
-            return null;
+            // Some servers omit the content-type header but return SSE anyway.
+            // Try SSE parsing as a fallback before giving up.
+            return parseSseFirstDataEvent(text);
         }
     }
     finally {
         clearTimeout(timeout);
     }
 }
+/**
+ * Extract the first `data: ...` payload from a Server-Sent Events response
+ * body and parse it as JSON. Returns null if no valid data line is found.
+ *
+ * Handles:
+ *   event: message
+ *   data: {"jsonrpc":"2.0",...}
+ *
+ * And multi-line data fields (per SSE spec — though rare for MCP).
+ */
+function parseSseFirstDataEvent(body) {
+    const lines = body.split(/\r?\n/);
+    const dataParts = [];
+    for (const line of lines) {
+        if (line.startsWith('data:')) {
+            // Strip the "data:" prefix and any single leading space.
+            dataParts.push(line.slice(5).replace(/^ /, ''));
+        }
+        else if (line === '' && dataParts.length > 0) {
+            // Empty line terminates the first SSE event — stop collecting.
+            break;
+        }
+    }
+    if (dataParts.length === 0)
+        return null;
+    try {
+        return JSON.parse(dataParts.join('\n'));
+    }
+    catch {
+        return null;
+    }
+}

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/codex-cli.json

@@ -6,7 +6,7 @@
   "author": "OpenAI",
   "website": "https://github.com/openai/codex",
   "platforms": ["linux", "darwin", "win32"],
-  "iconUrl": "https://cdn.simpleicons.org/openai",
+  "iconUrl": "/icons/tools/openai.svg",
   "binary": "codex",
   "packageManager": "npm",
   "commands": {

package/dist/src/presentation/web/components/features/mcp-servers/mcp-connect-instructions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-connect-instructions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-connect-instructions.tsx"],"names":[],"mappings":"AAOA,UAAU,2BAA2B;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAgBlF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAkFjG;AAED,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA6D/F"}
+{"version":3,"file":"mcp-connect-instructions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-connect-instructions.tsx"],"names":[],"mappings":"AAOA,UAAU,2BAA2B;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAgBlF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAkFjG;AAED,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CAkE/F"}

package/dist/src/presentation/web/components/features/mcp-servers/mcp-connect-instructions.js

@@ -102,7 +102,5 @@ export function McpConnectInstructions({ proxyBaseUrl, serverName }) {
             // Clipboard not available (e.g., insecure context) — silently ignore.
         }
     };
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "flex flex-wrap gap-1", role: "tablist", children: CLIENTS.map((client) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeClient === client.id, onClick: () => setActiveClient(client.id), className: activeClient === client.id
-                        ? 'bg-primary text-primary-foreground rounded-md px-2.5 py-1 text-xs font-medium'
-                        : 'border-border hover:bg-muted rounded-md border px-2.5 py-1 text-xs', children: client.label }, client.id))) }), _jsxs("div", { className: "relative", children: [_jsx("pre", { className: "bg-muted max-h-64 overflow-auto rounded-md p-3 pr-10 font-mono text-[11px] leading-relaxed", children: _jsx("code", { children: snippet }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "absolute top-1 right-1 h-7 w-7", onClick: handleCopy, "aria-label": t('mcpServers.connect.copy'), children: copied ? (_jsx(Check, { className: "text-primary h-3.5 w-3.5" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: t('mcpServers.connect.replaceKey') })] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "flex flex-wrap gap-1.5 rounded-lg border border-slate-200/60 bg-slate-50/50 p-1 dark:border-slate-700/50 dark:bg-slate-900/40", role: "tablist", "aria-label": t('mcpServers.connect.title'), children: CLIENTS.map((client) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeClient === client.id, onClick: () => setActiveClient(client.id), "data-state": activeClient === client.id ? 'active' : 'inactive', className: "data-[state=active]:bg-card data-[state=active]:text-primary text-muted-foreground hover:text-foreground rounded-md px-2.5 py-1 text-xs font-medium transition-all data-[state=active]:shadow-sm data-[state=active]:ring-1 data-[state=active]:ring-slate-200/70 dark:data-[state=active]:ring-slate-700/50", children: client.label }, client.id))) }), _jsxs("div", { className: "editorial-shadow group relative overflow-hidden rounded-xl border border-slate-200/60 bg-slate-50/60 dark:border-slate-700/50 dark:bg-slate-900/60", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-slate-200/60 bg-slate-100/40 px-3 py-2 dark:border-slate-700/50 dark:bg-slate-900/40", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "size-2 rounded-full bg-slate-300 dark:bg-slate-600", "aria-hidden": true }), _jsx("span", { className: "size-2 rounded-full bg-slate-300 dark:bg-slate-600", "aria-hidden": true }), _jsx("span", { className: "size-2 rounded-full bg-slate-300 dark:bg-slate-600", "aria-hidden": true })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-6 shrink-0", onClick: handleCopy, "aria-label": t('mcpServers.connect.copy'), children: copied ? _jsx(Check, { className: "text-primary size-3" }) : _jsx(Copy, { className: "size-3" }) })] }), _jsx("pre", { className: "max-h-64 overflow-auto p-3 font-mono text-[11px] leading-relaxed", children: _jsx("code", { children: snippet }) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: t('mcpServers.connect.replaceKey') })] }));
 }

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

@@ -1 +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"}
+{"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;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAkDrE"}

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

@@ -3,20 +3,14 @@ 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,
-};
+import { McpServerIcon } from './mcp-server-icon.js';
 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 })] }));
+        }, "data-testid": `mcp-server-card-${server.server_name}`, children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex size-11 shrink-0 items-center justify-center rounded-lg bg-slate-100 ring-1 ring-slate-200/50 dark:bg-slate-800 dark:ring-slate-700/50", children: _jsx(McpServerIcon, { serverName: server.server_name, url: server.url, transport: server.transport, size: "md" }) }), _jsx("h3", { className: "text-foreground mt-2 min-w-0 flex-1 truncate text-sm leading-tight font-bold tracking-tight", children: server.name })] }), description ? (_jsx("p", { className: "text-muted-foreground mt-3 line-clamp-2 text-xs leading-relaxed", children: description })) : null, _jsxs("div", { className: "mt-4 flex flex-wrap items-center gap-1.5", children: [_jsx(Badge, { variant: "outline", children: t(`mcpServers.transport.${server.transport}`, server.transport.toUpperCase()) }), server.auth_type && server.auth_type !== 'none' ? (_jsx(Badge, { variant: "secondary", children: t(`mcpServers.authType.${server.auth_type}`, server.auth_type) })) : null] })] }));
 }

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":"AAaA,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,gFAAgF,CAAC;AAExF,UAAU,0BAA0B;IAClC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,OAAO,GACR,EAAE,0BAA0B,kDA6G5B"}
+{"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":"AAcA,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,gFAAgF,CAAC;AAExF,UAAU,0BAA0B;IAClC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,OAAO,GACR,EAAE,0BAA0B,kDA2J5B"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { BaseDrawer } from '../../common/base-drawer/index.js';
@@ -10,6 +10,7 @@ import { Button } from '../../ui/button.js';
 import { RefreshCw } from 'lucide-react';
 import { McpToolList } from './mcp-tool-list.js';
 import { McpConnectInstructions } from './mcp-connect-instructions.js';
+import { McpServerIcon } from './mcp-server-icon.js';
 import { fetchMcpServerToolsAction } from '../../../app/actions/fetch-mcp-server-tools.js';
 function isValidDisplayUrl(url) {
     if (!url)
@@ -56,13 +57,13 @@ export function McpServerDetailDrawer({ server, proxyBaseUrl, open, onClose, })
     const handleRefresh = useCallback(() => {
         if (!server)
             return;
-        // Clear the cached server name to force a re-fetch on the next render
-        // and call loadTools directly for immediate feedback.
+        // Clear the cached server name to force a re-fetch and call loadTools
+        // directly for immediate feedback.
         setLoadedServerName(null);
         loadTools(server.server_name);
     }, [server, 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" }), _jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "text-sm font-semibold", children: t('mcpServers.tools.title') }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-7 w-7", onClick: handleRefresh, disabled: loadingTools, "aria-label": t('mcpServers.tools.refresh'), "data-testid": "mcp-tools-refresh", children: _jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loadingTools ? 'animate-spin' : ''}` }) })] }), 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, serverName: server.server_name })), _jsx(Separator, { className: "my-4" }), _jsx("h3", { className: "mb-3 text-sm font-semibold", children: t('mcpServers.connect.title') }), _jsx(McpConnectInstructions, { proxyBaseUrl: proxyBaseUrl, serverName: server.server_name })] }));
+    return (_jsx(BaseDrawer, { open: open, onClose: onClose, "data-testid": "mcp-server-detail-drawer", children: _jsxs("div", { className: "flex flex-col gap-6 overflow-y-auto p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("span", { className: "text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase", children: [t(`mcpServers.transport.${server.transport}`, server.transport.toUpperCase()), " \u00B7 MCP Server"] }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-lg bg-slate-100 ring-1 ring-slate-200/50 dark:bg-slate-800 dark:ring-slate-700/50", children: _jsx(McpServerIcon, { serverName: server.server_name, url: server.url, transport: server.transport, size: "lg" }) }), _jsx(DrawerTitle, { className: "text-foreground mt-2 text-lg font-bold tracking-tight", children: server.name })] }), description ? (_jsx(DrawerDescription, { className: "text-muted-foreground text-sm leading-relaxed", children: description })) : null] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", 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 gap-4", children: [_jsx("span", { className: "text-muted-foreground shrink-0 text-xs font-medium", children: t('mcpServers.detail.url') }), _jsx("span", { className: "truncate font-mono text-xs", title: server.url, children: server.url })] })) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: t('mcpServers.detail.transport') }), _jsx(Badge, { variant: "outline", 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 font-medium", children: t('mcpServers.detail.authType') }), _jsx(Badge, { variant: "secondary", children: t(`mcpServers.authType.${server.auth_type}`, server.auth_type) })] })) : null] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-foreground text-sm font-bold tracking-tight", children: t('mcpServers.tools.title') }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-7", onClick: handleRefresh, disabled: loadingTools, "aria-label": t('mcpServers.tools.refresh'), "data-testid": "mcp-tools-refresh", children: _jsx(RefreshCw, { className: `size-3.5 ${loadingTools ? 'animate-spin' : ''}` }) })] }), 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, serverName: server.server_name }))] }), _jsx(Separator, {}), _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-foreground text-sm font-bold tracking-tight", children: t('mcpServers.connect.title') }), _jsx(McpConnectInstructions, { proxyBaseUrl: proxyBaseUrl, serverName: server.server_name })] })] }) }));
 }

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

@@ -0,0 +1,45 @@
+import { type ComponentType } from 'react';
+interface McpServerIconProps {
+    serverName: string;
+    url?: string;
+    transport: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+type BrandIconComponent = ComponentType<{
+    className?: string;
+    size?: number;
+}>;
+export type VendorResolution = {
+    kind: 'inline';
+    component: BrandIconComponent;
+} | {
+    kind: 'simpleicons';
+    slug: string;
+} | {
+    kind: 'none';
+};
+/**
+ * Resolve a vendor icon for an MCP server by matching name and URL against
+ * the VENDOR_MAP patterns. Returns an inline component, a SimpleIcons slug,
+ * or 'none' (caller falls back to transport icon).
+ *
+ * Exported for unit testing.
+ */
+export declare function resolveVendorMapping(serverName: string, url?: string): VendorResolution;
+/**
+ * Renders an MCP server's brand icon when recognizable, falling back to the
+ * transport-type icon otherwise.
+ *
+ * Resolution order:
+ * 1. Inline brand SVG (Microsoft, Azure, DeepWiki, Firecrawl, AWS)
+ * 2. SimpleIcons CDN image (GitHub, Stripe, Postgres, etc.)
+ * 3. Transport fallback (Server/Wifi/Terminal from lucide-react)
+ *
+ * For SimpleIcons images, we handle `onError` by swapping to the transport
+ * fallback — this protects against SimpleIcons slug changes without breaking
+ * the UI.
+ */
+export declare function McpServerIcon({ serverName, url, transport, className, size, }: McpServerIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mcp-server-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-server-icon.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-server-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAYrD,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,KAAK,kBAAkB,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AA4F/E,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,kBAAkB,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,CASvF;AAoBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,GAAG,EACH,SAAS,EACT,SAAS,EACT,IAAW,GACZ,EAAE,kBAAkB,2CA6BpB"}

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

@@ -0,0 +1,138 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Server, Wifi, Terminal } from 'lucide-react';
+import { MicrosoftIcon, MicrosoftLearnIcon, AzureIcon, FirecrawlIcon, DeepWikiIcon, AwsIcon, } from './vendor-brand-icons.js';
+/**
+ * Vendor icon resolution map.
+ *
+ * Priority rules:
+ * 1. More-specific patterns FIRST (e.g. `microsoft_learn` before `microsoft`,
+ *    `github_copilot` before plain `github`).
+ * 2. Inline SVG brand icons take priority over SimpleIcons when both are
+ *    available — inline icons are guaranteed to render and have no CDN
+ *    dependency.
+ * 3. Verified slugs only. Every SimpleIcons slug in this file must return
+ *    HTTP 200 from https://cdn.simpleicons.org/{slug} as of the last audit.
+ *
+ * When no vendor matches, the `McpServerIcon` component falls back to the
+ * transport-type Lucide icon (Server/Wifi/Terminal).
+ *
+ * Exported `resolveVendorMapping` is the source of truth for tests.
+ */
+const VENDOR_MAP = [
+    // Microsoft (SimpleIcons removed all MS icons for legal reasons — use inline)
+    { match: /microsoft[_-]?learn|learn\.microsoft/, inlineIcon: MicrosoftLearnIcon },
+    { match: /foundry|ai\.azure|azure[_-]?foundry|bedrock[_-]?agentcore/, inlineIcon: AzureIcon },
+    { match: /\bazure\b/, inlineIcon: AzureIcon },
+    { match: /microsoft|\.microsoft\./, inlineIcon: MicrosoftIcon },
+    // GitHub / Copilot (SimpleIcons has these)
+    { match: /github[_-]?copilot|\bcopilot\b/, simpleIconSlug: 'githubcopilot' },
+    { match: /github|api\.github/, simpleIconSlug: 'github' },
+    { match: /gitlab/, simpleIconSlug: 'gitlab' },
+    { match: /bitbucket/, simpleIconSlug: 'bitbucket' },
+    // AI / LLM vendors
+    { match: /anthropic|\bclaude\b/, simpleIconSlug: 'anthropic' },
+    { match: /gemini|google[_-]?ai/, simpleIconSlug: 'googlegemini' },
+    { match: /perplexity/, simpleIconSlug: 'perplexity' },
+    // Documentation / knowledge (DeepWiki gets its own distinct mark)
+    { match: /deepwiki|deep[_-]?wiki/, inlineIcon: DeepWikiIcon },
+    { match: /notion/, simpleIconSlug: 'notion' },
+    { match: /confluence/, simpleIconSlug: 'confluence' },
+    { match: /readthedocs/, simpleIconSlug: 'readthedocs' },
+    { match: /mintlify/, simpleIconSlug: 'mintlify' },
+    // Web scraping / crawling (inline for Firecrawl — no SimpleIcons)
+    { match: /firecrawl/, inlineIcon: FirecrawlIcon },
+    // Cloud / infra
+    { match: /\baws\b|amazon[_-]?web|bedrock/, inlineIcon: AwsIcon },
+    { match: /cloudflare/, simpleIconSlug: 'cloudflare' },
+    { match: /vercel/, simpleIconSlug: 'vercel' },
+    { match: /netlify/, simpleIconSlug: 'netlify' },
+    { match: /digitalocean/, simpleIconSlug: 'digitalocean' },
+    { match: /railway/, simpleIconSlug: 'railway' },
+    // Databases
+    { match: /postgres/, simpleIconSlug: 'postgresql' },
+    { match: /mongodb/, simpleIconSlug: 'mongodb' },
+    { match: /\bredis\b/, simpleIconSlug: 'redis' },
+    { match: /mysql/, simpleIconSlug: 'mysql' },
+    { match: /sqlite/, simpleIconSlug: 'sqlite' },
+    { match: /supabase/, simpleIconSlug: 'supabase' },
+    { match: /planetscale/, simpleIconSlug: 'planetscale' },
+    // Productivity / collaboration
+    { match: /slack/, simpleIconSlug: 'slack' },
+    { match: /discord/, simpleIconSlug: 'discord' },
+    { match: /linear/, simpleIconSlug: 'linear' },
+    { match: /jira|atlassian/, simpleIconSlug: 'jira' },
+    { match: /asana/, simpleIconSlug: 'asana' },
+    { match: /zapier/, simpleIconSlug: 'zapier' },
+    // Observability
+    { match: /datadog/, simpleIconSlug: 'datadog' },
+    { match: /sentry/, simpleIconSlug: 'sentry' },
+    { match: /grafana/, simpleIconSlug: 'grafana' },
+    { match: /newrelic/, simpleIconSlug: 'newrelic' },
+    // Payments / commerce
+    { match: /stripe/, simpleIconSlug: 'stripe' },
+    { match: /shopify/, simpleIconSlug: 'shopify' },
+];
+/**
+ * Resolve a vendor icon for an MCP server by matching name and URL against
+ * the VENDOR_MAP patterns. Returns an inline component, a SimpleIcons slug,
+ * or 'none' (caller falls back to transport icon).
+ *
+ * Exported for unit testing.
+ */
+export function resolveVendorMapping(serverName, url) {
+    const haystack = `${serverName} ${url ?? ''}`.toLowerCase();
+    for (const entry of VENDOR_MAP) {
+        if (entry.match.test(haystack)) {
+            if (entry.inlineIcon)
+                return { kind: 'inline', component: entry.inlineIcon };
+            if (entry.simpleIconSlug)
+                return { kind: 'simpleicons', slug: entry.simpleIconSlug };
+        }
+    }
+    return { kind: 'none' };
+}
+const TRANSPORT_FALLBACKS = {
+    http: Server,
+    sse: Wifi,
+    stdio: Terminal,
+};
+const SIZE_CLASSES = {
+    sm: 'size-4',
+    md: 'size-5',
+    lg: 'size-6',
+};
+const SIZE_PIXELS = {
+    sm: 16,
+    md: 20,
+    lg: 24,
+};
+/**
+ * Renders an MCP server's brand icon when recognizable, falling back to the
+ * transport-type icon otherwise.
+ *
+ * Resolution order:
+ * 1. Inline brand SVG (Microsoft, Azure, DeepWiki, Firecrawl, AWS)
+ * 2. SimpleIcons CDN image (GitHub, Stripe, Postgres, etc.)
+ * 3. Transport fallback (Server/Wifi/Terminal from lucide-react)
+ *
+ * For SimpleIcons images, we handle `onError` by swapping to the transport
+ * fallback — this protects against SimpleIcons slug changes without breaking
+ * the UI.
+ */
+export function McpServerIcon({ serverName, url, transport, className, size = 'sm', }) {
+    const [imageFailed, setImageFailed] = useState(false);
+    const resolution = resolveVendorMapping(serverName, url);
+    const FallbackIcon = TRANSPORT_FALLBACKS[transport] ?? Server;
+    const sizeClass = SIZE_CLASSES[size];
+    const sizePx = SIZE_PIXELS[size];
+    if (resolution.kind === 'inline') {
+        const Brand = resolution.component;
+        return _jsx(Brand, { className: `${sizeClass} shrink-0 ${className ?? ''}`, size: sizePx });
+    }
+    if (resolution.kind === 'simpleicons' && !imageFailed) {
+        return (_jsx("img", { src: `https://cdn.simpleicons.org/${resolution.slug}`, alt: "", width: sizePx, height: sizePx, className: `${sizeClass} shrink-0 ${className ?? ''}`, onError: () => setImageFailed(true) }));
+    }
+    return (_jsx(FallbackIcon, { className: `text-muted-foreground ${sizeClass} shrink-0 ${className ?? ''}` }));
+}

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;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,yBAAyB,2CAwHhG"}
+{"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":"AAcA,UAAU,yBAAyB;IACjC,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,yBAAyB,2CA2IhG"}

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

@@ -4,8 +4,9 @@ import { useState, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { AlertCircle, Search, Server } from 'lucide-react';
 import { Input } from '../../ui/input.js';
-import { Badge } from '../../ui/badge.js';
+import { Button } from '../../ui/button.js';
 import { EmptyState } from '../../common/empty-state/index.js';
+import { PageHeader } from '../../common/page-header/index.js';
 import { McpServerCard } from './mcp-server-card.js';
 import { McpServerDetailDrawer } from './mcp-server-detail-drawer.js';
 import { fetchMcpServersAction } from '../../../app/actions/fetch-mcp-servers.js';
@@ -47,12 +48,12 @@ export function McpServersPageClient({ proxyConfigured, proxyBaseUrl }) {
         });
     }, [servers, searchQuery, transportFilter]);
     if (!proxyConfigured) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsx(EmptyState, { icon: _jsx(AlertCircle, { className: "h-8 w-8" }), title: t('mcpServers.noProxy') }) }));
+        return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('mcpServers.title'), description: t('mcpServers.subtitle') }), _jsx(EmptyState, { icon: _jsx(AlertCircle, { className: "size-10" }), title: t('mcpServers.noProxy') })] }));
     }
     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: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('mcpServers.title'), description: t('mcpServers.subtitle') }), _jsxs("div", { className: "text-muted-foreground text-center text-sm", 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') }), 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, proxyBaseUrl: proxyBaseUrl, open: !!selectedServer, onClose: () => setSelectedServer(null) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('mcpServers.title'), description: t('mcpServers.subtitle') }), error ? (_jsxs("div", { role: "alert", className: "border-destructive/40 bg-destructive/10 editorial-shadow flex items-center gap-2 rounded-xl border px-4 py-3", children: [_jsx(AlertCircle, { className: "text-destructive size-4 shrink-0" }), _jsx("p", { className: "text-destructive text-sm font-medium", children: error })] })) : null, _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { placeholder: t('mcpServers.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9", "data-testid": "mcp-servers-search" })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: TRANSPORT_FILTERS.map((filter) => (_jsx(Button, { variant: transportFilter === filter ? 'default' : 'outline', size: "sm", onClick: () => setTransportFilter(filter), "data-testid": `mcp-servers-filter-${filter}`, children: filter === 'all'
+                        ? t('mcpServers.filter.all')
+                        : t(`mcpServers.transport.${filter}`, filter.toUpperCase()) }, filter))) }), filtered.length === 0 ? (_jsx(EmptyState, { icon: servers.length === 0 ? _jsx(Server, { className: "size-10" }) : _jsx(Search, { className: "size-10" }), 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, proxyBaseUrl: proxyBaseUrl, open: !!selectedServer, onClose: () => setSelectedServer(null) })] }));
 }

package/dist/src/presentation/web/components/features/mcp-servers/vendor-brand-icons.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Inline brand icons for MCP server vendors that SimpleIcons either doesn't
+ * serve (Microsoft — removed for legal reasons), hasn't added yet (Firecrawl,
+ * DeepWiki), or where we want a project-specific treatment.
+ *
+ * Using inline SVG instead of remote image URLs because:
+ * - No network request, no 404 risk, no CORS
+ * - Uses `currentColor` where possible so brand marks adapt to dark mode
+ * - All paths are public brand marks simplified to their geometric essentials
+ *   to avoid trademark ambiguity
+ */
+interface BrandIconProps {
+    className?: string;
+    size?: number;
+}
+/** Microsoft four-square window mark (simplified from public brand guidelines). */
+export declare function MicrosoftIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+/** Microsoft Learn — book + graduation cap motif. */
+export declare function MicrosoftLearnIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+/** Azure / Foundry — stylized mountain triangles mark. */
+export declare function AzureIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+/** Firecrawl — flame mark. */
+export declare function FirecrawlIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+/** DeepWiki — stacked pages with magnifying lens motif. */
+export declare function DeepWikiIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+/** AWS — orange cube mark. */
+export declare function AwsIcon({ className, size }: BrandIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=vendor-brand-icons.d.ts.map

package/dist/src/presentation/web/components/features/mcp-servers/vendor-brand-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-brand-icons.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/vendor-brand-icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CAgBrE;AAED,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CAoB1E;AAED,0DAA0D;AAC1D,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CAcjE;AAED,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CAiBrE;AAED,2DAA2D;AAC3D,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CA0BpE;AAED,8BAA8B;AAC9B,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,cAAc,2CAiB/D"}

package/dist/src/presentation/web/components/features/mcp-servers/vendor-brand-icons.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Microsoft four-square window mark (simplified from public brand guidelines). */
+export function MicrosoftIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "2", width: "9", height: "9", fill: "#F25022" }), _jsx("rect", { x: "13", y: "2", width: "9", height: "9", fill: "#7FBA00" }), _jsx("rect", { x: "2", y: "13", width: "9", height: "9", fill: "#00A4EF" }), _jsx("rect", { x: "13", y: "13", width: "9", height: "9", fill: "#FFB900" })] }));
+}
+/** Microsoft Learn — book + graduation cap motif. */
+export function MicrosoftLearnIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M3 6a1 1 0 0 1 1-1h6a2 2 0 0 1 2 2v13a1 1 0 0 1-1.447.894L6 18.618V7H4a1 1 0 0 1-1-1Z", fill: "#0078D4" }), _jsx("path", { d: "M21 6a1 1 0 0 0-1-1h-6a2 2 0 0 0-2 2v13a1 1 0 0 0 1.447.894L18 18.618V7h2a1 1 0 0 0 1-1Z", fill: "#50E6FF" })] }));
+}
+/** Azure / Foundry — stylized mountain triangles mark. */
+export function AzureIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M12 4L2 20h7l3-5 3 5h7L12 4Z", fill: "#0089D6" }), _jsx("path", { d: "M12 4l-3 5h6l-3-5Z", fill: "#54AEF0" })] }));
+}
+/** Firecrawl — flame mark. */
+export function FirecrawlIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M12 2C12 2 6 8 6 13a6 6 0 0 0 12 0c0-2-1-4-2-5 0 2-1 3-2 3 0-3-2-6-2-9Z", fill: "#F26B21" }), _jsx("path", { d: "M12 11c0 2-1.5 3-1.5 5a1.5 1.5 0 0 0 3 0c0-1.5-1.5-2.5-1.5-5Z", fill: "#FFD166" })] }));
+}
+/** DeepWiki — stacked pages with magnifying lens motif. */
+export function DeepWikiIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "4", y: "3", width: "13", height: "16", rx: "1.5", fill: "#6366F1" }), _jsx("rect", { x: "7", y: "6", width: "7", height: "1.5", rx: "0.5", fill: "#E0E7FF" }), _jsx("rect", { x: "7", y: "9", width: "7", height: "1.5", rx: "0.5", fill: "#E0E7FF" }), _jsx("rect", { x: "7", y: "12", width: "4", height: "1.5", rx: "0.5", fill: "#E0E7FF" }), _jsx("circle", { cx: "17", cy: "17", r: "4", fill: "none", stroke: "#F59E0B", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "20", x2: "22", y2: "22", stroke: "#F59E0B", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+/** AWS — orange cube mark. */
+export function AwsIcon({ className, size = 20 }) {
+    return (_jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M6 14.5c0 1 .5 1.8 1.3 2.2L12 19l4.7-2.3c.8-.4 1.3-1.2 1.3-2.2v-5c0-1-.5-1.8-1.3-2.2L12 5 7.3 7.3C6.5 7.7 6 8.5 6 9.5v5Z", fill: "#FF9900" }), _jsx("path", { d: "M12 5v14M6 9.5l6 3 6-3", stroke: "#232F3E", strokeWidth: "1.2", fill: "none" })] }));
+}