fix: disabled apikey while server running

web/containers/DropdownListSidebar/index.tsx

@@ -233,7 +233,10 @@ export default function DropdownListSidebar() {
         </SelectPortal>
       </Select>
 
-      <OpenAiKeyInput selectedModel={selectedModel} />
+      <OpenAiKeyInput
+        selectedModel={selectedModel}
+        serverEnabled={serverEnabled}
+      />
     </div>
   )
 }

web/containers/OpenAiKeyInput/index.tsx

@@ -7,9 +7,10 @@ import { useEngineSettings } from '@/hooks/useEngineSettings'
 
 type Props = {
   selectedModel?: Model
+  serverEnabled?: boolean
 }
 
-const OpenAiKeyInput: React.FC<Props> = ({ selectedModel }) => {
+const OpenAiKeyInput: React.FC<Props> = ({ selectedModel, serverEnabled }) => {
   const [openAISettings, setOpenAISettings] = useState<
     { api_key: string } | undefined
   >(undefined)
@@ -34,6 +35,7 @@ const OpenAiKeyInput: React.FC<Props> = ({ selectedModel }) => {
         API Key
       </label>
       <Input
+        disabled={serverEnabled}
         id="assistant-instructions"
         placeholder="Enter your API_KEY"
         defaultValue={openAISettings?.api_key}

web/screens/LocalServer/index.tsx

@@ -309,8 +309,7 @@ const LocalServerScreen = () => {
             : 'w-0 translate-x-full opacity-0'
         )}
       >
-        <CardSidebar title="Model" hideMoreVerticalAction>
-          <div className="px-2">
+        <div className="px-4">
           <div className="mt-4">
             <DropdownListSidebar />
           </div>
@@ -337,7 +336,6 @@ const LocalServerScreen = () => {
             </div>
           )}
         </div>
-        </CardSidebar>
       </div>
     </div>
   )