From 28fe22cf1836159f89af9196986329f4246a2669 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 15 Aug 2024 22:05:37 +0700
Subject: [PATCH] feat: add-model-assistant-tab

---
 web/screens/Thread/ThreadRightPanel/index.tsx | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/web/screens/Thread/ThreadRightPanel/index.tsx b/web/screens/Thread/ThreadRightPanel/index.tsx
index 2dfba2e9a..1e9304cb4 100644
--- a/web/screens/Thread/ThreadRightPanel/index.tsx
+++ b/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">