Pro mode selector: saver mode (#153)

src/components/chat/ChatInput.tsx

@@ -20,7 +20,7 @@ import {
 } from "lucide-react";
 import type React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { ModelPicker } from "@/components/ModelPicker";
+
 import { useSettings } from "@/hooks/useSettings";
 import { IpcClient } from "@/ipc/ipc_client";
 import {
@@ -59,6 +59,7 @@ import { useAttachments } from "@/hooks/useAttachments";
 import { AttachmentsList } from "./AttachmentsList";
 import { DragDropOverlay } from "./DragDropOverlay";
 import { showError, showUncommittedFilesWarning } from "@/lib/toast";
+import { ChatInputControls } from "../ChatInputControls";
 const showTokenBarAtom = atom(false);
 
 export function ChatInput({ chatId }: { chatId?: number }) {
@@ -340,9 +341,7 @@ export function ChatInput({ chatId }: { chatId?: number }) {
             )}
           </div>
           <div className="pl-2 pr-1 flex items-center justify-between">
-            <div className="pb-2">
-              <ModelPicker />
-            </div>
+            <ChatInputControls />
             <button
               onClick={() => setShowTokenBar(!showTokenBar)}
               className="flex items-center px-2 py-1 text-xs text-muted-foreground hover:bg-muted rounded"

src/components/chat/HomeChatInput.tsx

@@ -1,7 +1,7 @@
 import { SendIcon, StopCircleIcon, Paperclip } from "lucide-react";
 import type React from "react";
 import { useEffect, useRef } from "react";
-import { ModelPicker } from "@/components/ModelPicker";
+
 import { useSettings } from "@/hooks/useSettings";
 import { homeChatInputValueAtom } from "@/atoms/chatAtoms"; // Use a different atom for home input
 import { useAtom } from "jotai";
@@ -11,7 +11,7 @@ import { AttachmentsList } from "./AttachmentsList";
 import { DragDropOverlay } from "./DragDropOverlay";
 import { usePostHog } from "posthog-js/react";
 import { HomeSubmitOptions } from "@/pages/home";
-
+import { ChatInputControls } from "../ChatInputControls";
 export function HomeChatInput({
   onSubmit,
 }: {
@@ -145,8 +145,8 @@ export function HomeChatInput({
               </button>
             )}
           </div>
-          <div className="px-2 pb-2">
-            <ModelPicker />
+          <div className="px-2">
+            <ChatInputControls />
           </div>
         </div>
       </div>