@shipit-ai/cli 1.171.0 → 1.172.0-pr16.b31ecd3

package/dist/src/presentation/web/components/features/settings/litellm-proxy-routing-section.js

@@ -10,11 +10,47 @@ import { SettingsSection, SettingsRow } from './settings-section-utils.js';
 import { Input } from '../../ui/input.js';
 import { Textarea } from '../../ui/textarea.js';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+/** Agent types that support env-var-based proxy routing (Tier 1) */
+const TIER1_AGENTS = new Set(['claude-code', 'gemini-cli', 'codex-cli']);
+/** Agent types that need documentation-only panels (Tier 2) */
+const TIER2_AGENTS = new Set(['cursor', 'copilot-cli']);
+/** Get the per-agent proxy config key for building payloads */
+function agentConfigKey(agentType) {
+    switch (agentType) {
+        case 'claude-code':
+            return 'claudeCode';
+        case 'gemini-cli':
+            return 'geminiCli';
+        case 'codex-cli':
+            return 'codexCli';
+        default:
+            return null;
+    }
+}
+/** Get the current routing mode for the active agent */
+function getRoutingMode(settings) {
+    const agentType = settings.agent.type;
+    switch (agentType) {
+        case 'claude-code':
+            return settings.litellmProxy?.claudeCode?.routingMode ?? LiteLLMProxyRoutingMode.direct;
+        case 'gemini-cli':
+            return settings.litellmProxy?.geminiCli?.routingMode ?? LiteLLMProxyRoutingMode.direct;
+        case 'codex-cli':
+            return settings.litellmProxy?.codexCli?.routingMode ?? LiteLLMProxyRoutingMode.direct;
+        default:
+            return LiteLLMProxyRoutingMode.direct;
+    }
+}
+/** Whether this agent supports passthrough mode */
+function supportsPassthrough(agentType) {
+    return agentType === 'claude-code';
+}
 export function LiteLLMProxyRoutingSection({ settings }) {
     const { t } = useTranslation('web');
     const [, startTransition] = useTransition();
+    const agentType = settings.agent.type;
     const cc = settings.litellmProxy?.claudeCode;
-    const [routingMode, setRoutingMode] = useState(cc?.routingMode ?? LiteLLMProxyRoutingMode.direct);
+    const [routingMode, setRoutingMode] = useState(getRoutingMode(settings));
     const [customHeaders, setCustomHeaders] = useState(cc?.customHeaders ?? '');
     const [sonnetModel, setSonnetModel] = useState(cc?.sonnetModel ?? '');
     const [haikuModel, setHaikuModel] = useState(cc?.haikuModel ?? '');
@@ -24,6 +60,10 @@ export function LiteLLMProxyRoutingSection({ settings }) {
     const originalHaikuModel = cc?.haikuModel ?? '';
     const originalOpusModel = cc?.opusModel ?? '';
     const showProxyFields = routingMode !== LiteLLMProxyRoutingMode.direct;
+    const isTier1 = TIER1_AGENTS.has(agentType);
+    const isTier2 = TIER2_AGENTS.has(agentType);
+    const proxyUrl = settings.litellmProxy?.baseUrl ?? '';
+    const proxyApiKey = settings.litellmProxy?.apiKey ?? '';
     function save(payload) {
         startTransition(async () => {
             const result = await updateSettingsAction(payload);
@@ -33,14 +73,27 @@ export function LiteLLMProxyRoutingSection({ settings }) {
         });
     }
     function buildPayload(overrides) {
+        const key = agentConfigKey(agentType);
+        if (!key)
+            return {};
+        if (agentType === 'claude-code') {
+            return {
+                litellmProxy: {
+                    claudeCode: {
+                        routingMode: overrides?.routingMode ?? routingMode,
+                        customHeaders: overrides?.customHeaders ?? customHeaders,
+                        sonnetModel: overrides?.sonnetModel ?? sonnetModel,
+                        haikuModel: overrides?.haikuModel ?? haikuModel,
+                        opusModel: overrides?.opusModel ?? opusModel,
+                    },
+                },
+            };
+        }
+        // Gemini CLI and Codex CLI: only routingMode
         return {
             litellmProxy: {
-                claudeCode: {
+                [key]: {
                     routingMode: overrides?.routingMode ?? routingMode,
-                    customHeaders: overrides?.customHeaders ?? customHeaders,
-                    sonnetModel: overrides?.sonnetModel ?? sonnetModel,
-                    haikuModel: overrides?.haikuModel ?? haikuModel,
-                    opusModel: overrides?.opusModel ?? opusModel,
                 },
             },
         };
@@ -49,7 +102,26 @@ export function LiteLLMProxyRoutingSection({ settings }) {
         setRoutingMode(value);
         save(buildPayload({ routingMode: value }));
     }
-    return (_jsxs(SettingsSection, { icon: Route, title: t('settings.litellmProxy.routing.title'), description: t('settings.litellmProxy.routing.description'), testId: "litellm-proxy-routing-section", tooltip: t('settings.litellmProxy.routing.hint'), children: [_jsx(SettingsRow, { label: t('settings.litellmProxy.routing.mode'), description: t('settings.litellmProxy.routing.modeDescription'), htmlFor: "litellm-routing-mode", children: _jsxs(Select, { value: routingMode, onValueChange: handleModeChange, children: [_jsx(SelectTrigger, { id: "litellm-routing-mode", "data-testid": "litellm-routing-mode-select", className: "w-48 text-xs", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: LiteLLMProxyRoutingMode.direct, children: t('settings.litellmProxy.routing.modeDirect') }), _jsx(SelectItem, { value: LiteLLMProxyRoutingMode.proxy, children: t('settings.litellmProxy.routing.modeProxy') }), _jsx(SelectItem, { value: LiteLLMProxyRoutingMode.passthrough, children: t('settings.litellmProxy.routing.modePassthrough') })] })] }) }), routingMode === LiteLLMProxyRoutingMode.passthrough && (_jsx(SettingsRow, { label: "", description: t('settings.litellmProxy.routing.passthroughHelp'), children: _jsx("span", {}) })), showProxyFields ? (_jsxs(_Fragment, { children: [_jsx(SettingsRow, { label: t('settings.litellmProxy.routing.customHeaders'), description: t('settings.litellmProxy.routing.customHeadersDescription'), htmlFor: "litellm-custom-headers", children: _jsx(Textarea, { id: "litellm-custom-headers", "data-testid": "litellm-custom-headers-input", placeholder: 'x-litellm-customer-id: my-user\nx-litellm-tags: project:acme', value: customHeaders, onChange: (e) => setCustomHeaders(e.target.value), onBlur: () => {
+    // Unsupported agent type
+    if (!isTier1 && !isTier2) {
+        return (_jsx(SettingsSection, { icon: Route, title: t('settings.litellmProxy.routing.title'), description: t('settings.litellmProxy.routing.description'), testId: "litellm-proxy-routing-section", tooltip: t('settings.litellmProxy.routing.hint'), children: _jsx(SettingsRow, { label: "", description: t('settings.litellmProxy.routing.notSupported'), children: _jsx("span", {}) }) }));
+    }
+    // Tier 2: Documentation-only panels
+    if (isTier2) {
+        const isCursor = agentType === 'cursor';
+        const displayUrl = proxyUrl
+            ? isCursor
+                ? `${proxyUrl.replace(/\/+$/, '')}/cursor`
+                : proxyUrl
+            : '';
+        return (_jsx(SettingsSection, { icon: Route, title: t('settings.litellmProxy.routing.title'), description: t('settings.litellmProxy.routing.description'), testId: "litellm-proxy-routing-section", tooltip: t('settings.litellmProxy.routing.hint'), children: _jsx(SettingsRow, { label: isCursor
+                    ? t('settings.litellmProxy.routing.cursorInstructions')
+                    : t('settings.litellmProxy.routing.copilotInstructions'), description: isCursor
+                    ? t('settings.litellmProxy.routing.cursorDescription')
+                    : t('settings.litellmProxy.routing.copilotDescription'), children: _jsxs("div", { className: "w-64 space-y-2", children: [_jsx("code", { className: "bg-muted block rounded px-2 py-1 text-xs break-all", children: displayUrl }), isCursor && proxyApiKey ? (_jsx("code", { className: "bg-muted block rounded px-2 py-1 text-xs break-all", children: proxyApiKey })) : null] }) }) }));
+    }
+    // Tier 1: Env-var-based proxy routing (Claude Code, Gemini CLI, Codex CLI)
+    return (_jsxs(SettingsSection, { icon: Route, title: t('settings.litellmProxy.routing.title'), description: t('settings.litellmProxy.routing.description'), testId: "litellm-proxy-routing-section", tooltip: t('settings.litellmProxy.routing.hint'), children: [_jsx(SettingsRow, { label: t('settings.litellmProxy.routing.mode'), description: t('settings.litellmProxy.routing.modeDescription'), htmlFor: "litellm-routing-mode", children: _jsxs(Select, { value: routingMode, onValueChange: handleModeChange, children: [_jsx(SelectTrigger, { id: "litellm-routing-mode", "data-testid": "litellm-routing-mode-select", className: "w-48 text-xs", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: LiteLLMProxyRoutingMode.direct, children: t('settings.litellmProxy.routing.modeDirect') }), _jsx(SelectItem, { value: LiteLLMProxyRoutingMode.proxy, children: t('settings.litellmProxy.routing.modeProxy') }), supportsPassthrough(agentType) && (_jsx(SelectItem, { value: LiteLLMProxyRoutingMode.passthrough, children: t('settings.litellmProxy.routing.modePassthrough') }))] })] }) }), routingMode === LiteLLMProxyRoutingMode.passthrough && (_jsx(SettingsRow, { label: "", description: t('settings.litellmProxy.routing.passthroughHelp'), children: _jsx("span", {}) })), showProxyFields && agentType === 'claude-code' ? (_jsxs(_Fragment, { children: [_jsx(SettingsRow, { label: t('settings.litellmProxy.routing.customHeaders'), description: t('settings.litellmProxy.routing.customHeadersDescription'), htmlFor: "litellm-custom-headers", children: _jsx(Textarea, { id: "litellm-custom-headers", "data-testid": "litellm-custom-headers-input", placeholder: 'x-litellm-customer-id: my-user\nx-litellm-tags: project:acme', value: customHeaders, onChange: (e) => setCustomHeaders(e.target.value), onBlur: () => {
                                 if (customHeaders !== originalCustomHeaders) {
                                     save(buildPayload({ customHeaders }));
                                 }

package/dist/src/presentation/web/components/features/settings/litellm-proxy-routing-section.stories.d.ts

@@ -10,7 +10,14 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const DirectMode: Story;
-export declare const ProxyMode: Story;
-export declare const PassthroughMode: Story;
+export declare const ClaudeCodeDirect: Story;
+export declare const ClaudeCodeProxy: Story;
+export declare const ClaudeCodePassthrough: Story;
+export declare const GeminiCliDirect: Story;
+export declare const GeminiCliProxy: Story;
+export declare const CodexCliDirect: Story;
+export declare const CodexCliProxy: Story;
+export declare const CursorDocs: Story;
+export declare const CopilotDocs: Story;
+export declare const UnsupportedAgent: Story;
 //# sourceMappingURL=litellm-proxy-routing-section.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/litellm-proxy-routing-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"litellm-proxy-routing-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/litellm-proxy-routing-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAa7E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
+{"version":3,"file":"litellm-proxy-routing-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/litellm-proxy-routing-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAa7E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC"}

package/dist/src/presentation/web/components/features/settings/litellm-proxy-routing-section.stories.js

@@ -18,47 +18,121 @@ const meta = {
     },
 };
 export default meta;
-export const DirectMode = {
+// --- Claude Code (Tier 1, full features) ---
+export const ClaudeCodeDirect = {
     args: {
         settings: {
             ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'claude-code' },
             litellmProxy: {
                 ...baseSettings.litellmProxy,
-                claudeCode: {
-                    routingMode: LiteLLMProxyRoutingMode.direct,
-                },
+                claudeCode: { routingMode: LiteLLMProxyRoutingMode.direct },
             },
         },
     },
 };
-export const ProxyMode = {
+export const ClaudeCodeProxy = {
     args: {
         settings: {
             ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'claude-code' },
             litellmProxy: {
                 ...baseSettings.litellmProxy,
                 claudeCode: {
                     routingMode: LiteLLMProxyRoutingMode.proxy,
-                    customHeaders: 'x-litellm-customer-id: user-123\nx-litellm-tags: project:acme',
+                    customHeaders: 'x-litellm-customer-id: user-123',
                     sonnetModel: 'claude-sonnet-4-6',
-                    haikuModel: 'claude-haiku-4-5',
-                    opusModel: 'claude-opus-4-6',
                 },
             },
         },
     },
 };
-export const PassthroughMode = {
+export const ClaudeCodePassthrough = {
     args: {
         settings: {
             ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'claude-code' },
             litellmProxy: {
                 ...baseSettings.litellmProxy,
-                claudeCode: {
-                    routingMode: LiteLLMProxyRoutingMode.passthrough,
-                    sonnetModel: 'claude-sonnet-4-6',
-                },
+                claudeCode: { routingMode: LiteLLMProxyRoutingMode.passthrough },
+            },
+        },
+    },
+};
+// --- Gemini CLI (Tier 1, direct/proxy only) ---
+export const GeminiCliDirect = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'gemini-cli' },
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                geminiCli: { routingMode: LiteLLMProxyRoutingMode.direct },
+            },
+        },
+    },
+};
+export const GeminiCliProxy = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'gemini-cli' },
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                geminiCli: { routingMode: LiteLLMProxyRoutingMode.proxy },
             },
         },
     },
 };
+// --- Codex CLI (Tier 1, direct/proxy only) ---
+export const CodexCliDirect = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'codex-cli' },
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                codexCli: { routingMode: LiteLLMProxyRoutingMode.direct },
+            },
+        },
+    },
+};
+export const CodexCliProxy = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'codex-cli' },
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                codexCli: { routingMode: LiteLLMProxyRoutingMode.proxy },
+            },
+        },
+    },
+};
+// --- Cursor (Tier 2, documentation panel) ---
+export const CursorDocs = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'cursor' },
+        },
+    },
+};
+// --- Copilot CLI (Tier 2, documentation panel) ---
+export const CopilotDocs = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'copilot-cli' },
+        },
+    },
+};
+// --- Unsupported agent ---
+export const UnsupportedAgent = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'rovo-dev' },
+        },
+    },
+};

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",
@@ -242,7 +244,12 @@
         "sonnetModel": "Sonnet Model Override",
         "haikuModel": "Haiku Model Override",
         "opusModel": "Opus Model Override",
