Update version, gemini models, and new progress dialoge, and charxjpeg

src/lib/Others/AlertComp.svelte

@@ -25,6 +25,7 @@
     import { getCurrentCharacter } from "src/ts/storage/database.svelte";
     import { message } from "@tauri-apps/plugin-dialog";
     import HypaV3Modal from './HypaV3Modal.svelte';
+  import Googli from "../UI/Googli.svelte";
     let btn
     let input = $state('')
     let cardExportType = $state('realm')
@@ -107,10 +108,22 @@
                 }}>Terms of Service</a> to continue</div>
             {:else if $alertStore.type !== 'select' && $alertStore.type !== 'requestdata' && $alertStore.type !== 'addchar' && $alertStore.type !== 'hypaV2' && $alertStore.type !== 'chatOptions'}
                 <span class="text-gray-300">{$alertStore.msg}</span>
-                {#if $alertStore.submsg}
+                {#if $alertStore.submsg && $alertStore.type !== 'progress'}
                     <span class="text-gray-500 text-sm">{$alertStore.submsg}</span>
                 {/if}
             {/if}
+            {#if $alertStore.type === 'progress'}
+                <div class="w-full min-w-64 md:min-w-138 h-2 bg-darkbg border border-darkborderc rounded-md mt-6">
+                    <div class="h-full bg-gradient-to-r from-blue-500 to-purple-800 saving-animation transition-[width]" style:width={$alertStore.submsg + '%'}></div>
+                </div>
+                <div class="w-full flex justify-center mt-6">
+                    <span class="text-gray-500 text-sm">{$alertStore.submsg + '%'}</span>
+                </div>
+                <div class="w-full flex justify-center">
+                    <Googli className="mt-14" />                    
+                </div>
+            {/if}
+
             {#if $alertStore.type === 'ask'}
                 <div class="flex gap-2 w-full">
                     <Button className="mt-4 flex-grow" onclick={() => {

src/lib/Others/SavePopupIcon.svelte

@@ -20,23 +20,4 @@
   }}>
       <AlertOctagon size={24} />
   </button>
-{/if}
-
-<style>
-  .saving-animation {
-    animation: saving-anime 1s infinite;
-    background-size: 200% auto;
-  }
-
-  @keyframes saving-anime {
-    0% {
-      background-position: 0 0;
-    }
-    50% {
-      background-position: 100% 100%;
-    }
-    100% {
-      background-position: 0 0;
-    }
-  }
-</style>
+{/if}

src/lib/UI/Googli.svelte

@@ -1,27 +1,43 @@
 <script lang="ts">
     import { onMount } from "svelte";
 
-    export let className: string = "";
+    interface Props {
+        className?: string;
+    } 
+
+    let { className = $bindable() }:Props = $props();
+
     onMount(() => {
         if(!import.meta.env.VITE_AD_CLIENT){
             return
         }
-        //@ts-ignore
-        (window.adsbygoogle = window.adsbygoogle || []).push({});
+        try{
+            //@ts-ignore
+            (window.adsbygoogle = window.adsbygoogle || []).push({});
+        }catch{}
     });
 </script>
 
-{#if !import.meta.env.VITE_AD_CLIENT}
-    <div
-        class={className}
-    >
-        <ins
-            class="adsbygoogle"
-            style="display:block"
-            data-ad-client={import.meta.env.VITE_AD_CLIENT}
-            data-ad-slot={import.meta.env.VITE_AD_SLOT}
-            data-ad-format="auto"
-            data-full-width-responsive="true"
-        ></ins>
-    </div>
+{#if import.meta.env.VITE_AD_CLIENT}
+    {#if import.meta.env.VITE_AD_CLIENT === 'TEST'}
+        <div
+            class={className}
+        >
+            <div
+                class="bg-slate-500"
+                style={window.innerWidth > 728 ? "display:block !important;width:728px;height:90px" : "display:block !important;width:300px;height:100px"}
+            >TEST</div>
+        </div>
+    {:else}
+        <div
+            class={className}
+        >
+            <ins
+                class="adsbygoogle"
+                style={window.innerWidth > 728 ? "display:block !important;width:728px;height:90px" : "display:block !important;width:300px;height:100px"}
+                data-ad-client={window.innerWidth > 728 ? import.meta.env.VITE_AD_CLIENT : import.meta.env.VITE_AD_CLIENT_MOBILE}
+                data-ad-slot={window.innerWidth > 728 ? import.meta.env.VITE_AD_SLOT : import.meta.env.VITE_AD_SLOT_MOBILE}
+            ></ins>
+        </div>
+    {/if}
 {/if}

src/lib/UI/Realm/RealmPopUp.svelte

@@ -8,6 +8,7 @@
     import RealmLicense from "./RealmLicense.svelte";
     import MultiLangDisplay from "../GUI/MultiLangDisplay.svelte";
     import { tooltip } from "src/ts/gui/tooltip";
+  import Googli from "../Googli.svelte";
 
     interface Props {
         openedData: hubType;
@@ -50,6 +51,7 @@
                 <span class="text-textcolor2" use:tooltip={language.popularityLevelDesc}>
                     {language.popularityLevel.replace('{}', openedData.download.toString())}
                 </span>
+                
                 <div class="border-l-selected border-l ml-1 mr-1"></div>
                 {#if openedData.hasEmotion}
                     <button class="text-textcolor2 hover:text-green-500 transition-colors" onclick={((e) => {
@@ -69,6 +71,9 @@
             </div>
 
         </div>
+
+        <Googli />
+
         <div class="flex flex-row-reverse gap-2">
             <button class="text-textcolor2 hover:text-red-500" onclick={(async (e) => {
                 e.stopPropagation()