Skip to content

feat(ui): add codex intelligence selector #8919

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
vincenzopalazzo wants to merge 4 commits into
base: main
Choose a base branch
from
+142 −13
Open

feat(ui): add codex intelligence selector #8919

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6e1f390
feat(ui): add codex intelligence selector
vincenzopalazzo Apr 29, 2026
f4f50ae
fix: address PR review feedback
vincenzopalazzo Apr 29, 2026
1ce816b
fix: handle codex effort persistence errors
vincenzopalazzo Apr 29, 2026
aa4bcda
fix: preserve codex intelligence selection
vincenzopalazzo Apr 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
125 changes: 112 additions & 13 deletions ui/desktop/src/components/settings/models/subcomponents/SwitchModelModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,22 @@ const i18n = defineMessages({
id: 'switchModelModal.claudeEffortMax',
defaultMessage: 'Max - No constraints on thinking depth',
},
codexIntelligenceLow: {
id: 'switchModelModal.codexIntelligenceLow',
defaultMessage: 'Low - Fast responses with lighter reasoning',
},
codexIntelligenceMedium: {
id: 'switchModelModal.codexIntelligenceMedium',
defaultMessage: 'Medium - Balanced reasoning',
},
codexIntelligenceHigh: {
id: 'switchModelModal.codexIntelligenceHigh',
defaultMessage: 'High - Deeper reasoning',
},
codexIntelligenceXHigh: {
id: 'switchModelModal.codexIntelligenceXHigh',
defaultMessage: 'Extra High - Maximum reasoning',
},
selectModel: {
id: 'switchModelModal.selectModel',
defaultMessage: 'Please select a model',
Expand Down Expand Up @@ -101,7 +117,8 @@ const i18n = defineMessages({
},
localModelsDescription: {
id: 'switchModelModal.localModelsDescription',
defaultMessage: 'To use local inference, you need to download a model to your computer first. Go to Settings → Models to manage local models.',
defaultMessage:
'To use local inference, you need to download a model to your computer first. Go to Settings → Models to manage local models.',
},
goToSettings: {
id: 'switchModelModal.goToSettings',
Expand Down Expand Up @@ -155,6 +172,14 @@ const i18n = defineMessages({
id: 'switchModelModal.thinkingBudget',
defaultMessage: 'Thinking Budget (tokens)',
},
codexIntelligence: {
id: 'switchModelModal.codexIntelligence',
defaultMessage: 'Intelligence',
},
selectIntelligenceLevel: {
id: 'switchModelModal.selectIntelligenceLevel',
defaultMessage: 'Select intelligence level',
},
quickStartGuide: {
id: 'switchModelModal.quickStartGuide',
defaultMessage: 'Quick start guide',
Expand Down Expand Up @@ -185,7 +210,7 @@ const i18n = defineMessages({
},
});

// THINKING_LEVEL_OPTIONS and CLAUDE_THINKING_EFFORT_OPTIONS are created inside the component to support i18n.
// Options are created inside the component to support i18n.

function isClaudeModel(name: string | null | undefined): boolean {
return !!name && name.toLowerCase().startsWith('claude-');
Expand All @@ -196,6 +221,14 @@ function supportsAdaptiveThinking(name: string): boolean {
return lower.includes('claude-opus-4-6') || lower.includes('claude-sonnet-4-6');
}

function isChatGptCodexProvider(name: string | null | undefined): boolean {
return name === 'chatgpt_codex';
}

function supportsExtraHighChatGptCodexIntelligence(name: string | null | undefined): boolean {
return name === 'gpt-5.4' || name === 'gpt-5.3-codex';
}

const PREFERRED_MODEL_PATTERNS = [
/claude-sonnet-4/i,
/claude-4/i,
Expand Down Expand Up @@ -268,6 +301,13 @@ export const SwitchModelModal = ({
{ value: 'max', label: intl.formatMessage(i18n.claudeEffortMax) },
];

const chatGptCodexIntelligenceOptions = [
{ value: 'low', label: intl.formatMessage(i18n.codexIntelligenceLow) },
{ value: 'medium', label: intl.formatMessage(i18n.codexIntelligenceMedium) },
{ value: 'high', label: intl.formatMessage(i18n.codexIntelligenceHigh) },
{ value: 'xhigh', label: intl.formatMessage(i18n.codexIntelligenceXHigh) },
];

const { getProviders, read, upsert } = useConfig();
const {
changeModel,
Expand Down Expand Up @@ -308,11 +348,25 @@ export const SwitchModelModal = ({
const [claudeThinkingType, setClaudeThinkingType] = useState<string>('disabled');
const [claudeThinkingEffort, setClaudeThinkingEffort] = useState<string>('high');
const [claudeThinkingBudget, setClaudeThinkingBudget] = useState<string>('16000');
const [chatGptCodexReasoningEffort, setChatGptCodexReasoningEffort] = useState<string>('medium');

const modelName = usePredefinedModels ? selectedPredefinedModel?.name : model;
const selectedProvider = usePredefinedModels ? selectedPredefinedModel?.provider : provider;
const isGemini3Model = modelName?.toLowerCase().startsWith('gemini-3') ?? false;
const showClaudeThinking = isClaudeModel(modelName);
const showChatGptCodexIntelligence = isChatGptCodexProvider(selectedProvider);
const modelSupportsAdaptive = modelName ? supportsAdaptiveThinking(modelName) : false;
const visibleChatGptCodexIntelligenceOptions =
!modelName || supportsExtraHighChatGptCodexIntelligence(modelName)
? chatGptCodexIntelligenceOptions
: chatGptCodexIntelligenceOptions.filter((option) =>
['medium', 'high'].includes(option.value)
);
const selectedChatGptCodexReasoningEffort = visibleChatGptCodexIntelligenceOptions.some(
(option) => option.value === chatGptCodexReasoningEffort
)
? chatGptCodexReasoningEffort
: 'medium';

useEffect(() => {
if (!showClaudeThinking) return;
Expand All @@ -338,6 +392,8 @@ export const SwitchModelModal = ({
if (effort) setClaudeThinkingEffort(effort);
const budget = await readConfig('CLAUDE_THINKING_BUDGET');
if (budget) setClaudeThinkingBudget(budget);
const codexEffort = await readConfig('CHATGPT_CODEX_REASONING_EFFORT');
if (codexEffort) setChatGptCodexReasoningEffort(codexEffort);
Comment thread
vincenzopalazzo marked this conversation as resolved.
Outdated
})();
}, [read]);

Expand Down Expand Up @@ -401,6 +457,10 @@ export const SwitchModelModal = ({
};
}

if (showChatGptCodexIntelligence) {
await upsert('CHATGPT_CODEX_REASONING_EFFORT', selectedChatGptCodexReasoningEffort, false);
Comment thread
vincenzopalazzo marked this conversation as resolved.
Outdated
}

if (showClaudeThinking) {
const params: Record<string, unknown> = {
...modelObj.request_params,
Expand Down Expand Up @@ -681,10 +741,31 @@ export const SwitchModelModal = ({
{ value: 'disabled', label: intl.formatMessage(i18n.claudeDisabled) },
];

const chatGptCodexIntelligenceControls = showChatGptCodexIntelligence && (
<div className="mt-2">
<label className="text-sm text-textSubtle mb-1 block">
{intl.formatMessage(i18n.codexIntelligence)}
</label>
<Select
options={visibleChatGptCodexIntelligenceOptions}
value={visibleChatGptCodexIntelligenceOptions.find(
(o) => o.value === selectedChatGptCodexReasoningEffort
)}
onChange={(newValue: unknown) => {
const option = newValue as { value: string; label: string } | null;
setChatGptCodexReasoningEffort(option?.value || 'medium');
}}
placeholder={intl.formatMessage(i18n.selectIntelligenceLevel)}
/>
</div>
);

const claudeThinkingControls = showClaudeThinking && (
<div className="mt-2 flex flex-col gap-3">
<div>
<label className="text-sm text-textSubtle mb-1 block">{intl.formatMessage(i18n.extendedThinking)}</label>
<label className="text-sm text-textSubtle mb-1 block">
{intl.formatMessage(i18n.extendedThinking)}
</label>
<Select
options={claudeThinkingTypeOptions}
value={claudeThinkingTypeOptions.find((o) => o.value === claudeThinkingType)}
Expand All @@ -697,7 +778,9 @@ export const SwitchModelModal = ({
</div>
{claudeThinkingType === 'adaptive' && (
<div>
<label className="text-sm text-textSubtle mb-1 block">{intl.formatMessage(i18n.thinkingEffort)}</label>
<label className="text-sm text-textSubtle mb-1 block">
{intl.formatMessage(i18n.thinkingEffort)}
</label>
<Select
options={CLAUDE_THINKING_EFFORT_OPTIONS}
value={CLAUDE_THINKING_EFFORT_OPTIONS.find((o) => o.value === claudeThinkingEffort)}
Expand All @@ -711,7 +794,9 @@ export const SwitchModelModal = ({
)}
{claudeThinkingType === 'enabled' && (
<div>
<label className="text-sm text-textSubtle mb-1 block">{intl.formatMessage(i18n.thinkingBudget)}</label>
<label className="text-sm text-textSubtle mb-1 block">
{intl.formatMessage(i18n.thinkingBudget)}
</label>
<Input
className="border-2 px-4 py-2"
type="number"
Expand All @@ -732,16 +817,16 @@ export const SwitchModelModal = ({
<Bot size={24} className="text-text-primary" />
{titleOverride || intl.formatMessage(i18n.title)}
</DialogTitle>
<DialogDescription>
{intl.formatMessage(i18n.description)}
</DialogDescription>
<DialogDescription>{intl.formatMessage(i18n.description)}</DialogDescription>
</DialogHeader>

<div className="flex flex-col gap-4 py-4">
{usePredefinedModels ? (
<div className="w-full flex flex-col gap-4">
<div className="flex justify-between items-center">
<label className="text-sm font-medium text-text-primary">{intl.formatMessage(i18n.chooseModel)}</label>
<label className="text-sm font-medium text-text-primary">
{intl.formatMessage(i18n.chooseModel)}
</label>
</div>

<div className="space-y-2 max-h-64 overflow-y-auto">
Expand Down Expand Up @@ -802,7 +887,9 @@ export const SwitchModelModal = ({
<div className="mt-2">
<label className="text-sm text-textSubtle mb-1 block">
{intl.formatMessage(i18n.thinkingLevel)}
<span className="text-xs text-textMuted ml-2">{intl.formatMessage(i18n.geminiOnly)}</span>
<span className="text-xs text-textMuted ml-2">
{intl.formatMessage(i18n.geminiOnly)}
</span>
</label>
<Select
options={THINKING_LEVEL_OPTIONS}
Expand All @@ -816,6 +903,8 @@ export const SwitchModelModal = ({
</div>
)}

{chatGptCodexIntelligenceControls}

{claudeThinkingControls}
</div>
) : (
Expand Down Expand Up @@ -894,7 +983,9 @@ export const SwitchModelModal = ({
</div>
</div>
</div>
<label className="text-sm text-text-secondary">{intl.formatMessage(i18n.customModelName)}</label>
<label className="text-sm text-text-secondary">
{intl.formatMessage(i18n.customModelName)}
</label>
<Input
className="border-2 px-4 py-5"
placeholder={intl.formatMessage(i18n.typeModelName)}
Expand All @@ -919,7 +1010,11 @@ export const SwitchModelModal = ({
onInputChange={handleInputChange}
value={
loadingModels
? { value: '', label: intl.formatMessage(i18n.loadingModels), isDisabled: true }
? {
value: '',
label: intl.formatMessage(i18n.loadingModels),
isDisabled: true,
}
: model
? { value: model, label: model }
: null
Expand All @@ -943,7 +1038,9 @@ export const SwitchModelModal = ({
) : (
<div className="flex flex-col gap-2">
<div className="flex justify-between">
<label className="text-sm text-text-secondary">{intl.formatMessage(i18n.customModelName)}</label>
<label className="text-sm text-text-secondary">
{intl.formatMessage(i18n.customModelName)}
</label>
<button
onClick={() => setIsCustomModel(false)}
className="text-sm text-text-secondary"
Expand Down Expand Up @@ -981,6 +1078,8 @@ export const SwitchModelModal = ({
</div>
)}

{chatGptCodexIntelligenceControls}

{claudeThinkingControls}
</>
)}
Expand Down
18 changes: 18 additions & 0 deletions ui/desktop/src/i18n/messages/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4322,6 +4322,21 @@
"switchModelModal.claudeEnabled": {
"defaultMessage": "Enabled - Fixed token budget for thinking"
},
"switchModelModal.codexIntelligence": {
"defaultMessage": "Intelligence"
},
"switchModelModal.codexIntelligenceHigh": {
"defaultMessage": "High - Deeper reasoning"
},
"switchModelModal.codexIntelligenceLow": {
"defaultMessage": "Low - Fast responses with lighter reasoning"
},
"switchModelModal.codexIntelligenceMedium": {
"defaultMessage": "Medium - Balanced reasoning"
},
"switchModelModal.codexIntelligenceXHigh": {
"defaultMessage": "Extra High - Maximum reasoning"
},
"switchModelModal.couldNotContactProvider": {
"defaultMessage": "Could not contact provider"
},
Expand Down Expand Up @@ -4364,6 +4379,9 @@
"switchModelModal.selectEffortLevel": {
"defaultMessage": "Select effort level"
},
"switchModelModal.selectIntelligenceLevel": {
"defaultMessage": "Select intelligence level"
},
"switchModelModal.selectModel": {
"defaultMessage": "Please select a model"
},
Expand Down