Skip to content

Commit 559f8e2

Browse files
committed
🤖 Remove 'Thinking:' label from slider, clarify in tooltip
Slider now shows just the level (OFF/LOW/MEDIUM/HIGH). Tooltip explains it's the thinking level with keybind. Added aria-label for accessibility.
1 parent 7b777bf commit 559f8e2

File tree

1 file changed

+2
-4
lines changed

1 file changed

+2
-4
lines changed

src/components/ThinkingSlider.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -127,9 +127,6 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
127127
return (
128128
<TooltipWrapper>
129129
<div className="flex items-center gap-2">
130-
<label htmlFor={sliderId} className="text-subdued text-[10px] select-none">
131-
Thinking:
132-
</label>
133130
<input
134131
type="range"
135132
min="0"
@@ -147,6 +144,7 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
147144
aria-valuemax={3}
148145
aria-valuenow={value}
149146
aria-valuetext={thinkingLevel}
147+
aria-label="Thinking level"
150148
className="thinking-slider"
151149
style={
152150
{
@@ -164,7 +162,7 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
164162
{thinkingLevel}
165163
</span>
166164
</div>
167-
<Tooltip align="center">{formatKeybind(KEYBINDS.TOGGLE_THINKING)} to toggle</Tooltip>
165+
<Tooltip align="center">Thinking: {formatKeybind(KEYBINDS.TOGGLE_THINKING)} to toggle</Tooltip>
168166
</TooltipWrapper>
169167
);
170168
};

0 commit comments

Comments
 (0)