UPDATE: Fix ui and add License

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Firefly Shelter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

frontend/src/components/settingModal/index.tsx

@@ -14,8 +14,9 @@ export default function SettingModal({
     if (!isOpen) return null
 
     const { setIsOpenSelfUpdateModal } = useModalStore()
-    const { closingOption, setClosingOption } = useSettingStore()
+    const { closingOption, setClosingOption, serverVersion,
-    const { setUpdateData, updateData } = useLauncherStore()
+        proxyVersion, } = useSettingStore()
+    const { setUpdateData, updateData, launcherVersion } = useLauncherStore()
     const CheckUpdate = async () => {
         const launcherData = await CheckUpdateLauncher()
         if (!launcherData.isUpdate) {
@@ -32,7 +33,7 @@ export default function SettingModal({
     }
 
     return (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm">
+        <div className="fixed inset-0 z-10 flex items-center justify-center bg-black/40 backdrop-blur-sm">
             <div className="relative w-[90%] max-w-md bg-base-100 text-base-content rounded-2xl border border-purple-500/30 shadow-2xl shadow-purple-500/30 p-6">
                 {/* Header */}
                 <div className="flex justify-between items-center mb-6">
@@ -90,6 +91,24 @@ export default function SettingModal({
                             </div>
                         </label>
                     </div>
+
+
+                    {/* Section 3: Launcher Version */}
+                    <div className="p-4 bg-base-200 rounded-xl border border-purple-300 shadow-sm">
+                        <h4 className="font-bold text-lg mb-2">Version</h4>
+                        <div className="flex flex-wrap gap-2">
+                        <p className="text-base text-info">
+                            Server: {serverVersion}
+                        </p>
+                        <p className="text-base text-info">
+                            Proxy: {proxyVersion}
+                        </p>
+
+                        <p className="text-base text-info">
+                            Launcher: {launcherVersion}
+                        </p>
+                        </div>
+                    </div>
                 </div>
 
             </div>

frontend/src/pages/launcher/index.tsx

@@ -16,7 +16,8 @@ import { BackgroundSelector } from '@/components/backgroudModal';
 
 
 export default function LauncherPage() {
-    const { gamePath,
+    const { 
+        gamePath,
         setGamePath,
         setGameDir,
         serverPath,
@@ -48,7 +49,7 @@ export default function LauncherPage() {
         progressDownload,
         downloadSpeed,
         updateData,
-        launcherVersion,
+        // launcherVersion,
         setLauncherVersion,
         setIsLoading,
         setDownloadType,
@@ -311,7 +312,7 @@ export default function LauncherPage() {
                 </div>
             </div>
 
-            <div className="hidden sm:flex fixed top-1/2 left-4 z-10 ">
+            <div className="hidden sm:flex fixed top-1/2 left-5 z-10 ">
                 <BackgroundSelector />
             </div>
 
@@ -466,55 +467,11 @@ export default function LauncherPage() {
                 </div>
             )}
 
-            {/* Version Info */}
+                <div className="hidden md:block fixed bottom-4 left-5 z-10">
-            {serverReady && proxyReady && !isDownloading && (
-                <div className="hidden md:block fixed bottom-4 left-4 z-10 text-sm font-bold bg-white/5 rounded-lg p-2 shadow">
-                    <p className="text-pink-600 "
-                        style={{
-                            textShadow: `
-                                0.5px 0 rgba(255, 255, 255, 0.5),
-                                -0.5px 0 rgba(255, 255, 255, 0.5),
-                                0 0.5px rgba(255, 255, 255, 0.5),
-                                0 -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px 0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px 0.5px rgba(255, 255, 255, 0.5)
-                            `,
-                        }}
-                    >Version server: {serverVersion}</p>
-                    <p
-                        className="mt-2 text-purple-600"
-                        style={{
-                            textShadow: `
-                                0.5px 0 rgba(255, 255, 255, 0.5),
-                                -0.5px 0 rgba(255, 255, 255, 0.5),
-                                0 0.5px rgba(255, 255, 255, 0.5),
-                                0 -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px 0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px 0.5px rgba(255, 255, 255, 0.5)
-                            `,
-                        }}
-                    >Version proxy: {proxyVersion}</p>
-                    <p className="mt-2 text-cyan-600 "
-                        style={{
-                            textShadow: `
-                                0.5px 0 rgba(255, 255, 255, 0.5),
-                                -0.5px 0 rgba(255, 255, 255, 0.5),
-                                0 0.5px rgba(255, 255, 255, 0.5),
-                                0 -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px 0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                0.5px -0.5px rgba(255, 255, 255, 0.5),
-                                -0.5px 0.5px rgba(255, 255, 255, 0.5)
-                            `,
-                        }}
-                    >Version launcher: {launcherVersion}</p>
-                </div>
-            )}
 
+                    <img src="/heart-hsr.gif" alt="firefly animation" className="rounded-lg w-24 h-24" />
+
+                </div>
             {/* Modal */}
             <UpdateModal
                 isOpen={isOpenUpdateDataModal}

pkg/constant/constant.go

@@ -10,7 +10,7 @@ const ProxyZipFile = "64bit.zip"
 const LauncherFile = "firefly-launcher.exe"
 const TempUrl = "./temp"
 
-const CurrentLauncherVersion = "2.2.1"
+const CurrentLauncherVersion = "2.2.2"
 
 type ToolFile string