@shipit-ai/cli 1.170.0 → 1.171.0-pr15.c970346

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

@@ -1 +1 @@
-{"version":3,"file":"plugins-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugins-page-client.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CA0M1F"}
+{"version":3,"file":"plugins-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/plugins/plugins-page-client.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CAiP1F"}

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

@@ -19,6 +19,7 @@ export function PluginsPageClient({ proxyConfigured, isClaudeCode }) {
     const [, startTransition] = useTransition();
     const [searchQuery, setSearchQuery] = useState('');
     const [activeCategory, setActiveCategory] = useState(null);
+    const [statusFilter, setStatusFilter] = useState(null);
     const [selectedPlugin, setSelectedPlugin] = useState(null);
     const [plugins, setPlugins] = useState([]);
     const [installedPlugins, setInstalledPlugins] = useState([]);
@@ -47,6 +48,13 @@ export function PluginsPageClient({ proxyConfigured, isClaudeCode }) {
         return plugins.filter((p) => {
             if (activeCategory && p.category !== activeCategory)
                 return false;
+            if (statusFilter) {
+                const isInstalled = !!installedPlugins.find((ip) => ip.id.startsWith(`${p.name}@`));
+                if (statusFilter === 'installed' && !isInstalled)
+                    return false;
+                if (statusFilter === 'not-installed' && isInstalled)
+                    return false;
+            }
             if (query) {
                 const matchesName = p.name.toLowerCase().includes(query);
                 const matchesDescription = p.description.toLowerCase().includes(query);
@@ -55,7 +63,7 @@ export function PluginsPageClient({ proxyConfigured, isClaudeCode }) {
             }
             return true;
         });
-    }, [plugins, searchQuery, activeCategory]);
+    }, [plugins, searchQuery, activeCategory, statusFilter, installedPlugins]);
     const getInstalled = (pluginName) => installedPlugins.find((ip) => ip.id.startsWith(`${pluginName}@`));
     const handleInstall = (pluginName) => {
         startTransition(async () => {
@@ -108,8 +116,9 @@ export function PluginsPageClient({ proxyConfigured, isClaudeCode }) {
     if (plugins.length === 0) {
         return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsx(EmptyState, { icon: _jsx(Blocks, { className: "size-10" }), title: t('plugins.emptyState') })] }));
     }
-    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { placeholder: t('plugins.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9", "data-testid": "plugin-search" })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: activeCategory === null ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(null), children: t('plugins.allCategories') }), categories.map((cat) => (_jsx(Button, { variant: activeCategory === cat ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(cat === activeCategory ? null : cat), children: cat }, cat)))] }), filteredPlugins.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPlugins.map((plugin) => (_jsx(PluginCard, { plugin: plugin, installed: getInstalled(plugin.name), onSelect: setSelectedPlugin, onToggle: handleToggle }, plugin.name))) })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: t('plugins.emptyState'), action: _jsx(Button, { variant: "outline", onClick: () => {
+    return (_jsxs("div", { className: "flex flex-col gap-8 p-8", children: [_jsx(PageHeader, { eyebrow: "Developer Portal", title: t('plugins.title') }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2" }), _jsx(Input, { placeholder: t('plugins.searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "ps-9", "data-testid": "plugin-search" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: activeCategory === null ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(null), children: t('plugins.allCategories') }), categories.map((cat) => (_jsx(Button, { variant: activeCategory === cat ? 'default' : 'outline', size: "sm", onClick: () => setActiveCategory(cat === activeCategory ? null : cat), children: cat }, cat)))] }), _jsx("div", { className: "bg-border h-6 w-px" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: statusFilter === null ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter(null), children: "All Status" }), _jsx(Button, { variant: statusFilter === 'installed' ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter(statusFilter === 'installed' ? null : 'installed'), children: t('plugins.installed') }), _jsx(Button, { variant: statusFilter === 'not-installed' ? 'default' : 'outline', size: "sm", onClick: () => setStatusFilter(statusFilter === 'not-installed' ? null : 'not-installed'), children: t('plugins.notInstalled') })] })] }), filteredPlugins.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPlugins.map((plugin) => (_jsx(PluginCard, { plugin: plugin, installed: getInstalled(plugin.name), onSelect: setSelectedPlugin, onToggle: handleToggle }, plugin.name))) })) : (_jsx(EmptyState, { icon: _jsx(Search, { className: "size-10" }), title: t('plugins.emptyState'), action: _jsx(Button, { variant: "outline", onClick: () => {
                         setSearchQuery('');
                         setActiveCategory(null);
+                        setStatusFilter(null);
                     }, children: t('plugins.clearFilters') }) })), _jsx(PluginDetailDrawer, { plugin: selectedPlugin, installed: selectedPlugin ? getInstalled(selectedPlugin.name) : undefined, open: !!selectedPlugin, onClose: () => setSelectedPlugin(null), onInstall: handleInstall, onUninstall: handleUninstall })] }));
 }

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,2CA6IzF"}
+{"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"}

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

