🤖 Improve chat controls spacing and layout

- Add justify-between to spread controls across available width
- Remove wrapper div internal gaps (parent gap-3 handles all spacing)
- Remove 'Thinking:' label from slider (tooltip clarifies purpose)

Controls now distribute evenly across the width with consistent gaps.

Author: ammar-agent

src/components/ChatInput.tsx

@@ -747,10 +747,10 @@ export const ChatInput: React.FC<ChatInputProps> = ({
             Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
           </div>
         )}
-        <div className="flex flex-wrap items-center gap-3">
+        <div className="flex flex-wrap items-center justify-between gap-3">
           {/* Model Selector - always visible */}
           <div
-            className="flex items-center gap-1.5"
+            className="flex items-center"
             data-component="ModelSelectorGroup"
           >
             <ModelSelector
@@ -795,7 +795,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
           >
             <Context1MCheckbox modelString={preferredModel} />
           </div>
-          <div className="max-@[700px]:hidden flex items-center gap-1.5">
+          <div className="max-@[700px]:hidden flex items-center">
             <div
               className={cn(
                 "flex gap-0 bg-toggle-bg rounded",

src/components/ThinkingSlider.tsx

@@ -96,7 +96,6 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
     return (
       <TooltipWrapper>
         <div className="flex items-center gap-2">
-          <label className="text-subdued text-[10px] select-none">Thinking:</label>
           <span
             className="min-w-11 uppercase transition-all duration-200 select-none"
             style={textStyle}