@shipit-ai/cli 1.170.0 → 1.171.0-pr14.c0a7138

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

@@ -0,0 +1,138 @@
+import { LiteLLMProxyRoutingSection } from './litellm-proxy-routing-section.js';
+import { createDefaultSettings } from '../../../../../../packages/core/src/domain/factories/settings-defaults.factory.js';
+import { LiteLLMProxyRoutingMode } from '../../../../../../packages/core/src/domain/generated/output.js';
+const baseSettings = {
+    ...createDefaultSettings(),
+    litellmProxy: {
+        baseUrl: 'http://localhost:4000',
+        apiKey: 'sk-litellm-proxy-key-1234',
+        marketplaceEnabled: true,
+    },
+};
+const meta = {
+    title: 'Features/Settings/LiteLLMProxyRoutingSection',
+    component: LiteLLMProxyRoutingSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+// --- 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 },
+            },
+        },
+    },
+};
+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',
+                    sonnetModel: 'claude-sonnet-4-6',
+                },
+            },
+        },
+    },
+};
+export const ClaudeCodePassthrough = {
+    args: {
+        settings: {
+            ...baseSettings,
+            agent: { ...baseSettings.agent, type: 'claude-code' },
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                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/litellm-proxy-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"litellm-proxy-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/litellm-proxy-settings-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAKxE,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CAiJzF"}
+{"version":3,"file":"litellm-proxy-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/litellm-proxy-settings-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAKxE,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CA+HzF"}

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

@@ -6,7 +6,7 @@ import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import { updateSettingsAction } from '../../../app/actions/update-settings.js';
 import { addMarketplaceAction } from '../../../app/actions/add-marketplace.js';
-import { SettingsSection, SettingsRow, SwitchRow } from './settings-section-utils.js';
+import { SettingsSection, SettingsRow } from './settings-section-utils.js';
 import { Input } from '../../ui/input.js';
 import { Button } from '../../ui/button.js';
 export function LiteLLMProxySettingsSection({ settings }) {
@@ -14,7 +14,6 @@ export function LiteLLMProxySettingsSection({ settings }) {
     const [, startTransition] = useTransition();
     const [baseUrl, setBaseUrl] = useState(settings.litellmProxy?.baseUrl ?? '');
     const [apiKey, setApiKey] = useState(settings.litellmProxy?.apiKey ?? '');
-    const [marketplaceEnabled, setMarketplaceEnabled] = useState(settings.litellmProxy?.marketplaceEnabled ?? false);
     const [testStatus, setTestStatus] = useState('idle');
     const [isTesting, setIsTesting] = useState(false);
     const originalBaseUrl = settings.litellmProxy?.baseUrl ?? '';
@@ -28,11 +27,12 @@ export function LiteLLMProxySettingsSection({ settings }) {
         });
     }
     function buildPayload(overrides) {
+        const url = overrides?.baseUrl ?? baseUrl;
         return {
             litellmProxy: {
-                baseUrl: overrides?.baseUrl ?? baseUrl,
+                baseUrl: url,
                 apiKey: overrides?.apiKey ?? apiKey,
-                marketplaceEnabled: overrides?.marketplaceEnabled ?? marketplaceEnabled,
+                marketplaceEnabled: !!url,
             },
         };
     }
@@ -69,8 +69,5 @@ export function LiteLLMProxySettingsSection({ settings }) {
                     }, className: "w-64 text-xs" }) }), _jsx(SettingsRow, { label: t('settings.litellmProxy.apiKey'), description: t('settings.litellmProxy.apiKeyDescription'), tooltip: "A virtual API key for authenticating with the LiteLLM proxy. Stored locally alongside other agent credentials.", htmlFor: "litellm-api-key", children: _jsx(Input, { id: "litellm-api-key", "data-testid": "litellm-api-key-input", type: "password", placeholder: "sk-...", value: apiKey, onChange: (e) => setApiKey(e.target.value), onBlur: () => {
                         if (apiKey !== originalApiKey)
                             save(buildPayload({ apiKey }));
-                    }, className: "w-64 text-xs" }) }), _jsx(SwitchRow, { label: t('settings.litellmProxy.marketplaceEnabled'), description: t('settings.litellmProxy.marketplaceEnabledDescription'), tooltip: "When enabled, the plugin marketplace will fetch its catalog from this LiteLLM proxy instead of using built-in defaults.", id: "litellm-marketplace-enabled", testId: "switch-litellm-marketplace-enabled", checked: marketplaceEnabled, onChange: (v) => {
-                    setMarketplaceEnabled(v);
-                    save(buildPayload({ marketplaceEnabled: v }));
-                } }), _jsx(SettingsRow, { label: t('settings.litellmProxy.testConnection'), tooltip: "Attempt to connect to the proxy and fetch the marketplace catalog to verify the configuration is correct.", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", "data-testid": "litellm-test-connection-btn", disabled: !baseUrl || isTesting, onClick: handleTestConnection, className: "cursor-pointer text-xs", children: isTesting ? t('settings.saving') : t('settings.litellmProxy.testConnection') }), testStatus === 'success' && (_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-500", "data-testid": "litellm-test-success" })), testStatus === 'failed' && (_jsx(XCircle, { className: "text-destructive h-4 w-4", "data-testid": "litellm-test-failed" }))] }) })] }));
+                    }, className: "w-64 text-xs" }) }), _jsx(SettingsRow, { label: t('settings.litellmProxy.testConnection'), tooltip: "Attempt to connect to the proxy and fetch the marketplace catalog to verify the configuration is correct.", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", "data-testid": "litellm-test-connection-btn", disabled: !baseUrl || isTesting, onClick: handleTestConnection, className: "cursor-pointer text-xs", children: isTesting ? t('settings.saving') : t('settings.litellmProxy.testConnection') }), testStatus === 'success' && (_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-500", "data-testid": "litellm-test-success" })), testStatus === 'failed' && (_jsx(XCircle, { className: "text-destructive h-4 w-4", "data-testid": "litellm-test-failed" }))] }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAkBzE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACzC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,EAAE,uBAAuB,2CA4JzB"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAkBzE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACzC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,EAAE,uBAAuB,2CA+JzB"}

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

