fix: added tooltip for user cannot change model after starting thread (#1115)

* fix: added tooltip for user cannot change model after starting thread

* fix: typo content tooltip

web/containers/DropdownListSidebar/index.tsx

@@ -9,6 +9,10 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  TooltipArrow,
   Input,
 } from '@janhq/uikit'
 
@@ -71,7 +75,8 @@ export default function DropdownListSidebar() {
   const finishInit = threadStates[activeThread.id].isFinishInit ?? true
 
   return (
-    <>
+    <Tooltip>
+      <TooltipTrigger className="w-full">
         <Select
           disabled={finishInit}
           value={selected?.id}
@@ -122,6 +127,14 @@ export default function DropdownListSidebar() {
             </div>
           </SelectContent>
         </Select>
+      </TooltipTrigger>
+
+      {finishInit && (
+        <TooltipContent sideOffset={10}>
+          <span>To change model, please start a new thread</span>
+          <TooltipArrow />
+        </TooltipContent>
+      )}
 
       {selected?.engine === InferenceEngine.openai && (
         <div className="mt-4">
@@ -141,6 +154,6 @@ export default function DropdownListSidebar() {
           />
         </div>
       )}
-    </>
+    </Tooltip>
   )
 }