@jupyterlite/ai 0.18.0 → 0.19.0

package/lib/widgets/main-area-chat.d.ts

@@ -28,3 +28,4 @@ export declare class MainAreaChat extends MainAreaWidget<ChatWidget> {
     private _titleChanged;
     private _outputAreaCompat;
 }
+//# sourceMappingURL=main-area-chat.d.ts.map

package/lib/widgets/provider-config-dialog.d.ts

@@ -1,6 +1,6 @@
+import type { IProviderConfig, IProviderRegistry } from '@jupyternaut/agent';
 import type { TranslationBundle } from '@jupyterlab/translation';
 import React from 'react';
-import type { IProviderConfig, IProviderRegistry } from '../tokens';
 interface IProviderConfigDialogProps {
     open: boolean;
     onClose: () => void;
@@ -13,3 +13,4 @@ interface IProviderConfigDialogProps {
 }
 export declare const ProviderConfigDialog: React.FC<IProviderConfigDialogProps>;
 export {};
+//# sourceMappingURL=provider-config-dialog.d.ts.map

package/lib/widgets/provider-config-dialog.js

@@ -1,10 +1,12 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getProviderModelInfo } from '@jupyternaut/agent';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 import Delete from '@mui/icons-material/Delete';
 import Visibility from '@mui/icons-material/Visibility';
 import VisibilityOff from '@mui/icons-material/VisibilityOff';
 import { Accordion, AccordionDetails, AccordionSummary, Autocomplete, Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, FormControl, FormControlLabel, IconButton, InputAdornment, InputLabel, List, ListItem, ListItemText, MenuItem, Select, Slider, Switch, TextField, Typography } from '@mui/material';
 import React from 'react';
-import { getProviderModelInfo } from '../providers/model-info';
 /**
  * Default parameter values for provider configuration
  */