@@ -56,7 +56,9 @@ export function FeatureFlagsSettingsSection({ settings }) {
                     const newFlags = { ...flags, reactFileManager: v };
                     setFlags(newFlags);
                     save({ featureFlags: newFlags });
-                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.plugins'), description: t('settings.featureFlags.pluginsDescription'), tooltip: "Enables the Plugins page for browsing and managing Claude Code plugins from a LiteLLM marketplace.", id: "flag-plugins", testId: "switch-flag-plugins", checked: flags.plugins, onChange: (v) => {
+                } }), _jsx(SwitchRow, { label: t('settings.featureFlags.plugins'), description: settings.litellmProxy?.baseUrl
+                    ? t('settings.featureFlags.pluginsDescription')
+                    : `${t('settings.featureFlags.pluginsDescription')} — ${t('plugins.noProxy')}`, tooltip: "Enables the Plugins page for browsing and managing Claude Code plugins from a LiteLLM marketplace. Requires a LiteLLM proxy URL to be configured.", id: "flag-plugins", testId: "switch-flag-plugins", checked: flags.plugins, disabled: !settings.litellmProxy?.baseUrl, onChange: (v) => {
                     const newFlags = { ...flags, plugins: v };
                     setFlags(newFlags);
                     save({ featureFlags: newFlags });

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

@@ -0,0 +1,6 @@
+import type { Settings } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface LiteLLMProxyRoutingSectionProps {
+    settings: Settings;
+}
+export declare function LiteLLMProxyRoutingSection({ settings }: LiteLLMProxyRoutingSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=litellm-proxy-routing-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"litellm-proxy-routing-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/litellm-proxy-routing-section.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAaxE,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,+BAA+B,2CAwLvF"}

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

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useTransition } from 'react';
+import { Route } from 'lucide-react';
+import { toast } from 'sonner';
+import { useTranslation } from 'react-i18next';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+import { LiteLLMProxyRoutingMode } from '../../../../../../packages/core/src/domain/generated/output.js';
+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';
+export function LiteLLMProxyRoutingSection({ settings }) {
+    const { t } = useTranslation('web');
+    const [, startTransition] = useTransition();
+    const cc = settings.litellmProxy?.claudeCode;
+    const [routingMode, setRoutingMode] = useState(cc?.routingMode ?? LiteLLMProxyRoutingMode.direct);
+    const [customHeaders, setCustomHeaders] = useState(cc?.customHeaders ?? '');
+    const [sonnetModel, setSonnetModel] = useState(cc?.sonnetModel ?? '');
+    const [haikuModel, setHaikuModel] = useState(cc?.haikuModel ?? '');
+    const [opusModel, setOpusModel] = useState(cc?.opusModel ?? '');
+    const originalCustomHeaders = cc?.customHeaders ?? '';
+    const originalSonnetModel = cc?.sonnetModel ?? '';
+    const originalHaikuModel = cc?.haikuModel ?? '';
+    const originalOpusModel = cc?.opusModel ?? '';
+    const showProxyFields = routingMode !== LiteLLMProxyRoutingMode.direct;
+    function save(payload) {
+        startTransition(async () => {
+            const result = await updateSettingsAction(payload);
+            if (!result.success) {
+                toast.error(result.error ?? t('settings.failedToSave'));
+            }
+        });
+    }
+    function buildPayload(overrides) {
+        return {
+            litellmProxy: {
+                claudeCode: {
+                    routingMode: overrides?.routingMode ?? routingMode,
+                    customHeaders: overrides?.customHeaders ?? customHeaders,
+                    sonnetModel: overrides?.sonnetModel ?? sonnetModel,
+                    haikuModel: overrides?.haikuModel ?? haikuModel,
+                    opusModel: overrides?.opusModel ?? opusModel,
+                },
+            },
+        };
+    }
+    function handleModeChange(value) {
+        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: () => {
+                                if (customHeaders !== originalCustomHeaders) {
+                                    save(buildPayload({ customHeaders }));
+                                }
+                            }, rows: 3, className: "w-64 text-xs" }) }), _jsx(SettingsRow, { label: t('settings.litellmProxy.routing.sonnetModel'), description: t('settings.litellmProxy.routing.modelOverrideDescription'), htmlFor: "litellm-sonnet-model", children: _jsx(Input, { id: "litellm-sonnet-model", "data-testid": "litellm-sonnet-model-input", type: "text", placeholder: "claude-sonnet-4-6", value: sonnetModel, onChange: (e) => setSonnetModel(e.target.value), onBlur: () => {
+                                if (sonnetModel !== originalSonnetModel) {
+                                    save(buildPayload({ sonnetModel }));
+                                }
+                            }, className: "w-64 text-xs" }) }), _jsx(SettingsRow, { label: t('settings.litellmProxy.routing.haikuModel'), htmlFor: "litellm-haiku-model", children: _jsx(Input, { id: "litellm-haiku-model", "data-testid": "litellm-haiku-model-input", type: "text", placeholder: "claude-haiku-4-5", value: haikuModel, onChange: (e) => setHaikuModel(e.target.value), onBlur: () => {
+                                if (haikuModel !== originalHaikuModel) {
+                                    save(buildPayload({ haikuModel }));
+                                }
+                            }, className: "w-64 text-xs" }) }), _jsx(SettingsRow, { label: t('settings.litellmProxy.routing.opusModel'), htmlFor: "litellm-opus-model", children: _jsx(Input, { id: "litellm-opus-model", "data-testid": "litellm-opus-model-input", type: "text", placeholder: "claude-opus-4-6", value: opusModel, onChange: (e) => setOpusModel(e.target.value), onBlur: () => {
+                                if (opusModel !== originalOpusModel) {
+                                    save(buildPayload({ opusModel }));
+                                }
+                            }, className: "w-64 text-xs" }) })] })) : null] }));
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { LiteLLMProxyRoutingSection } from './litellm-proxy-routing-section.js';
+declare const meta: {
+    title: string;
+    component: typeof LiteLLMProxyRoutingSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DirectMode: Story;
+export declare const ProxyMode: Story;
+export declare const PassthroughMode: 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

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

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

@@ -0,0 +1,64 @@
+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;
+export const DirectMode = {
+    args: {
+        settings: {
+            ...baseSettings,
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                claudeCode: {
+                    routingMode: LiteLLMProxyRoutingMode.direct,
+                },
+            },
+        },
+    },
+};
+export const ProxyMode = {
+    args: {
+        settings: {
+            ...baseSettings,
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                claudeCode: {
+                    routingMode: LiteLLMProxyRoutingMode.proxy,
+                    customHeaders: 'x-litellm-customer-id: user-123\nx-litellm-tags: project:acme',
+                    sonnetModel: 'claude-sonnet-4-6',
+                    haikuModel: 'claude-haiku-4-5',
+                    opusModel: 'claude-opus-4-6',
+                },
+            },
+        },
+    },
+};
+export const PassthroughMode = {
+    args: {
+        settings: {
+            ...baseSettings,
+            litellmProxy: {
+                ...baseSettings.litellmProxy,
+                claudeCode: {
+                    routingMode: LiteLLMProxyRoutingMode.passthrough,
+                    sonnetModel: 'claude-sonnet-4-6',
+                },
+            },
+        },
+    },
+};

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,24 @@
       "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"
+      }
     },
     "interactiveAgent": {
       "title": "الوكيل التفاعلي",

package/dist/translations/de/web.json

@@ -212,7 +212,24 @@
       "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"
+      }
     },
     "interactiveAgent": {
       "title": "Interaktiver Agent",

package/dist/translations/en/web.json

@@ -226,7 +226,24 @@
       "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"
+      }
     },
     "interactiveAgent": {
       "title": "Interactive Agent",

package/dist/translations/es/web.json

@@ -226,7 +226,24 @@
       "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"
+      }
     },
     "interactiveAgent": {
       "title": "Agente interactivo",

package/dist/translations/fr/web.json

@@ -226,7 +226,24 @@
       "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"
+      }
     },
     "interactiveAgent": {
       "title": "Agent interactif",