feat: add-model-assistant-tab

web/screens/Thread/ThreadRightPanel/index.tsx

@@ -7,10 +7,13 @@ import {
   TextArea,
   Accordion,
   AccordionItem,
+  Button,
 } from '@janhq/joi'
 
 import { useAtom, useAtomValue, useSetAtom } from 'jotai'
 
+import { Settings2Icon } from 'lucide-react'
+
 import EngineSetting from '@/containers/EngineSetting'
 import ModelDropdown from '@/containers/ModelDropdown'
 
@@ -209,6 +212,32 @@ const ThreadRightPanel = () => {
                 onChange={onAssistantInstructionChanged}
               />
             </div>
+            <div>
+              <label
+                id="assistant-instructions"
+                className="mb-2 inline-block font-bold"
+              >
+                Model
+              </label>
+              <div className="flex gap-2">
+                <div className="w-full">
+                  <ModelDropdown />
+                </div>
+                <Button
+                  theme="icon"
+                  variant="outline"
+                  className="!h-8 !w-8 flex-shrink-0"
+                  onClick={() => {
+                    setActiveTabThreadRightPanel('model')
+                  }}
+                >
+                  <Settings2Icon
+                    size={16}
+                    className="flex-shrink-0 cursor-pointer text-[hsla(var(--text-secondary))]"
+                  />
+                </Button>
+              </div>
+            </div>
           </div>
         </TabsContent>
         <TabsContent value="model">