-        "modelOverrideDescription": "Override the default model routed through LiteLLM"
+        "modelOverrideDescription": "Override the default model routed through LiteLLM",
+        "notSupported": "Proxy routing is not supported for this agent type.",
+        "cursorInstructions": "Cursor Setup Instructions",
+        "cursorDescription": "Add these values to Cursor Settings > Models > Override OpenAI Base URL and API Key. Only Ask and Plan modes support custom API keys — Agent mode does not.",
+        "copilotInstructions": "GitHub Copilot Setup Instructions",
+        "copilotDescription": "Add this to your VS Code settings.json under github.copilot.advanced: { \"debug.overrideProxyUrl\": \"<url>\", \"debug.testOverrideProxyUrl\": \"<url>\" }. These are undocumented debug settings."
       }
     },
     "interactiveAgent": {
@@ -286,7 +293,8 @@
     "sessions": "الجلسات",
     "tools": "الأدوات",
     "skills": "المهارات",
-    "plugins": "Plugins"
+    "plugins": "Plugins",
+    "mcpServers": "MCP Servers"
   },
   "sidebar": {
     "features": "الميزات",
@@ -308,7 +316,7 @@
     "deleteSubFeatures": "حذف الميزات الفرعية",
     "closePullRequest": "إغلاق طلب السحب",
     "cancel": "إلغاء",
-    "deleting": "جارٍ الحذف\u2026",
+    "deleting": "جارٍ الحذف…",
     "delete": "حذف"
   },
   "rejectFeedback": {
@@ -317,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",
@@ -344,7 +352,7 @@
     "githubCliRequired": "مطلوب لطلبات السحب"
   },
   "welcome": {
-    "loadingAgents": "جارٍ تحميل الوكلاء\u2026",
+    "loadingAgents": "جارٍ تحميل الوكلاء…",
     "chooseAgent": "اختر وكيلك",
     "pickModel": "اختر نموذجًا",
     "selectAgentSubtitle": "اختر وكيل البرمجة بالذكاء الاصطناعي الذي تريد أن يستخدمه ShipIT AI.",
@@ -392,11 +400,11 @@
     "stopDevServer": "إيقاف الخادم",
     "startDevServer": "تشغيل الخادم",
     "retryDevServer": "إعادة تشغيل الخادم",
-    "starting": "جارٍ التشغيل\u2026",
+    "starting": "جارٍ التشغيل…",
     "retry": "إعادة المحاولة",
     "start": "تشغيل",
     "failed": "فشل",
-    "deleting": "جارٍ الحذف\u2026",
+    "deleting": "جارٍ الحذف…",
     "addFeature": "إضافة ميزة",
     "reviewRequirements": "مراجعة المتطلبات",
     "reviewTechnicalPlan": "مراجعة الخطة التقنية",
@@ -631,7 +639,7 @@
     "addRepository": "إضافة مستودع"
   },
   "modelPicker": {
-    "searchPlaceholder": "البحث أو كتابة معرف النموذج\u2026"
+    "searchPlaceholder": "البحث أو كتابة معرف النموذج…"
   },
   "skills": {
     "searchPlaceholder": "البحث عن مهارات..."
@@ -674,5 +682,39 @@
     "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"
+    }
   }
 }