chore: Update version to 1.1.9 and add Model Settings to Ollama settings page

src/components/Layouts/Layout.tsx

@@ -7,6 +7,7 @@ import { useQuery } from "@tanstack/react-query"
 import { fetchChatModels, getAllModels } from "~/services/ollama"
 import { useMessageOption } from "~/hooks/useMessageOption"
 import {
+  BrainCog,
   ChevronLeft,
   CogIcon,
   ComputerIcon,
@@ -24,6 +25,8 @@ import { SelectedKnowledge } from "../Option/Knowledge/SelectedKnwledge"
 import { useStorage } from "@plasmohq/storage/hook"
 import { ModelSelect } from "../Common/ModelSelect"
 import { PromptSelect } from "../Common/PromptSelect"
+import { ChatSettings } from "../Icons/ChatSettings"
+import { CurrentChatModelSettings } from "../Common/CurrentChatModelSettings"
 
 export default function OptionLayout({
   children
@@ -33,6 +36,7 @@ export default function OptionLayout({
   const [sidebarOpen, setSidebarOpen] = useState(false)
   const { t } = useTranslation(["option", "common"])
   const [shareModeEnabled] = useStorage("shareMode", false)
+  const [openModelSettings, setOpenModelSettings] = useState(false)
 
   const {
     selectedModel,
@@ -108,9 +112,7 @@ export default function OptionLayout({
                   onClick={clearChat}
                   className="inline-flex  dark:bg-transparent bg-white items-center rounded-lg border  dark:border-gray-700 bg-transparent px-3 py-2.5 text-xs lg:text-sm font-medium leading-4 text-gray-800  dark:text-white disabled:opacity-50 ease-in-out transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white">
                   <SquarePen className="h-5 w-5 " />
-                  <span className=" truncate ml-3">
-                    {t("newChat")}
-                  </span>
+                  <span className=" truncate ml-3">{t("newChat")}</span>
                 </button>
               </div>
               <span className="text-lg font-thin text-zinc-300 dark:text-zinc-600">
@@ -193,6 +195,13 @@ export default function OptionLayout({
             <div className="flex flex-1 justify-end px-4">
               <div className="ml-4 flex items-center md:ml-6">
                 <div className="flex gap-4 items-center">
+                  <Tooltip title={t("currentChatModelSettings")}>
+                    <button
+                      onClick={() => setOpenModelSettings(true)}
+                      className="!text-gray-500 dark:text-gray-300 hover:text-gray-600 dark:hover:text-gray-300 transition-colors">
+                      <BrainCog className="w-6 h-6" />
+                    </button>
+                  </Tooltip>
                   {pathname === "/" &&
                     messages.length > 0 &&
                     !streaming &&
@@ -228,6 +237,11 @@ export default function OptionLayout({
         open={sidebarOpen}>
         <Sidebar onClose={() => setSidebarOpen(false)} />
       </Drawer>
+
+      <CurrentChatModelSettings
+        open={openModelSettings}
+        setOpen={setOpenModelSettings}
+      />
     </div>
   )
 }