@@ -15,6 +15,7 @@ import { InteractiveAgentSettingsSection } from './interactive-agent-settings-se
 import { FabLayoutSettingsSection } from './fab-layout-settings-section.js';
 import { DatabaseSettingsSection } from './database-settings-section.js';
 import { LiteLLMProxySettingsSection } from './litellm-proxy-settings-section.js';
+import { LiteLLMProxyRoutingSection } from './litellm-proxy-routing-section.js';
 const SECTIONS = [
     { id: 'agent', labelKey: 'settings.sections.agent', icon: Bot },
     { id: 'environment', labelKey: 'settings.sections.environment', icon: Terminal },
@@ -58,5 +59,5 @@ export function SettingsPageClient({ settings, shipitAiHome, dbFileSize, availab
                             return (_jsxs("button", { type: "button", onClick: () => setActiveTab(tab.id), className: cn('flex cursor-pointer items-center gap-1 rounded-md px-2 py-1.5 text-[11px] font-bold transition-all', isActive
                                     ? 'bg-muted text-primary shadow-sm ring-1 ring-slate-200/70 dark:ring-slate-700/50'
                                     : 'text-muted-foreground hover:text-foreground hover:bg-accent/50'), children: [_jsx(TabIcon, { className: "h-3 w-3" }), _jsx("span", { className: "hidden sm:inline", children: t(tab.labelKey) })] }, tab.id));
-                        }) })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [(activeTab === 'all' || activeTab === 'agent') && (_jsx("div", { id: "section-agent", className: "scroll-mt-18 rounded-lg", children: _jsx(AgentSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'environment') && (_jsx("div", { id: "section-environment", className: "scroll-mt-18 rounded-lg", children: _jsx(EnvironmentSettingsSection, { settings: settings, availableEditors: availableEditors, availableShells: availableShells, availableTerminals: availableTerminals }) })), (activeTab === 'all' || activeTab === 'workflow') && (_jsx("div", { id: "section-workflow", className: "scroll-mt-18 rounded-lg", children: _jsx(WorkflowSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'ci') && (_jsx("div", { id: "section-ci", className: "scroll-mt-18 rounded-lg", children: _jsx(CiSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'stage-timeouts') && (_jsx("div", { id: "section-stage-timeouts", className: "scroll-mt-18 rounded-lg", children: _jsx(StageTimeoutsSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'notifications') && (_jsx("div", { id: "section-notifications", className: "scroll-mt-18 rounded-lg", children: _jsx(NotificationSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'feature-flags') && (_jsx("div", { id: "section-feature-flags", className: "scroll-mt-18 rounded-lg", children: _jsx(FeatureFlagsSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'interactive-agent') && (_jsx("div", { id: "section-interactive-agent", className: "scroll-mt-18 rounded-lg", children: _jsx(InteractiveAgentSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'fab-layout') && (_jsx("div", { id: "section-fab-layout", className: "scroll-mt-18 rounded-lg", children: _jsx(FabLayoutSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'database') && (_jsx("div", { id: "section-database", className: "scroll-mt-18 rounded-lg", children: _jsx(DatabaseSettingsSection, { shipitAiHome: shipitAiHome, dbFileSize: dbFileSize }) })), (activeTab === 'all' || activeTab === 'litellm-proxy') && (_jsx("div", { id: "section-litellm-proxy", className: "scroll-mt-18 rounded-lg", children: _jsx(LiteLLMProxySettingsSection, { settings: settings }) }))] })] }));
+                        }) })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [(activeTab === 'all' || activeTab === 'agent') && (_jsx("div", { id: "section-agent", className: "scroll-mt-18 rounded-lg", children: _jsx(AgentSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'environment') && (_jsx("div", { id: "section-environment", className: "scroll-mt-18 rounded-lg", children: _jsx(EnvironmentSettingsSection, { settings: settings, availableEditors: availableEditors, availableShells: availableShells, availableTerminals: availableTerminals }) })), (activeTab === 'all' || activeTab === 'workflow') && (_jsx("div", { id: "section-workflow", className: "scroll-mt-18 rounded-lg", children: _jsx(WorkflowSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'ci') && (_jsx("div", { id: "section-ci", className: "scroll-mt-18 rounded-lg", children: _jsx(CiSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'stage-timeouts') && (_jsx("div", { id: "section-stage-timeouts", className: "scroll-mt-18 rounded-lg", children: _jsx(StageTimeoutsSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'notifications') && (_jsx("div", { id: "section-notifications", className: "scroll-mt-18 rounded-lg", children: _jsx(NotificationSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'feature-flags') && (_jsx("div", { id: "section-feature-flags", className: "scroll-mt-18 rounded-lg", children: _jsx(FeatureFlagsSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'interactive-agent') && (_jsx("div", { id: "section-interactive-agent", className: "scroll-mt-18 rounded-lg", children: _jsx(InteractiveAgentSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'fab-layout') && (_jsx("div", { id: "section-fab-layout", className: "scroll-mt-18 rounded-lg", children: _jsx(FabLayoutSettingsSection, { settings: settings }) })), (activeTab === 'all' || activeTab === 'database') && (_jsx("div", { id: "section-database", className: "scroll-mt-18 rounded-lg", children: _jsx(DatabaseSettingsSection, { shipitAiHome: shipitAiHome, dbFileSize: dbFileSize }) })), (activeTab === 'all' || activeTab === 'litellm-proxy') && (_jsxs("div", { id: "section-litellm-proxy", className: "scroll-mt-18 rounded-lg", children: [_jsx(LiteLLMProxySettingsSection, { settings: settings }), settings.litellmProxy?.baseUrl ? (_jsx(LiteLLMProxyRoutingSection, { settings: settings })) : null] }))] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"skills-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skills-page-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAeD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAyFjE"}
+{"version":3,"file":"skills-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/skills/skills-page-client.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAiB,SAAS,EAAe,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAeD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAqHjE"}

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

@@ -24,6 +24,7 @@ function computeCategoryCounts(skills) {
 export function SkillsPageClient({ skills }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [activeCategory, setActiveCategory] = useState(null);
+    const [sourceFilter, setSourceFilter] = useState(null);
     const [selectedSkill, setSelectedSkill] = useState(null);
     const categoryCounts = useMemo(() => computeCategoryCounts(skills), [skills]);
     const filteredSkills = useMemo(() => {
@@ -31,6 +32,8 @@ export function SkillsPageClient({ skills }) {
         return skills.filter((skill) => {
             if (activeCategory && skill.category !== activeCategory)
                 return false;
+            if (sourceFilter && skill.source !== sourceFilter)
+                return false;
             if (query) {
                 const matchesName = skill.name.toLowerCase().includes(query);
                 const matchesDescription = skill.description.toLowerCase().includes(query);
@@ -39,14 +42,15 @@ export function SkillsPageClient({ skills }) {
             }
             return true;
         });
-    }, [skills, searchQuery, activeCategory]);
+    }, [skills, searchQuery, activeCategory, sourceFilter]);
     const clearFilters = () => {
         setSearchQuery('');
         setActiveCategory(null);
+        setSourceFilter(null);
     };
     // No skills installed at all
     if (skills.length === 0) {
         return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: "Skills", description: "Claude Code skills installed in this project" }), _jsx(EmptyState, { icon: _jsx(Puzzle, { className: "size-10" }), title: "No skills found", description: "No Claude Code skills are installed. Add skills to .claude/skills/ to get started." })] }));
     }
-    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: "Skills", description: "Claude Code skills installed in this project" }), _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: "Search skills...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9" })] }), _jsx(CategoryFilter, { activeCategory: activeCategory, onCategoryChange: setActiveCategory, counts: categoryCounts }), filteredSkills.length > 0 ? (_jsx(SkillList, { skills: filteredSkills, onSkillSelect: setSelectedSkill })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: "No matching skills", description: "No skills match your current search and filter criteria.", action: _jsx(Button, { variant: "outline", onClick: clearFilters, children: "Clear filters" }) })), _jsx(SkillDetailDrawer, { skill: selectedSkill, onClose: () => setSelectedSkill(null) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: "Skills", description: "Claude Code skills installed in this project" }), _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: "Search skills...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9" })] }), _jsx(CategoryFilter, { activeCategory: activeCategory, onCategoryChange: setActiveCategory, counts: categoryCounts }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: sourceFilter === null ? 'default' : 'outline', size: "sm", onClick: () => setSourceFilter(null), children: "All Sources" }), _jsx(Button, { variant: sourceFilter === 'project' ? 'default' : 'outline', size: "sm", onClick: () => setSourceFilter('project'), children: "Project" }), _jsx(Button, { variant: sourceFilter === 'global' ? 'default' : 'outline', size: "sm", onClick: () => setSourceFilter('global'), children: "Global" })] }), filteredSkills.length > 0 ? (_jsx(SkillList, { skills: filteredSkills, onSkillSelect: setSelectedSkill })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: "No matching skills", description: "No skills match your current search and filter criteria.", action: _jsx(Button, { variant: "outline", onClick: clearFilters, children: "Clear filters" }) })), _jsx(SkillDetailDrawer, { skill: selectedSkill, onClose: () => setSelectedSkill(null) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tools-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tools-page-client.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iEAAiE,CAAC;AAEhG,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAkIvF"}
+{"version":3,"file":"tools-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/tools/tools-page-client.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iEAAiE,CAAC;AAEhG,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAqLvF"}

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

@@ -1,8 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
-import { Wrench } from 'lucide-react';
+import { useState, useCallback, useMemo } from 'react';
+import { Wrench, Search } from 'lucide-react';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
 import { cn } from '../../../lib/utils.js';
 import { ToolCard } from './tool-card.js';
 const TAB_FILTER = {
@@ -15,6 +17,8 @@ const TAB_FILTER = {
 export function ToolsPageClient({ tools: initialTools, className }) {
     const [tools, setTools] = useState(initialTools);
     const [activeTab, setActiveTab] = useState('all');
+    const [searchQuery, setSearchQuery] = useState('');
+    const [statusFilter, setStatusFilter] = useState(null);
     const refreshTools = useCallback(async () => {
         try {
             const res = await fetch('/api/tools');
@@ -27,9 +31,24 @@ export function ToolsPageClient({ tools: initialTools, className }) {
             // Silently ignore refresh errors; user can re-navigate to refresh
         }
     }, []);
-    const filtered = tools.filter(TAB_FILTER[activeTab]);
+    const filtered = useMemo(() => {
+        const query = searchQuery.toLowerCase();
+        return tools.filter((tool) => {
+            if (!TAB_FILTER[activeTab](tool))
+                return false;
+            if (statusFilter && tool.status.status !== statusFilter)
+                return false;
+            if (query) {
+                const matchesName = tool.name.toLowerCase().includes(query);
+                const matchesSummary = tool.summary.toLowerCase().includes(query);
+                if (!matchesName && !matchesSummary)
+                    return false;
+            }
+            return true;
+        });
+    }, [tools, activeTab, searchQuery, statusFilter]);
     const installedCount = tools.filter((t) => t.status.status === 'available').length;
-    return (_jsxs("div", { "data-testid": "tools-page-client", className: cn('space-y-8', className), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("span", { className: "text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase", children: "Developer Portal" }) }), _jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("h1", { className: "text-foreground text-3xl font-black tracking-tight", children: "Tools" }), _jsxs("span", { className: "text-muted-foreground text-sm font-medium", children: [installedCount, " of ", tools.length, " installed"] })] })] }), _jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), "data-testid": "tools-page-tabs", children: [_jsxs(TabsList, { "data-editorial": "true", className: "bg-card editorial-shadow h-10 p-1", children: [_jsx(TabsTrigger, { value: "all", "data-testid": "tools-tab-all", className: "cursor-pointer px-4 text-xs font-bold", children: "All" }), _jsx(TabsTrigger, { value: "ide", "data-testid": "tools-tab-ide", className: "cursor-pointer px-4 text-xs font-bold", children: "IDEs" }), _jsx(TabsTrigger, { value: "cli-agent", "data-testid": "tools-tab-cli-agent", className: "cursor-pointer px-4 text-xs font-bold", children: "CLI Agents" }), _jsx(TabsTrigger, { value: "vcs", "data-testid": "tools-tab-vcs", className: "cursor-pointer px-4 text-xs font-bold", children: "Version Control" }), _jsx(TabsTrigger, { value: "terminal", "data-testid": "tools-tab-terminal", className: "cursor-pointer px-4 text-xs font-bold", children: "Terminals" })] }), _jsx(TabsContent, { value: activeTab, className: "mt-6", children: filtered.length === 0 ? (_jsxs("div", { "data-testid": "tools-page-empty", className: "text-muted-foreground flex flex-col items-center justify-center py-16 text-center", children: [_jsx(Wrench, { className: "mb-3 h-8 w-8 opacity-20" }), _jsx("p", { className: "text-sm", children: "No tools in this category." })] })) : (_jsx("div", { "data-testid": "tools-page-grid", 
+    return (_jsxs("div", { "data-testid": "tools-page-client", className: cn('space-y-8', className), children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("span", { className: "text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase", children: "Developer Portal" }) }), _jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("h1", { className: "text-foreground text-3xl font-black tracking-tight", children: "Tools" }), _jsxs("span", { className: "text-muted-foreground text-sm font-medium", children: [installedCount, " of ", tools.length, " installed"] })] })] }), _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: "Search tools...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9", "data-testid": "tool-search" })] }), _jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), "data-testid": "tools-page-tabs", children: [_jsxs(TabsList, { "data-editorial": "true", className: "bg-card editorial-shadow h-10 p-1", children: [_jsx(TabsTrigger, { value: "all", "data-testid": "tools-tab-all", className: "cursor-pointer px-4 text-xs font-bold", children: "All" }), _jsx(TabsTrigger, { value: "ide", "data-testid": "tools-tab-ide", className: "cursor-pointer px-4 text-xs font-bold", children: "IDEs" }), _jsx(TabsTrigger, { value: "cli-agent", "data-testid": "tools-tab-cli-agent", className: "cursor-pointer px-4 text-xs font-bold", children: "CLI Agents" }), _jsx(TabsTrigger, { value: "vcs", "data-testid": "tools-tab-vcs", className: "cursor-pointer px-4 text-xs font-bold", children: "Version Control" }), _jsx(TabsTrigger, { value: "terminal", "data-testid": "tools-tab-terminal", className: "cursor-pointer px-4 text-xs font-bold", children: "Terminals" })] }), _jsxs("div", { className: "mt-4 flex flex-wrap gap-2", "data-testid": "tools-status-filter", children: [_jsx(Button, { variant: statusFilter === null ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter(null), children: "All" }), _jsx(Button, { variant: statusFilter === 'available' ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter('available'), children: "Installed" }), _jsx(Button, { variant: statusFilter === 'missing' ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter('missing'), children: "Not Installed" })] }), _jsx(TabsContent, { value: activeTab, className: "mt-6", children: filtered.length === 0 ? (_jsxs("div", { "data-testid": "tools-page-empty", className: "text-muted-foreground flex flex-col items-center justify-center py-16 text-center", children: [_jsx(Wrench, { className: "mb-3 h-8 w-8 opacity-20" }), _jsx("p", { className: "text-sm", children: "No tools in this category." })] })) : (_jsx("div", { "data-testid": "tools-page-grid", 
                             // Editorial density: 3 columns max so cards stay wide enough to
                             // give the Stitch "magazine" feel. Previously xl:grid-cols-4 which
                             // squeezed cards and reduced background-vs-card contrast.

package/dist/translations/ar/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "الوكيل التفاعلي",

package/dist/translations/de/web.json

@@ -212,7 +212,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Interaktiver Agent",

package/dist/translations/en/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Interactive Agent",

package/dist/translations/es/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Agente interactivo",

package/dist/translations/fr/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Agent interactif",

package/dist/translations/he/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "סוכן אינטראקטיבי",

package/dist/translations/pt/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Agente Interativo",

package/dist/translations/ru/web.json

@@ -226,7 +226,29 @@
       "hint": "Connect to a LiteLLM proxy to browse and install Claude Code plugins from your organization's curated marketplace.",
       "testConnection": "Test Connection",
       "testSuccess": "Connection successful",
-      "testFailed": "Connection failed"
+      "testFailed": "Connection failed",
+      "routing": {
+        "title": "Proxy Routing (Claude Code)",
+        "description": "Configure how Claude Code routes API traffic through LiteLLM",
+        "hint": "Control whether Claude Code uses the LiteLLM proxy for API requests. Supports full proxy routing, passthrough for Max/BYOK subscriptions, and model overrides.",
+        "mode": "Routing Mode",
+        "modeDescription": "How Claude Code routes API traffic",
+        "modeDirect": "Direct (own subscription)",
+        "modeProxy": "Proxy (full routing)",
+        "modePassthrough": "Passthrough (Max/BYOK)",
+        "passthroughHelp": "Passthrough mode requires the LiteLLM proxy to have forward_client_headers_to_llm_api or forward_llm_provider_auth_headers enabled.",
+        "customHeaders": "Custom Headers",
+        "customHeadersDescription": "Newline-separated headers for cost attribution (e.g., x-litellm-customer-id: user-123)",
+        "sonnetModel": "Sonnet Model Override",
+        "haikuModel": "Haiku Model Override",
+        "opusModel": "Opus Model Override",
+        "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": {
       "title": "Интерактивный агент",