@@ -188,32 +190,26 @@ export const ProviderConfigDialog = ({ open, onClose, onSave, initialConfig, mod
     }, [customSettings, updateCustomSetting]);
     const renderDomainList = React.useCallback((fieldId, label, placeholder, values) => {
         const domainValues = toStringArray(values);
-        return (React.createElement(Box, null,
-            React.createElement(Typography, { variant: "body2", gutterBottom: true }, label),
-            React.createElement(List, { dense: true, sx: {
-                    mb: 1,
-                    maxHeight: 160,
-                    overflow: 'auto',
-                    border: 1,
-                    borderColor: 'divider',
-                    borderRadius: 1
-                } }, domainValues.length === 0 ? (React.createElement(ListItem, null,
-                React.createElement(ListItemText, { secondary: trans.__('No domains added.'), slotProps: {
-                        secondary: {
-                            color: 'text.secondary'
+        return (_jsxs(Box, { children: [_jsx(Typography, { variant: "body2", gutterBottom: true, children: label }), _jsx(List, { dense: true, sx: {
+                        mb: 1,
+                        maxHeight: 160,
+                        overflow: 'auto',
+                        border: 1,
+                        borderColor: 'divider',
+                        borderRadius: 1
+                    }, children: domainValues.length === 0 ? (_jsx(ListItem, { children: _jsx(ListItemText, { secondary: trans.__('No domains added.'), slotProps: {
+                                secondary: {
+                                    color: 'text.secondary'
+                                }
+                            } }) })) : (domainValues.map(value => (_jsx(ListItem, { secondaryAction: _jsx(IconButton, { onClick: () => removeDomainValue(fieldId, value), size: "small", children: _jsx(Delete, { fontSize: "small" }) }), children: _jsx(ListItemText, { primary: value }) }, value)))) }), _jsx(TextField, { fullWidth: true, size: "small", label: trans.__('Add Domain'), value: domainInputs[fieldId], onChange: e => setDomainInputs(prev => ({
+                        ...prev,
+                        [fieldId]: e.target.value
+                    })), onKeyDown: e => {
+                        if (e.key === 'Enter') {
+                            e.preventDefault();
+                            addDomainValue(fieldId);
                         }
-                    } }))) : (domainValues.map(value => (React.createElement(ListItem, { key: value, secondaryAction: React.createElement(IconButton, { onClick: () => removeDomainValue(fieldId, value), size: "small" },
-                    React.createElement(Delete, { fontSize: "small" })) },
-                React.createElement(ListItemText, { primary: value })))))),
-            React.createElement(TextField, { fullWidth: true, size: "small", label: trans.__('Add Domain'), value: domainInputs[fieldId], onChange: e => setDomainInputs(prev => ({
-                    ...prev,
-                    [fieldId]: e.target.value
-                })), onKeyDown: e => {
-                    if (e.key === 'Enter') {
-                        e.preventDefault();
-                        addDomainValue(fieldId);
-                    }
-                }, placeholder: placeholder, helperText: trans.__('Press Enter to add one domain.') })));
+                    }, placeholder: placeholder, helperText: trans.__('Press Enter to add one domain.') })] }));
     }, [addDomainValue, domainInputs, removeDomainValue, trans]);
     const handleSave = () => {
         if (!name.trim() || !provider || !model) {
@@ -240,145 +236,84 @@ export const ProviderConfigDialog = ({ open, onClose, onSave, initialConfig, mod
         provider &&
         model &&
         (selectedProvider?.apiKeyRequirement !== 'required' || apiKey);
-    return (React.createElement(Dialog, { open: open, onClose: onClose, maxWidth: "md", fullWidth: true },
-        React.createElement(DialogTitle, null, mode === 'add'
-            ? trans.__('Add New Provider')
-            : trans.__('Edit Provider')),
-        React.createElement(DialogContent, null,
-            React.createElement(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2, pt: 1 } },
-                React.createElement(TextField, { fullWidth: true, label: trans.__('Provider Name'), value: name, onChange: e => setName(e.target.value), placeholder: trans.__('e.g., My Anthropic Config, Work Provider'), helperText: trans.__('A friendly name to identify this provider configuration'), required: true }),
-                React.createElement(FormControl, { fullWidth: true, required: true },
-                    React.createElement(InputLabel, null, trans.__('Provider Type')),
-                    React.createElement(Select, { value: provider, label: trans.__('Provider Type'), onChange: e => handleProviderChange(e.target.value) }, providerOptions.map(option => (React.createElement(MenuItem, { key: option.value, value: option.value },
-                        React.createElement(Box, null,
-                            React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 } },
-                                option.label,
-                                option.apiKeyRequirement === 'required' && (React.createElement(Chip, { size: "small", label: trans.__('API Key'), color: "default", variant: "outlined" }))),
-                            option.description && (React.createElement(Typography, { variant: "caption", color: "text.secondary" }, option.description)))))))),
-                React.createElement(Autocomplete, { freeSolo: true, fullWidth: true, options: selectedProvider?.models ?? [], value: model, onChange: (_, value) => {
-                        setModel(typeof value === 'string' ? value : '');
-                    }, inputValue: model, onInputChange: (_, value) => {
-                        setModel(value);
-                    }, renderInput: params => (React.createElement(TextField, { ...params, fullWidth: true, label: trans.__('Model'), placeholder: trans.__('Select or type a model ID'), required: true, helperText: trans.__('Choose from the list or enter a custom model ID') })), clearOnBlur: false }),
-                selectedProvider &&
-                    selectedProvider?.apiKeyRequirement !== 'none' && (React.createElement(TextField, { fullWidth: true, inputRef: handleRef, label: selectedProvider?.apiKeyRequirement === 'required'
-                        ? trans.__('API Key')
-                        : trans.__('API Key (Optional)'), type: showApiKey ? 'text' : 'password', value: apiKey, onChange: e => setApiKey(e.target.value), placeholder: trans.__('Enter your API key...'), required: selectedProvider?.apiKeyRequirement === 'required', InputProps: {
-                        endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                            React.createElement(IconButton, { onClick: () => setShowApiKey(!showApiKey), edge: "end" }, showApiKey ? React.createElement(VisibilityOff, null) : React.createElement(Visibility, null))))
-                    } })),
-                selectedProvider?.supportsBaseURL && (React.createElement(Autocomplete, { freeSolo: true, fullWidth: true, options: (selectedProvider.baseUrls ?? []).map(option => option.url), value: baseURL || '', onChange: (_, value) => {
-                        if (value && typeof value === 'string') {
-                            setBaseURL(value);
-                        }
-                    }, inputValue: baseURL || '', renderOption: (props, option) => {
-                        const urlOption = (selectedProvider.baseUrls ?? []).find(u => u.url === option);
-                        return (React.createElement(Box, { component: "li", ...props, key: option },
-                            React.createElement(Box, null,
-                                React.createElement(Typography, { variant: "body2" }, option),
-                                urlOption?.description && (React.createElement(Typography, { variant: "caption", color: "text.secondary" }, urlOption.description)))));
-                    }, renderInput: params => (React.createElement(TextField, { ...params, fullWidth: true, label: trans.__('Base URL'), placeholder: "https://api.example.com/v1", onChange: e => setBaseURL(e.target.value) })), clearOnBlur: false })),
-                React.createElement(Accordion, { expanded: expandedAdvanced, onChange: (_, isExpanded) => setExpandedAdvanced(isExpanded), sx: {
-                        mt: 2,
-                        bgcolor: 'transparent',
-                        boxShadow: 'none',
-                        border: 1,
-                        borderColor: 'divider',
-                        borderRadius: 1
-                    } },
-                    React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMore, null) },
-                        React.createElement(Typography, { variant: "subtitle1", fontWeight: "medium" }, trans.__('Advanced Settings'))),
-                    React.createElement(AccordionDetails, { sx: { bgcolor: 'transparent' } },
-                        React.createElement(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2 } },
-                            React.createElement(Box, null,
-                                React.createElement(Typography, { gutterBottom: true }, trans.__('Temperature: %1', parameters.temperature ?? trans.__('Default'))),
-                                React.createElement(Slider, { value: parameters.temperature ?? DEFAULT_TEMPERATURE, onChange: (_, value) => setParameters({
-                                        ...parameters,
-                                        temperature: value
-                                    }), min: 0, max: 2, step: 0.1, valueLabelDisplay: "auto" }),
-                                React.createElement(Typography, { variant: "caption", color: "text.secondary" }, trans.__('Temperature for the model (lower values are more deterministic)'))),
-                            React.createElement(TextField, { fullWidth: true, label: trans.__('Max Tokens (Optional)'), type: "number", value: parameters.maxOutputTokens ?? '', onChange: e => setParameters({
-                                    ...parameters,
-                                    maxOutputTokens: e.target.value
-                                        ? Number(e.target.value)
-                                        : undefined
-                                }), placeholder: trans.__('Leave empty for provider default'), helperText: trans.__('Maximum length of AI responses'), slotProps: { htmlInput: { min: 1 } } }),
-                            React.createElement(TextField, { fullWidth: true, label: trans.__('Max Turns (Optional)'), type: "number", value: parameters.maxTurns ?? '', onChange: e => setParameters({
-                                    ...parameters,
-                                    maxTurns: e.target.value
-                                        ? Number(e.target.value)
-                                        : undefined
-                                }), placeholder: trans.__('Default: %1', DEFAULT_MAX_TURNS), helperText: trans.__('Maximum number of tool execution turns'), slotProps: { htmlInput: { min: 1, max: 100 } } }),
-                            React.createElement(TextField, { fullWidth: true, label: trans.__('Context Window (Optional)'), type: "number", value: parameters.contextWindow ?? '', onChange: e => setParameters({
-                                    ...parameters,
-                                    contextWindow: e.target.value
-                                        ? Number(e.target.value)
-                                        : undefined
-                                }), placeholder: selectedModelInfo?.contextWindow !== undefined
-                                    ? trans.__('Default: %1', selectedModelInfo.contextWindow.toLocaleString())
-                                    : trans.__('e.g., 128000'), helperText: selectedModelInfo?.contextWindow !== undefined &&
-                                    parameters.contextWindow === undefined
-                                    ? trans.__('Using provider metadata default of %1 tokens for this model unless you override it here.', selectedModelInfo.contextWindow.toLocaleString())
-                                    : trans.__('Model context window size in tokens (used for context usage estimation)'), slotProps: { htmlInput: { min: 1 } } }),
-                            React.createElement(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 2, mb: 1 } }, trans.__('Completion Options')),
-                            React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: parameters.supportsFillInMiddle ?? false, onChange: e => setParameters({
-                                        ...parameters,
-                                        supportsFillInMiddle: e.target.checked
-                                    }) }), label: trans.__('Fill-in-the-middle support') }),
-                            React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: parameters.useFilterText ?? false, onChange: e => setParameters({
-                                        ...parameters,
-                                        useFilterText: e.target.checked
-                                    }) }), label: trans.__('Use filter text') }),
-                            (supportsWebSearch || supportsWebFetch) && (React.createElement(React.Fragment, null,
-                                React.createElement(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 2, mb: 1 } }, trans.__('Provider Web Tools')),
-                                supportsWebSearch && (React.createElement(React.Fragment, null,
-                                    React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: webSearchSettings.enabled === true, onChange: e => updateCustomSetting('webSearch', 'enabled', e.target.checked) }), label: trans.__('Enable Web Search') }),
-                                    webSearchSettings.enabled === true && (React.createElement(Box, { sx: {
-                                            pl: 2,
-                                            borderLeft: 2,
-                                            borderColor: 'divider',
-                                            display: 'flex',
-                                            flexDirection: 'column',
-                                            gap: 1.5
-                                        } },
-                                        (webSearchImplementation === 'openai' ||
-                                            webSearchImplementation === 'anthropic') &&
-                                            renderDomainList('webSearch.allowedDomains', trans.__('Allowed Domains'), trans.__('example.com'), webSearchSettings.allowedDomains),
-                                        webSearchImplementation === 'openai' && (React.createElement(React.Fragment, null,
-                                            React.createElement(FormControl, { fullWidth: true },
-                                                React.createElement(InputLabel, null, trans.__('Search Context Size')),
-                                                React.createElement(Select, { value: webSearchSettings.searchContextSize ??
-                                                        'medium', label: trans.__('Search Context Size'), onChange: e => updateCustomSetting('webSearch', 'searchContextSize', e.target.value) },
-                                                    React.createElement(MenuItem, { value: "low" }, trans.__('Low')),
-                                                    React.createElement(MenuItem, { value: "medium" }, trans.__('Medium')),
-                                                    React.createElement(MenuItem, { value: "high" }, trans.__('High')))),
-                                            React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: webSearchSettings.externalWebAccess !==
-                                                        false, onChange: e => updateCustomSetting('webSearch', 'externalWebAccess', e.target.checked) }), label: trans.__('Use External Web Access') }))),
-                                        webSearchImplementation === 'anthropic' && (React.createElement(React.Fragment, null,
-                                            React.createElement(TextField, { fullWidth: true, label: trans.__('Web Search Max Uses'), type: "number", value: webSearchSettings.maxUses ?? '', onChange: e => updateCustomSetting('webSearch', 'maxUses', e.target.value
-                                                    ? Number(e.target.value)
-                                                    : undefined), slotProps: { htmlInput: { min: 1 } } }),
-                                            renderDomainList('webSearch.blockedDomains', trans.__('Blocked Domains'), trans.__('spam.example.com'), webSearchSettings.blockedDomains))))))),
-                                supportsWebFetch && (React.createElement(React.Fragment, null,
-                                    React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: webFetchSettings.enabled === true, onChange: e => updateCustomSetting('webFetch', 'enabled', e.target.checked) }), label: trans.__('Enable Web Fetch') }),
-                                    webFetchSettings.enabled === true && (React.createElement(Box, { sx: {
-                                            pl: 2,
-                                            borderLeft: 2,
-                                            borderColor: 'divider',
-                                            display: 'flex',
-                                            flexDirection: 'column',
-                                            gap: 1.5
-                                        } },
-                                        React.createElement(TextField, { fullWidth: true, label: trans.__('Web Fetch Max Uses'), type: "number", value: webFetchSettings.maxUses ?? '', onChange: e => updateCustomSetting('webFetch', 'maxUses', e.target.value
-                                                ? Number(e.target.value)
-                                                : undefined), slotProps: { htmlInput: { min: 1 } } }),
-                                        React.createElement(TextField, { fullWidth: true, label: trans.__('Web Fetch Max Content Tokens'), type: "number", value: webFetchSettings.maxContentTokens ?? '', onChange: e => updateCustomSetting('webFetch', 'maxContentTokens', e.target.value
-                                                ? Number(e.target.value)
-                                                : undefined), slotProps: { htmlInput: { min: 1 } } }),
-                                        renderDomainList('webFetch.allowedDomains', trans.__('Allowed Domains'), trans.__('docs.example.com'), webFetchSettings.allowedDomains),
-                                        renderDomainList('webFetch.blockedDomains', trans.__('Blocked Domains'), trans.__('spam.example.com'), webFetchSettings.blockedDomains),
-                                        React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: webFetchSettings.citationsEnabled === true, onChange: e => updateCustomSetting('webFetch', 'citationsEnabled', e.target.checked) }), label: trans.__('Enable Citations') })))))))))))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: onClose }, trans.__('Cancel')),
-            React.createElement(Button, { onClick: handleSave, variant: "contained", disabled: !isValid }, mode === 'add' ? trans.__('Add Provider') : trans.__('Save Changes')))));
+    return (_jsxs(Dialog, { open: open, onClose: onClose, maxWidth: "md", fullWidth: true, children: [_jsx(DialogTitle, { children: mode === 'add'
+                    ? trans.__('Add New Provider')
+                    : trans.__('Edit Provider') }), _jsx(DialogContent, { children: _jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2, pt: 1 }, children: [_jsx(TextField, { fullWidth: true, label: trans.__('Provider Name'), value: name, onChange: e => setName(e.target.value), placeholder: trans.__('e.g., My Anthropic Config, Work Provider'), helperText: trans.__('A friendly name to identify this provider configuration'), required: true }), _jsxs(FormControl, { fullWidth: true, required: true, children: [_jsx(InputLabel, { children: trans.__('Provider Type') }), _jsx(Select, { value: provider, label: trans.__('Provider Type'), onChange: e => handleProviderChange(e.target.value), children: providerOptions.map(option => (_jsx(MenuItem, { value: option.value, children: _jsxs(Box, { children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [option.label, option.apiKeyRequirement === 'required' && (_jsx(Chip, { size: "small", label: trans.__('API Key'), color: "default", variant: "outlined" }))] }), option.description && (_jsx(Typography, { variant: "caption", color: "text.secondary", children: option.description }))] }) }, option.value))) })] }), _jsx(Autocomplete, { freeSolo: true, fullWidth: true, options: selectedProvider?.models ?? [], value: model, onChange: (_, value) => {
+                                setModel(typeof value === 'string' ? value : '');
+                            }, inputValue: model, onInputChange: (_, value) => {
+                                setModel(value);
+                            }, renderInput: params => (_jsx(TextField, { ...params, fullWidth: true, label: trans.__('Model'), placeholder: trans.__('Select or type a model ID'), required: true, helperText: trans.__('Choose from the list or enter a custom model ID') })), clearOnBlur: false }), selectedProvider &&
+                            selectedProvider?.apiKeyRequirement !== 'none' && (_jsx(TextField, { fullWidth: true, inputRef: handleRef, label: selectedProvider?.apiKeyRequirement === 'required'
+                                ? trans.__('API Key')
+                                : trans.__('API Key (Optional)'), type: showApiKey ? 'text' : 'password', value: apiKey, onChange: e => setApiKey(e.target.value), placeholder: trans.__('Enter your API key...'), required: selectedProvider?.apiKeyRequirement === 'required', InputProps: {
+                                endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: () => setShowApiKey(!showApiKey), edge: "end", children: showApiKey ? _jsx(VisibilityOff, {}) : _jsx(Visibility, {}) }) }))
+                            } })), selectedProvider?.supportsBaseURL && (_jsx(Autocomplete, { freeSolo: true, fullWidth: true, options: (selectedProvider.baseUrls ?? []).map(option => option.url), value: baseURL || '', onChange: (_, value) => {
+                                if (value && typeof value === 'string') {
+                                    setBaseURL(value);
+                                }
+                            }, inputValue: baseURL || '', renderOption: (props, option) => {
+                                const urlOption = (selectedProvider.baseUrls ?? []).find(u => u.url === option);
+                                return (_createElement(Box, { component: "li", ...props, key: option },
+                                    _jsxs(Box, { children: [_jsx(Typography, { variant: "body2", children: option }), urlOption?.description && (_jsx(Typography, { variant: "caption", color: "text.secondary", children: urlOption.description }))] })));
+                            }, renderInput: params => (_jsx(TextField, { ...params, fullWidth: true, label: trans.__('Base URL'), placeholder: "https://api.example.com/v1", onChange: e => setBaseURL(e.target.value) })), clearOnBlur: false })), _jsxs(Accordion, { expanded: expandedAdvanced, onChange: (_, isExpanded) => setExpandedAdvanced(isExpanded), sx: {
+                                mt: 2,
+                                bgcolor: 'transparent',
+                                boxShadow: 'none',
+                                border: 1,
+                                borderColor: 'divider',
+                                borderRadius: 1
+                            }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMore, {}), children: _jsx(Typography, { variant: "subtitle1", fontWeight: "medium", children: trans.__('Advanced Settings') }) }), _jsx(AccordionDetails, { sx: { bgcolor: 'transparent' }, children: _jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsxs(Box, { children: [_jsx(Typography, { gutterBottom: true, children: trans.__('Temperature: %1', parameters.temperature ?? trans.__('Default')) }), _jsx(Slider, { value: parameters.temperature ?? DEFAULT_TEMPERATURE, onChange: (_, value) => setParameters({
+                                                            ...parameters,
+                                                            temperature: value
+                                                        }), min: 0, max: 2, step: 0.1, valueLabelDisplay: "auto" }), _jsx(Typography, { variant: "caption", color: "text.secondary", children: trans.__('Temperature for the model (lower values are more deterministic)') })] }), _jsx(TextField, { fullWidth: true, label: trans.__('Max Tokens (Optional)'), type: "number", value: parameters.maxOutputTokens ?? '', onChange: e => setParameters({
+                                                    ...parameters,
+                                                    maxOutputTokens: e.target.value
+                                                        ? Number(e.target.value)
+                                                        : undefined
+                                                }), placeholder: trans.__('Leave empty for provider default'), helperText: trans.__('Maximum length of AI responses'), slotProps: { htmlInput: { min: 1 } } }), _jsx(TextField, { fullWidth: true, label: trans.__('Max Turns (Optional)'), type: "number", value: parameters.maxTurns ?? '', onChange: e => setParameters({
+                                                    ...parameters,
+                                                    maxTurns: e.target.value
+                                                        ? Number(e.target.value)
+                                                        : undefined
+                                                }), placeholder: trans.__('Default: %1', DEFAULT_MAX_TURNS), helperText: trans.__('Maximum number of tool execution turns'), slotProps: { htmlInput: { min: 1, max: 100 } } }), _jsx(TextField, { fullWidth: true, label: trans.__('Context Window (Optional)'), type: "number", value: parameters.contextWindow ?? '', onChange: e => setParameters({
+                                                    ...parameters,
+                                                    contextWindow: e.target.value
+                                                        ? Number(e.target.value)
+                                                        : undefined
+                                                }), placeholder: selectedModelInfo?.contextWindow !== undefined
+                                                    ? trans.__('Default: %1', selectedModelInfo.contextWindow.toLocaleString())
+                                                    : trans.__('e.g., 128000'), helperText: selectedModelInfo?.contextWindow !== undefined &&
+                                                    parameters.contextWindow === undefined
+                                                    ? trans.__('Using provider metadata default of %1 tokens for this model unless you override it here.', selectedModelInfo.contextWindow.toLocaleString())
+                                                    : trans.__('Model context window size in tokens (used for context usage estimation)'), slotProps: { htmlInput: { min: 1 } } }), _jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 2, mb: 1 }, children: trans.__('Completion Options') }), _jsx(FormControlLabel, { control: _jsx(Switch, { checked: parameters.supportsFillInMiddle ?? false, onChange: e => setParameters({
+                                                        ...parameters,
+                                                        supportsFillInMiddle: e.target.checked
+                                                    }) }), label: trans.__('Fill-in-the-middle support') }), _jsx(FormControlLabel, { control: _jsx(Switch, { checked: parameters.useFilterText ?? false, onChange: e => setParameters({
+                                                        ...parameters,
+                                                        useFilterText: e.target.checked
+                                                    }) }), label: trans.__('Use filter text') }), (supportsWebSearch || supportsWebFetch) && (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 2, mb: 1 }, children: trans.__('Provider Web Tools') }), supportsWebSearch && (_jsxs(_Fragment, { children: [_jsx(FormControlLabel, { control: _jsx(Switch, { checked: webSearchSettings.enabled === true, onChange: e => updateCustomSetting('webSearch', 'enabled', e.target.checked) }), label: trans.__('Enable Web Search') }), webSearchSettings.enabled === true && (_jsxs(Box, { sx: {
+                                                                    pl: 2,
+                                                                    borderLeft: 2,
+                                                                    borderColor: 'divider',
+                                                                    display: 'flex',
+                                                                    flexDirection: 'column',
+                                                                    gap: 1.5
+                                                                }, children: [(webSearchImplementation === 'openai' ||
+                                                                        webSearchImplementation === 'anthropic') &&
+                                                                        renderDomainList('webSearch.allowedDomains', trans.__('Allowed Domains'), trans.__('example.com'), webSearchSettings.allowedDomains), webSearchImplementation === 'openai' && (_jsxs(_Fragment, { children: [_jsxs(FormControl, { fullWidth: true, children: [_jsx(InputLabel, { children: trans.__('Search Context Size') }), _jsxs(Select, { value: webSearchSettings.searchContextSize ??
+                                                                                            'medium', label: trans.__('Search Context Size'), onChange: e => updateCustomSetting('webSearch', 'searchContextSize', e.target.value), children: [_jsx(MenuItem, { value: "low", children: trans.__('Low') }), _jsx(MenuItem, { value: "medium", children: trans.__('Medium') }), _jsx(MenuItem, { value: "high", children: trans.__('High') })] })] }), _jsx(FormControlLabel, { control: _jsx(Switch, { checked: webSearchSettings.externalWebAccess !==
+                                                                                        false, onChange: e => updateCustomSetting('webSearch', 'externalWebAccess', e.target.checked) }), label: trans.__('Use External Web Access') })] })), webSearchImplementation === 'anthropic' && (_jsxs(_Fragment, { children: [_jsx(TextField, { fullWidth: true, label: trans.__('Web Search Max Uses'), type: "number", value: webSearchSettings.maxUses ?? '', onChange: e => updateCustomSetting('webSearch', 'maxUses', e.target.value
+                                                                                    ? Number(e.target.value)
+                                                                                    : undefined), slotProps: { htmlInput: { min: 1 } } }), renderDomainList('webSearch.blockedDomains', trans.__('Blocked Domains'), trans.__('spam.example.com'), webSearchSettings.blockedDomains)] }))] }))] })), supportsWebFetch && (_jsxs(_Fragment, { children: [_jsx(FormControlLabel, { control: _jsx(Switch, { checked: webFetchSettings.enabled === true, onChange: e => updateCustomSetting('webFetch', 'enabled', e.target.checked) }), label: trans.__('Enable Web Fetch') }), webFetchSettings.enabled === true && (_jsxs(Box, { sx: {
+                                                                    pl: 2,
+                                                                    borderLeft: 2,
+                                                                    borderColor: 'divider',
+                                                                    display: 'flex',
+                                                                    flexDirection: 'column',
+                                                                    gap: 1.5
+                                                                }, children: [_jsx(TextField, { fullWidth: true, label: trans.__('Web Fetch Max Uses'), type: "number", value: webFetchSettings.maxUses ?? '', onChange: e => updateCustomSetting('webFetch', 'maxUses', e.target.value
+                                                                            ? Number(e.target.value)
+                                                                            : undefined), slotProps: { htmlInput: { min: 1 } } }), _jsx(TextField, { fullWidth: true, label: trans.__('Web Fetch Max Content Tokens'), type: "number", value: webFetchSettings.maxContentTokens ?? '', onChange: e => updateCustomSetting('webFetch', 'maxContentTokens', e.target.value
+                                                                            ? Number(e.target.value)
+                                                                            : undefined), slotProps: { htmlInput: { min: 1 } } }), renderDomainList('webFetch.allowedDomains', trans.__('Allowed Domains'), trans.__('docs.example.com'), webFetchSettings.allowedDomains), renderDomainList('webFetch.blockedDomains', trans.__('Blocked Domains'), trans.__('spam.example.com'), webFetchSettings.blockedDomains), _jsx(FormControlLabel, { control: _jsx(Switch, { checked: webFetchSettings.citationsEnabled === true, onChange: e => updateCustomSetting('webFetch', 'citationsEnabled', e.target.checked) }), label: trans.__('Enable Citations') })] }))] }))] }))] }) })] })] }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: onClose, children: trans.__('Cancel') }), _jsx(Button, { onClick: handleSave, variant: "contained", disabled: !isValid, children: mode === 'add' ? trans.__('Add Provider') : trans.__('Save Changes') })] })] }));
 };