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

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

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { EmptyState } from '../../common/empty-state/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';
+const TRANSPORT_FILTERS = ['all', 'http', 'sse', 'stdio'];
+export function McpServersPageClient({ proxyConfigured }) {
+    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) => {
+            setServers(result.servers);
+            if (result.error)
+                setError(result.error);
+        })
+            .catch(() => {
+            setError(t('mcpServers.fetchError'));
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    }, [proxyConfigured, t]);
+    const serverNames = useMemo(() => servers.map((s) => s.server_name), [servers]);
+    const filtered = useMemo(() => {
+        return servers.filter((server) => {
+            const query = searchQuery.toLowerCase();
+            const matchesQuery = !query ||
+                server.name.toLowerCase().includes(query) ||
+                (server.mcp_info?.description ?? '').toLowerCase().includes(query);
+            const matchesTransport = transportFilter === 'all' || server.transport === transportFilter;
+            return matchesQuery && matchesTransport;
+        });
+    }, [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') }) }));
+    }
+    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') }), 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-servers-page-client.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { McpServersPageClient } from './mcp-servers-page-client.js';
+declare const meta: {
+    title: string;
+    component: typeof McpServersPageClient;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoProxy: Story;
+//# sourceMappingURL=mcp-servers-page-client.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-servers-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/mcp-servers/mcp-servers-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,QAAA,MAAM,IAAI;;;CAGmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { McpServersPageClient } from './mcp-servers-page-client.js';
+const meta = {
+    title: 'Features/McpServers/McpServersPageClient',
+    component: McpServersPageClient,
+};
+export default meta;
+export const Default = {
+    args: { proxyConfigured: true },
+};
+export const NoProxy = {
+    args: { proxyConfigured: false },
+};

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

@@ -0,0 +1,23 @@
+import type { McpToolInfo } from '../../../../../../packages/core/src/application/ports/output/services/mcp-server-browser.interface.js';
+interface McpToolListProps {
+    tools: McpToolInfo[];
+    serverNames: string[];
+}
+interface GroupedTools {
+    serverName: string;
+    tools: {
+        displayName: string;
+        description?: string;
+    }[];
+}
+/**
+ * Groups tools by server name prefix.
+ *
+ * LiteLLM prefixes tool names with `{server_name}-` (e.g., `github_mcp-list_issues`).
+ * We match each tool's name against known server names and strip the prefix for display.
+ * Tools with no matching prefix go in an "Other" group.
+ */
+export declare function groupToolsByServer(tools: McpToolInfo[], serverNames: string[]): GroupedTools[];
+export declare function McpToolList({ tools, serverNames }: McpToolListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mcp-tool-list.d.ts.map

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

@@ -0,0 +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,2CAoCnE"}

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

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Badge } from '../../ui/badge.js';
+/**
+ * Groups tools by server name prefix.
+ *
+ * LiteLLM prefixes tool names with `{server_name}-` (e.g., `github_mcp-list_issues`).
+ * We match each tool's name against known server names and strip the prefix for display.
+ * Tools with no matching prefix go in an "Other" group.
+ */
+export function groupToolsByServer(tools, serverNames) {
+    const groups = new Map();
+    for (const tool of tools) {
+        let matched = false;
+        for (const serverName of serverNames) {
+            const prefix = `${serverName}-`;
+            if (tool.name.startsWith(prefix)) {
+                const displayName = tool.name.slice(prefix.length);
+                if (!groups.has(serverName))
+                    groups.set(serverName, []);
+                groups.get(serverName).push({ displayName, description: tool.description });
+                matched = true;
+                break;
+            }
+        }
+        if (!matched) {
+            if (!groups.has('other'))
+                groups.set('other', []);
+            groups.get('other').push({ displayName: tool.name, description: tool.description });
+        }
+    }
+    return Array.from(groups.entries())
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([serverName, tools]) => ({
+        serverName,
+        tools: tools.sort((a, b) => a.displayName.localeCompare(b.displayName)),
+    }));
+}
+export function McpToolList({ tools, serverNames }) {
+    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] }, `${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/src/presentation/web/components/features/settings/feature-flags-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAGtF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CAkJzF"}
+{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAGtF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CAqKzF"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.js

@@ -18,6 +18,7 @@ export function FeatureFlagsSettingsSection({ settings }) {
         gitRebaseSync: false,
         reactFileManager: false,
         plugins: false,
+        mcpServers: false,
     };
     const [flags, setFlags] = useState({ ...featureFlags });
     function save(payload) {
@@ -62,5 +63,11 @@ export function FeatureFlagsSettingsSection({ settings }) {
                     const newFlags = { ...flags, plugins: v };
                     setFlags(newFlags);
                     save({ featureFlags: newFlags });
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.mcpServers'), description: settings.litellmProxy?.baseUrl
+                    ? t('settings.featureFlags.mcpServersDescription')
+                    : `${t('settings.featureFlags.mcpServersDescription')} — ${t('mcpServers.noProxy')}`, tooltip: "Enables the MCP Servers page for viewing MCP servers deployed on your LiteLLM proxy. Requires a LiteLLM proxy URL to be configured.", id: "flag-mcp-servers", testId: "switch-flag-mcp-servers", checked: flags.mcpServers, disabled: !settings.litellmProxy?.baseUrl, onChange: (v) => {
+                    const newFlags = { ...flags, mcpServers: v };
+                    setFlags(newFlags);
+                    save({ featureFlags: newFlags });
                 } })] }));
 }

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAK/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC"}
+{"version":3,"file":"feature-flags-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAK/E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.js

@@ -28,6 +28,7 @@ export const AllEnabled = {
                 gitRebaseSync: true,
                 reactFileManager: true,
                 plugins: true,
+                mcpServers: true,
             },
         },
     },
@@ -45,6 +46,7 @@ export const AllDisabled = {
                 gitRebaseSync: false,
                 reactFileManager: false,
                 plugins: false,
+                mcpServers: false,
             },
         },
     },

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC"}
+{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -35,6 +35,7 @@ export const AllSections = {
                 gitRebaseSync: false,
                 reactFileManager: false,
                 plugins: false,
+                mcpServers: false,
             },
         },
         shipitAiHome: '/opt/shipit-ai',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CA8RjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAsSjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { usePathname } from 'next/navigation';
-import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Blocks, Settings, } from 'lucide-react';
+import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Blocks, ServerIcon, Settings, } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
@@ -60,7 +60,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
                 .filter((g) => g.items.length > 0),
         }));
     }, [features, t]);
-    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", "data-no-drawer-close": true, collapsible: "icon", side: i18n.dir() === 'rtl' ? 'right' : 'left', children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-10 items-center px-2 group-data-[collapsible=icon]:justify-center", children: [_jsx(ShipitAiLogo, { className: "drop-shadow-[0_0_4px_rgba(34,211,238,0.4)]", size: 32, variant: versionData.isDev ? 'dev' : 'default', isOpen: Boolean(showExpanded && expandedVisible) }), showExpanded && expandedVisible ? (_jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })) : null] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, featureFlags.plugins ? (_jsx(SidebarNavItem, { icon: Blocks, label: t('navigation.plugins'), href: "/plugins", active: pathname === '/plugins' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsx("div", { className: [
+    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", "data-no-drawer-close": true, collapsible: "icon", side: i18n.dir() === 'rtl' ? 'right' : 'left', children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-10 items-center px-2 group-data-[collapsible=icon]:justify-center", children: [_jsx(ShipitAiLogo, { className: "drop-shadow-[0_0_4px_rgba(34,211,238,0.4)]", size: 32, variant: versionData.isDev ? 'dev' : 'default', isOpen: Boolean(showExpanded && expandedVisible) }), showExpanded && expandedVisible ? (_jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })) : null] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, featureFlags.plugins ? (_jsx(SidebarNavItem, { icon: Blocks, label: t('navigation.plugins'), href: "/plugins", active: pathname === '/plugins' })) : null, featureFlags.mcpServers ? (_jsx(SidebarNavItem, { icon: ServerIcon, label: t('navigation.mcpServers'), href: "/mcp-servers", active: pathname === '/mcp-servers' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsx("div", { className: [
                         'flex min-h-0 flex-1 flex-col overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+DnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmElC,CAAC"}
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+DnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmElC,CAAC"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.js

@@ -10,6 +10,7 @@ const defaultFeatureFlags = {
     gitRebaseSync: false,
     reactFileManager: false,
     plugins: false,
+    mcpServers: false,
 };
 const meta = {
     title: 'Layout/AppSidebar',

package/dist/src/presentation/web/hooks/feature-flags-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}
+{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAgB7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}

package/dist/src/presentation/web/hooks/feature-flags-context.js

@@ -10,6 +10,7 @@ const defaultFlags = {
     gitRebaseSync: false,
     reactFileManager: false,
     plugins: false,
+    mcpServers: false,
 };
 const FeatureFlagsContext = createContext(defaultFlags);
 /**

package/dist/src/presentation/web/lib/feature-flags.d.ts

@@ -14,6 +14,7 @@ export interface FeatureFlagsState {
     gitRebaseSync: boolean;
     reactFileManager: boolean;
     plugins: boolean;
+    mcpServers: boolean;
 }
 export declare function getFeatureFlags(): Promise<FeatureFlagsState>;
 /**
@@ -29,5 +30,6 @@ export declare const featureFlags: {
     readonly gitRebaseSync: boolean;
     readonly reactFileManager: boolean;
     readonly plugins: boolean;
+    readonly mcpServers: boolean;
 };
 //# sourceMappingURL=feature-flags.d.ts.map

package/dist/src/presentation/web/lib/feature-flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAuBH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAsB,eAAe,IAAI,OAAO,CAAC,iBAAiB,CAAC,CA+BlE;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CAyBf,CAAC"}
+{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAsB,eAAe,IAAI,OAAO,CAAC,iBAAiB,CAAC,CAiClE;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;CA4Bf,CAAC"}

package/dist/src/presentation/web/lib/feature-flags.js

@@ -20,6 +20,7 @@ const ENV_FALLBACK_FLAGS = {
     gitRebaseSync: () => false,
     reactFileManager: () => isEnabled(process.env.NEXT_PUBLIC_FLAG_REACT_FILE_MANAGER),
     plugins: () => false,
+    mcpServers: () => false,
 };
 export async function getFeatureFlags() {
     try {
@@ -36,6 +37,7 @@ export async function getFeatureFlags() {
                 gitRebaseSync: flags.gitRebaseSync,
                 reactFileManager: flags.reactFileManager,
                 plugins: flags.plugins,
+                mcpServers: flags.mcpServers,
             };
         }
     }
@@ -51,6 +53,7 @@ export async function getFeatureFlags() {
         gitRebaseSync: ENV_FALLBACK_FLAGS.gitRebaseSync(),
         reactFileManager: ENV_FALLBACK_FLAGS.reactFileManager(),
         plugins: ENV_FALLBACK_FLAGS.plugins(),
+        mcpServers: ENV_FALLBACK_FLAGS.mcpServers(),
     };
 }
 /**
@@ -82,4 +85,7 @@ export const featureFlags = {
     get plugins() {
         return ENV_FALLBACK_FLAGS.plugins();
     },
+    get mcpServers() {
+        return ENV_FALLBACK_FLAGS.mcpServers();
+    },
 };

package/dist/translations/ar/web.json

@@ -212,7 +212,9 @@
       "reactFileManagerDescription": "استخدام مدير ملفات React المدمج بدلاً من منتقي مجلدات نظام التشغيل الأصلي",
       "plugins": "Plugins Marketplace",
       "pluginsDescription": "Enable the Claude Code plugins marketplace browser",
-      "hint": "ميزات تجريبية لا تزال قيد التطوير. قم بتمكينها على مسؤوليتك — قد تتغير أو تُزال في الإصدارات المستقبلية. وضع التصحيح يضيف تسجيلًا مفصلاً مفيدًا لاستكشاف الأخطاء."
+      "hint": "ميزات تجريبية لا تزال قيد التطوير. قم بتمكينها على مسؤوليتك — قد تتغير أو تُزال في الإصدارات المستقبلية. وضع التصحيح يضيف تسجيلًا مفصلاً مفيدًا لاستكشاف الأخطاء.",
+      "mcpServers": "MCP Servers",
+      "mcpServersDescription": "Enable the MCP servers browser for viewing LiteLLM proxy MCP servers"
     },
     "litellmProxy": {
       "title": "LiteLLM Proxy",
@@ -291,7 +293,8 @@
     "sessions": "الجلسات",
     "tools": "الأدوات",
     "skills": "المهارات",
-    "plugins": "Plugins"
+    "plugins": "Plugins",
+    "mcpServers": "MCP Servers"
   },
   "sidebar": {
     "features": "الميزات",
@@ -313,7 +316,7 @@
     "deleteSubFeatures": "حذف الميزات الفرعية",
     "closePullRequest": "إغلاق طلب السحب",
     "cancel": "إلغاء",
-    "deleting": "جارٍ الحذف\u2026",
+    "deleting": "جارٍ الحذف…",
     "delete": "حذف"
   },
   "rejectFeedback": {
@@ -322,23 +325,23 @@
     "ariaLabel": "ملاحظات الرفض",
     "placeholder": "صِف ما يحتاج إلى تغيير...",
     "cancel": "إلغاء",
-    "rejecting": "جارٍ الرفض\u2026",
+    "rejecting": "جارٍ الرفض…",
     "confirmReject": "تأكيد الرفض"
   },
   "emptyState": {
     "addProject": "إضافة مشروع",
     "addProjectDescription": "أضف مجلد مشروعك لفتح إمكانية إنشاء الميزات.",
-    "addProjectDescriptionLine2": "صِف ما تحتاجه \u2014 ShipIT AI يتولى الباقي.",
-    "checkingSetup": "جارٍ التحقق من الإعداد\u2026",
+    "addProjectDescriptionLine2": "صِف ما تحتاجه — ShipIT AI يتولى الباقي.",
+    "checkingSetup": "جارٍ التحقق من الإعداد…",
     "ready": "{{label}} جاهز",
     "notInstalled": "{{label}} غير مثبت",
     "reCheck": "إعادة التحقق",
     "needsAuth": "{{label}} يحتاج إلى مصادقة",
     "open": "فتح {{label}}",
-    "checking": "جارٍ التحقق من {{label}}\u2026",
+    "checking": "جارٍ التحقق من {{label}}…",
     "notFound": "{{label}} غير موجود",
     "docs": "التوثيق",
-    "opening": "جارٍ الفتح\u2026",
+    "opening": "جارٍ الفتح…",
     "chooseFolder": "اختر مجلدًا",
     "folderHint": "أي مجلد يعمل — سيتم تهيئة git تلقائيًا إذا لزم الأمر.",
     "orUseCli": "أو استخدم CLI",
@@ -349,7 +352,7 @@
     "githubCliRequired": "مطلوب لطلبات السحب"
   },
   "welcome": {
-    "loadingAgents": "جارٍ تحميل الوكلاء\u2026",
+    "loadingAgents": "جارٍ تحميل الوكلاء…",
     "chooseAgent": "اختر وكيلك",
     "pickModel": "اختر نموذجًا",
     "selectAgentSubtitle": "اختر وكيل البرمجة بالذكاء الاصطناعي الذي تريد أن يستخدمه ShipIT AI.",
@@ -397,11 +400,11 @@
     "stopDevServer": "إيقاف الخادم",
     "startDevServer": "تشغيل الخادم",
     "retryDevServer": "إعادة تشغيل الخادم",
-    "starting": "جارٍ التشغيل\u2026",
+    "starting": "جارٍ التشغيل…",
     "retry": "إعادة المحاولة",
     "start": "تشغيل",
     "failed": "فشل",
-    "deleting": "جارٍ الحذف\u2026",
+    "deleting": "جارٍ الحذف…",
     "addFeature": "إضافة ميزة",
     "reviewRequirements": "مراجعة المتطلبات",
     "reviewTechnicalPlan": "مراجعة الخطة التقنية",
@@ -636,7 +639,7 @@
     "addRepository": "إضافة مستودع"
   },
   "modelPicker": {
-    "searchPlaceholder": "البحث أو كتابة معرف النموذج\u2026"
+    "searchPlaceholder": "البحث أو كتابة معرف النموذج…"
   },
   "skills": {
     "searchPlaceholder": "البحث عن مهارات..."
@@ -679,5 +682,40 @@
     "card": {
       "permissionOverride": "الإذن: {{mode}}"
     }
+  },
+  "mcpServers": {
+    "title": "MCP Servers",
+    "subtitle": "Browse MCP servers deployed on your LiteLLM proxy",
+    "noProxy": "No LiteLLM proxy configured. Add a proxy URL in Settings to browse MCP servers.",
+    "noServers": "No MCP servers found",
+    "noResults": "No servers match your search",
+    "searchPlaceholder": "Search servers...",
+    "filter": {
+      "all": "All"
+    },
+    "transport": {
+      "http": "HTTP",
+      "sse": "SSE",
+      "stdio": "STDIO"
+    },
+    "authType": {
+      "api_key": "API Key",
+      "bearer_token": "Bearer Token",
+      "basic": "Basic",
+      "oauth2": "OAuth2",
+      "aws_sigv4": "AWS SigV4"
+    },
+    "detail": {
+      "serverName": "Server Name",
+      "url": "URL",
+      "transport": "Transport",
+      "authType": "Auth Type"
+    },
+    "tools": {
+      "title": "Available Tools",
+      "noTools": "No tools available",
+      "other": "Other"
+    },
+    "fetchError": "Failed to fetch MCP servers. Check your proxy configuration."
   }
 }