diff --git a/assets/OSS.svg b/assets/OSS.svg
deleted file mode 100644
index 5068f40..0000000
--- a/assets/OSS.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="26px" height="12px" viewBox="0 0 26 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>OSS</title>
-    <defs>
-        <linearGradient x1="65.2701671%" y1="44.3119936%" x2="38.9965552%" y2="60.6508876%" id="linearGradient-1">
-            <stop stop-color="#00CDAB" offset="0%"></stop>
-            <stop stop-color="#24EF8D" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="画板" transform="translate(-69, -18)">
-            <g id="OSS" transform="translate(69, 18)">
-                <path d="M8,0 L20,0 C23.3137085,-8.8817842e-16 26,2.6862915 26,6 C26,9.3137085 23.3137085,12 20,12 L0,12 L0,12 L0,8 C0,3.581722 3.581722,8.8817842e-16 8,0 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-                <text opacity="0.9" font-family="Helvetica" font-size="10" font-weight="normal" fill="#18181D">
-                    <tspan x="2" y="10">OSS</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/assets/css/overrides.css b/assets/css/overrides.css
index 96b4f06..2319a74 100644
--- a/assets/css/overrides.css
+++ b/assets/css/overrides.css
@@ -10,3 +10,18 @@
 .n-page-header {
   @apply flex-wrap flex-col items-start gap-6 lg:flex-row lg:items-center lg:justify-between;
 }
+
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active,
+input[data-autocompleted] {
+  background-color: transparent !important;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:focus {
+  transition: background-color 0s 0s, color 0s 0s;
+  transition-delay: calc(infinity * 1s);
+}
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b5c61c9..961736f 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,3 +1,70 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}
diff --git a/assets/pro.svg b/assets/pro.svg
deleted file mode 100644
index 933b32b..0000000
--- a/assets/pro.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="26px" height="15px" viewBox="0 0 26 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>pro</title>
-    <defs>
-        <linearGradient x1="50%" y1="68.1992542%" x2="68.7625664%" y2="35.5029586%" id="linearGradient-1">
-            <stop stop-color="#FFB734" offset="0%"></stop>
-            <stop stop-color="#FFE023" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="画板" transform="translate(-32, -17)">
-            <g id="pro" transform="translate(32, 17)">
-                <path d="M6,0 L26,0 L26,0 L26,8 C26,11.3137085 23.3137085,14 20,14 L0,14 L0,14 L0,6 C0,2.6862915 2.6862915,0 6,0 Z" id="矩形备份" fill="url(#linearGradient-1)"></path>
-                <text id="Pro备份" opacity="0.9" font-family="TimesNewRomanPS-BoldMT, Times New Roman" font-size="14" font-weight="bold" fill="#18181D">
-                    <tspan x="2" y="12">Pro</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..50d20ea
--- /dev/null
+++ b/components.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "assets/css/tailwind.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "composables": "@/composables",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  },
+  "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/components/auth/heros/wordmap.vue b/components/auth/heros/wordmap.vue
new file mode 100644
index 0000000..d03dc78
--- /dev/null
+++ b/components/auth/heros/wordmap.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="w-full bg-white dark:bg-black h-full p-16 flex flex-col justify-center gap-8">
+    <div class="max-w-7xl flex flex-col">
+      <img src="~/assets/logo.svg" class="max-w-28" alt="" />
+      <div class="text-4xl my-6 font-semibold !text-primary px-0">
+        <span>基于 Rust 的</span>
+        <FlipWords :words="['高性能', '无限扩容', '安全可靠', '多云存储', '兼容 S3']" :duration="3000" class="text-4xl font-semibold !text-primary px-0" />
+        <div class="text-muted-foreground mt-2">
+          靠谱的分布式文件系统
+        </div>
+      </div>
+    </div>
+    <WorldMap class="absolute inset-0" :dots="dots" :map-color="isDark ? '#FFFFFF40' : '#00000040'" :map-bg-color="isDark ? 'black' : 'white'" />
+    <a href="https://www.rustfs.com" class="text-primary-500 inline-flex w-min items-center gap-2 leading-none p-2 px-5 border rounded-full border-blue-500">
+      <span>www.rustfs.com</span>
+      <Icon name="ri:arrow-right-long-fill" class="mr-2" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import FlipWords from "~/components/ui/flip-words/FlipWords.vue"
+import WorldMap from "~/components/ui/world-map/WorldMap.vue"
+
+const dots = [
+  {
+    start: {
+      lat: 64.2008,
+      lng: -149.4937,
+    }, // Alaska (Fairbanks)
+    end: {
+      lat: 34.0522,
+      lng: -118.2437,
+    }, // Los Angeles
+  },
+  {
+    start: { lat: 64.2008, lng: -149.4937 }, // Alaska (Fairbanks)
+    end: { lat: -15.7975, lng: -47.8919 }, // Brazil (Brasília)
+  },
+  {
+    start: { lat: -15.7975, lng: -47.8919 }, // Brazil (Brasília)
+    end: { lat: 38.7223, lng: -9.1393 }, // Lisbon
+  },
+  {
+    start: { lat: 51.5074, lng: -0.1278 }, // London
+    end: { lat: 28.6139, lng: 77.209 }, // New Delhi
+  },
+  {
+    start: { lat: 28.6139, lng: 77.209 }, // New Delhi
+    end: { lat: 43.1332, lng: 131.9113 }, // Vladivostok
+  },
+  {
+    start: { lat: 28.6139, lng: 77.209 }, // New Delhi
+    end: { lat: -1.2921, lng: 36.8219 }, // Nairobi
+  },
+];
+
+const isDark = computed(() => useColorMode().value == "dark");
+</script>
diff --git a/components/object/info.vue b/components/object/info.vue
index e0513ea..185516a 100644
--- a/components/object/info.vue
+++ b/components/object/info.vue
@@ -1,12 +1,12 @@
 <template>
- <n-drawer v-model:show="visibel"  :width="450">
+  <n-drawer v-model:show="visibel" :width="450">
     <n-drawer-content title="对象信息">
       <div class="flex items-center gap-4 ml-auto">
         <n-button @click="download">
           <Icon name="ri:download-line" class="mr-2" />
           <span>下载</span>
         </n-button>
-       
+
         <n-button @click="() => showPreview = true">
           <Icon name="ri:eye-line" class="mr-2" />
           <span>预览</span>
@@ -17,83 +17,85 @@
           <span>标签</span>
         </n-button>
 
-         <n-button id="copyTag" ref="copyRef"  @click="copySignedUrl">
+        <n-button id="copyTag" ref="copyRef" @click="copySignUrl">
           <Icon name="ri:file-copy-line" class="mr-2" />
           <span>复制临时链接</span>
         </n-button>
 
       </div>
       <n-card title="对象信息" class="mt-4">
-    <div v-if="loading === 'pending'" class="flex items-center justify-center">
-      <n-spin size="small" />
-    </div>
-    <n-descriptions :column="1">
-      <n-descriptions-item label="对象名称"><span class="select-all">{{ key }}</span></n-descriptions-item>
-      <n-descriptions-item label="对象大小">{{ object?.ContentLength }}</n-descriptions-item>
-      <n-descriptions-item label="对象类型">{{ object?.ContentType }}</n-descriptions-item>
-      <!-- <n-descriptions-item label="存储类型">{{ object?.StorageClass }}</n-descriptions-item> -->
-      <n-descriptions-item label="ETag"><span class="select-all">{{ object?.ETag }}</span></n-descriptions-item>
-      <n-descriptions-item label="最后修改时间">{{ object?.LastModified }}</n-descriptions-item>
-    </n-descriptions>
+        <div v-if="loading === 'pending'" class="flex items-center justify-center">
+          <n-spin size="small" />
+        </div>
+        <n-descriptions :column="1">
+          <n-descriptions-item label="对象名称"><span class="select-all">{{ key }}</span></n-descriptions-item>
+          <n-descriptions-item label="对象大小">{{ object?.ContentLength }}</n-descriptions-item>
+          <n-descriptions-item label="对象类型">{{ object?.ContentType }}</n-descriptions-item>
+          <!-- <n-descriptions-item label="存储类型">{{ object?.StorageClass }}</n-descriptions-item> -->
+          <n-descriptions-item label="ETag"><span class="select-all">{{ object?.ETag }}</span></n-descriptions-item>
+          <n-descriptions-item label="最后修改时间">{{ object?.LastModified }}</n-descriptions-item>
+          <!-- <n-descriptions-item label="版本ID">{{ object?.VersionId }}</n-descriptions-item>
+          <n-descriptions-item label="存储类型">{{ object?.StorageClass }}</n-descriptions-item> -->
+          <n-descriptions-item label="临时链接">
+            <div class="flex items-center gap-2 mt-1">
+              <n-input v-model:value="signedUrl" id="signedUrl" placeholder="临时链接" />
+              <n-button @click="copySignUrl">复制</n-button>
+            </div>
+          </n-descriptions-item>
+        </n-descriptions>
 
-    <object-preview-modal v-model:show="showPreview" :bucketName="bucketName" :objectKey="key" />
+        <object-preview-modal v-model:show="showPreview" :bucketName="bucketName" :objectKey="key" />
 
-    <!-- tagview -->
-    <n-modal v-model:show="showTagView"  preset="card" title="设置tag"  draggable class="max-w-screen-md">
-      <n-card class="max-w-screen-md">
-        <n-space class="my-4">
-            <n-tag
-          class="m-2 align-middle"
-          v-for="(tag, index) in tags"
-          type="info"
-          closable
-          @close="handledeleteTag(index)">
-          {{ tag.Key }}:{{ tag.Value }}
-        </n-tag>
-        </n-space>
-        <n-form ref="formRef" inline class="flex" :label-width="80" :model="tagFormValue">
-          <n-form-item label="标签key" path="Key">
-            <n-input v-model:value="tagFormValue.Key" placeholder="输入标签key" />
-          </n-form-item>
-          <n-form-item label="标签值" path="Value">
-            <n-input v-model:value="tagFormValue.Value" placeholder="输入标签值" />
-          </n-form-item>
-          <n-form-item>
-            <n-button type="primary" @click="submitTagForm">添加</n-button>
-            <n-button class="mx-4" @click="showTagView = false">取消</n-button>
-          </n-form-item>
-        </n-form>
+        <!-- tagview -->
+        <n-modal v-model:show="showTagView" preset="card" title="设置tag" draggable class="max-w-screen-md">
+          <n-card class="max-w-screen-md">
+            <n-space class="my-4">
+              <n-tag class="m-2 align-middle" v-for="(tag, index) in tags" type="info" closable @close="handledeleteTag(index)">
+                {{ tag.Key }}:{{ tag.Value }}
+              </n-tag>
+            </n-space>
+            <n-form ref="formRef" inline class="flex" :label-width="80" :model="tagFormValue">
+              <n-form-item label="标签key" path="Key">
+                <n-input v-model:value="tagFormValue.Key" placeholder="输入标签key" />
+              </n-form-item>
+              <n-form-item label="标签值" path="Value">
+                <n-input v-model:value="tagFormValue.Value" placeholder="输入标签值" />
+              </n-form-item>
+              <n-form-item>
+                <n-button type="primary" @click="submitTagForm">添加</n-button>
+                <n-button class="mx-4" @click="showTagView = false">取消</n-button>
+              </n-form-item>
+            </n-form>
+          </n-card>
+
+        </n-modal>
       </n-card>
-
-  </n-modal>
-  </n-card>
     </n-drawer-content>
   </n-drawer>
 </template>
 
 <script setup lang="ts">
- const dialog = useDialog()
-  const visibel = ref(false)
-  const bucketName = ref('')
-  const key = ref('')
-  let objectApi: any
-  const openDrawer = (bucket:string,objName:string) => {
-    visibel.value = true
-    bucketName.value = bucket
-    key.value = objName
-    objectApi = useObject({ bucket: bucketName.value });
-    getTags()
-    getObject()
-  }
-  defineExpose({
+const dialog = useDialog()
+const visibel = ref(false)
+const bucketName = ref('')
+const key = ref('')
+
+let objectApi: any
+const openDrawer = (bucket: string, objName: string) => {
+  visibel.value = true
+  bucketName.value = bucket
+  key.value = objName
+  objectApi = useObject({ bucket: bucketName.value });
+  getTags()
+  getObject()
+}
+defineExpose({
   openDrawer
 })
 
 
-const router = useRouter()
 const message = useMessage();
 
-
 // 当前路径的前缀, example: '/folder1/folder2/'
 // 预览内容
 const showPreview = ref(false)
@@ -109,8 +111,8 @@ interface Tag {
 }
 // 获取tags
 const tags = ref<Tag[]>([])
-const getTags = async()=>{
-    const {getObjectTagging} = useObject({bucket:bucketName.value})
+const getTags = async () => {
+  const { getObjectTagging } = useObject({ bucket: bucketName.value })
 
   const resp: any = await getObjectTagging(key.value)
   tags.value = resp.TagSet || []
@@ -119,89 +121,80 @@ const getTags = async()=>{
 
 // 删除标签
 const handledeleteTag = async (index: number) => {
-   const { putObjectTagging} = useObject({bucket:bucketName.value})
-   dialog.error({
+  const { putObjectTagging } = useObject({ bucket: bucketName.value })
+  dialog.error({
     title: "警告",
     content: "你确定要删除这个标签吗？",
     positiveText: "确定",
     negativeText: "取消",
     onPositiveClick: async () => {
-      putObjectTagging(key.value, { TagSet: tags.value.filter((item,keyIndex)=> keyIndex!==index) })
-      .then(() => {
-        message.success("标签更新成功")
-        getTags()
-      })
-      .catch((error) => {
-        message.error("删除标签失败: " + error.message)
-      })
-      },
+      putObjectTagging(key.value, { TagSet: tags.value.filter((item, keyIndex) => keyIndex !== index) })
+        .then(() => {
+          message.success("标签更新成功")
+          getTags()
+        })
+        .catch((error) => {
+          message.error("删除标签失败: " + error.message)
+        })
+    },
   });
- 
- 
+
+
 }
 
 const submitTagForm = async () => {
-  const { putObjectTagging} = useObject({bucket:bucketName.value})
+  const { putObjectTagging } = useObject({ bucket: bucketName.value })
   const tag = {
     Key: tagFormValue.value.Key,
     Value: tagFormValue.value.Value
   }
-   putObjectTagging( key.value, {
-    TagSet: [...tags.value,tag]
+  putObjectTagging(key.value, {
+    TagSet: [...tags.value, tag]
   }).then(() => {
-     message.success('标签设置成功')
-     getTags()
+    message.success('标签设置成功')
+    getTags()
   })
- 
 }
 
-
 const object = ref()
 const loading = ref('pending')
-const getObject =  () => {
-  objectApi.headObject(key.value).then((res:any)=>{
+const signedUrl = ref('')
+
+const getObject = () => {
+  objectApi.headObject(key.value).then(async (res: any) => {
     object.value = res
     loading.value = 'fulfilled'
+    signedUrl.value = await objectApi.getSignedUrl(key.value);
   })
 }
 
+const refreshSignedUrl = async () => {
+  try {
+    signedUrl.value = await objectApi.getSignedUrl(key.value);
+    message.success('获取成功');
+  } catch (error) {
+    message.error('获取失败');
+  } finally {
+  }
+}
+
+import ClipboardJS from 'clipboard'
+const copySignUrl = async () => {
+  try {
+    // @ts-ignore
+    ClipboardJS.copy(document.querySelector('#signedUrl'))
+    console.log('复制成功', signedUrl.value);
+  } catch (error) {
+    message.error('复制失败')
+    console.error('复制失败', error)
+  }
+}
+
 const download = async () => {
   const msg = message.loading('正在获取下载链接...');
+  await refreshSignedUrl()
   const url = await objectApi.getSignedUrl(key.value);
   msg.destroy();
   window.open(url, '_blank')
 }
-
-const copySignedUrl = async () => {
-  const msg = message.loading('正在获取下载链接...');
-  let value = await objectApi.getSignedUrl(key.value)
- if (navigator.clipboard && navigator.clipboard.writeText) {
-    navigator.clipboard.writeText(value).then(() => {
-      message.success('链接已复制到剪贴板');
-    }).catch(err => {
-      message.error(`复制失败：${err}`);
-    });
-  } else {
-    let textarea = document.createElement('textarea');
-    textarea.value = value;
-    console.log(1)
-    document.body.appendChild(textarea);
-    textarea.focus({preventScroll:true});
-    textarea.select();
-    try {
-      let s = document.execCommand('copy');
-       console.log("🚀 ~ copySignedUrl ~ s:", s)
-       message.success('链接已复制到剪贴板');
-    } catch (err) {
-      message.error(`复制失败：${err}`);
-    }
-    document.body.removeChild(textarea);
-  }
-  msg.destroy();
-}
 </script>
-
-<style lang="scss" scoped>
-
-
-</style>
\ No newline at end of file
diff --git a/components/sidebar.vue b/components/sidebar.vue
index f02ced2..e916168 100644
--- a/components/sidebar.vue
+++ b/components/sidebar.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { RouterLink, useRouter } from 'vue-router'
+import { RouterLink } from 'vue-router'
 import { useSidebarStore } from '~/store/sidebar'
 import type { SiteConfig } from '~/types/config'
 const appConfig = useAppConfig()
 const siteConfig = useNuxtApp().$siteConfig as unknown as SiteConfig
-const router = useRouter()
+const route = useRoute()
 const sidebarStore = useSidebarStore()
 const isCollapsed = computed(() => sidebarStore.isCollapsed)
 
@@ -66,7 +66,8 @@ const options = computed(() => {
 })
 </script>
 <template>
-  <n-layout-sider bordered class="min-h-full" collapse-mode="width" :collapsed-width="64" :width="240" :native-scrollbar="false" :collapsed="isCollapsed">
+  <n-layout-sider bordered class="min-h-full" collapse-mode="width" :collapsed-width="64" :width="240" :native-scrollbar="false" :collapsed="isCollapsed"
+    v-if="route.path.startsWith('/auth') === false">
     <div class="flex flex-col h-screen overflow-hidden gap-4 relative">
       <div class="border-b dark:border-neutral-800 flex flex-wrap h-16 items-center p-4" :class="isCollapsed ? 'justify-center' : 'justify-between'">
         <div>
@@ -75,8 +76,13 @@ const options = computed(() => {
           </n-avatar>
           <h2 v-else class="text-center text-2xl flex">
             <img src="~/assets/logo.svg" class="max-w-28" alt="" />
-            <img src="~/assets/pro.svg" v-if="siteConfig.license.name &&siteConfig.license.expired !=0 " class="ms-1">
-            <img src="~/assets/OSS.svg" v-else class="ms-1">
+            <span v-if="siteConfig.license.name && siteConfig.license.expired != 0"
+              class="flex items-center justify-center text-[9px] leading-[9px] ml-1 p-1 bg-orange-600 text-white rounded rounded-bl-none">
+              PRO
+            </span>
+            <span v-else class="flex items-center justify-center text-[9px] leading-[9px] ml-1 p-1 bg-green-600 text-white rounded rounded-bl-none">
+              OSS
+            </span>
 
             <span class="sr-only">{{ appConfig.name }}</span>
           </h2>
diff --git a/components/ui/aurora-background/AuroraBackground.vue b/components/ui/aurora-background/AuroraBackground.vue
new file mode 100644
index 0000000..424842b
--- /dev/null
+++ b/components/ui/aurora-background/AuroraBackground.vue
@@ -0,0 +1,75 @@
+<template>
+  <main>
+    <div
+      v-bind="props"
+      :class="
+        cn(
+          'relative flex flex-col h-[100vh] items-center justify-center bg-zinc-50 dark:bg-zinc-900 text-slate-950 transition-bg',
+          props.class,
+        )
+      "
+    >
+      <div class="absolute inset-0 overflow-hidden">
+        <div
+          :class="
+            cn(
+              'filter blur-[10px] invert dark:invert-0 pointer-events-none absolute -inset-[10px] opacity-50 will-change-transform;',
+              '[--white-gradient:repeating-linear-gradient(100deg,var(--white)_0%,var(--white)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--white)_16%)]',
+              '[--dark-gradient:repeating-linear-gradient(100deg,var(--black)_0%,var(--black)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--black)_16%)]',
+              '[--aurora:repeating-linear-gradient(100deg,var(--blue-500)_10%,var(--indigo-300)_15%,var(--blue-300)_20%,var(--violet-200)_25%,var(--blue-400)_30%)]',
+              '[background-image:var(--white-gradient),var(--aurora)] dark:[background-image:var(--dark-gradient),var(--aurora)] [background-size:300%,_200%] [background-position:50%_50%,50%_50%]',
+              'aurora-background-gradient-after',
+              'aurora-gradient-animation',
+              props.radialGradient &&
+                `[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,var(--transparent)_70%)]`,
+            )
+          "
+        ></div>
+      </div>
+      <slot />
+    </div>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+
+interface AuroraBackgroundProps {
+  radialGradient?: boolean;
+  class?: string;
+}
+
+const props = withDefaults(defineProps<AuroraBackgroundProps>(), {
+  radialGradient: true,
+});
+</script>
+
+<style scoped>
+.aurora-background-gradient-after {
+  @apply after:content-[""] 
+          after:absolute 
+          after:inset-0 
+          after:[background-image:var(--white-gradient),var(--aurora)]
+          after:dark:[background-image:var(--dark-gradient),var(--aurora)]
+          after:[background-size:200%,_100%]
+          after:[background-attachment:fixed] 
+          after:mix-blend-difference;
+}
+
+.aurora-gradient-animation::after {
+  animation: animate-aurora 60s linear infinite;
+}
+
+@keyframes animate-aurora {
+  0% {
+    background-position:
+      50% 50%,
+      50% 50%;
+  }
+  100% {
+    background-position:
+      350% 50%,
+      350% 50%;
+  }
+}
+</style>
diff --git a/components/ui/aurora-background/index.ts b/components/ui/aurora-background/index.ts
new file mode 100644
index 0000000..519cb13
--- /dev/null
+++ b/components/ui/aurora-background/index.ts
@@ -0,0 +1 @@
+export { default as AuroraBackground } from './AuroraBackground.vue';
diff --git a/components/ui/flip-words/FlipWords.vue b/components/ui/flip-words/FlipWords.vue
new file mode 100644
index 0000000..deb2b70
--- /dev/null
+++ b/components/ui/flip-words/FlipWords.vue
@@ -0,0 +1,150 @@
+<template>
+  <div class="relative inline-block">
+    <Transition @after-enter="$emit('animationStart')" @after-leave="$emit('animationComplete')">
+      <div v-show="isVisible" :class="[
+        'relative z-10 inline-block text-left text-neutral-900 dark:text-neutral-100',
+        props.class,
+      ]">
+        <template v-for="(wordObj, wordIndex) in splitWords" :key="wordObj.word + wordIndex">
+          <span class="inline-block whitespace-nowrap opacity-0" :style="{
+            animation: `fadeInWord 0.3s ease forwards`,
+            animationDelay: `${wordIndex * 0.3}s`,
+          }">
+            <span v-for="(letter, letterIndex) in wordObj.letters" :key="wordObj.word + letterIndex" class="inline-block opacity-0" :style="{
+              animation: `fadeInLetter 0.2s ease forwards`,
+              animationDelay: `${wordIndex * 0.3 + letterIndex * 0.05}s`,
+            }">
+              {{ letter }}
+            </span>
+            <span class="inline-block">&nbsp;</span>
+          </span>
+        </template>
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+
+interface Props {
+  words: string[];
+  duration?: number;
+  class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  duration: 3000,
+  class: '',
+});
+
+defineEmits(['animationStart', 'animationComplete']);
+
+const currentWord = ref(props.words[0]);
+const isVisible = ref(true);
+const timeoutId = ref<number | null>(null);
+
+function startAnimation() {
+  isVisible.value = false;
+
+  setTimeout(() => {
+    const currentIndex = props.words.indexOf(currentWord.value);
+    const nextWord = props.words[currentIndex + 1] || props.words[0];
+    currentWord.value = nextWord;
+    isVisible.value = true;
+  }, 600);
+}
+
+const splitWords = computed(() => {
+  return currentWord.value.split(' ').map((word) => ({
+    word,
+    letters: word.split(''),
+  }));
+});
+
+function startTimeout() {
+  timeoutId.value = window.setTimeout(() => {
+    startAnimation();
+  }, props.duration);
+}
+
+onMounted(() => {
+  startTimeout();
+});
+
+onBeforeUnmount(() => {
+  if (timeoutId.value) {
+    clearTimeout(timeoutId.value);
+  }
+});
+
+watch(isVisible, (newValue) => {
+  if (newValue) {
+    startTimeout();
+  }
+});
+</script>
+
+<style>
+@keyframes fadeInWord {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+    filter: blur(8px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    filter: blur(0);
+  }
+}
+
+@keyframes fadeInLetter {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+    filter: blur(8px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+    filter: blur(0);
+  }
+}
+
+.v-enter-active {
+  animation: enterWord 0.6s ease-in-out forwards;
+}
+
+.v-leave-active {
+  animation: leaveWord 0.6s ease-in-out forwards;
+}
+
+@keyframes enterWord {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes leaveWord {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+    filter: blur(0);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(2);
+    filter: blur(8px);
+  }
+}
+</style>
diff --git a/components/ui/flip-words/index.ts b/components/ui/flip-words/index.ts
new file mode 100644
index 0000000..2fb08df
--- /dev/null
+++ b/components/ui/flip-words/index.ts
@@ -0,0 +1 @@
+export { default as FlipWords } from './FlipWords.vue';
diff --git a/components/ui/radiant-text/RadiantText.vue b/components/ui/radiant-text/RadiantText.vue
new file mode 100644
index 0000000..5c56503
--- /dev/null
+++ b/components/ui/radiant-text/RadiantText.vue
@@ -0,0 +1,59 @@
+<template>
+  <p
+    :style="styleVar"
+    :class="
+      cn(
+        'mx-auto max-w-md text-neutral-600/70 dark:text-neutral-400/70',
+        // Radiant effect
+        'radiant-animation bg-clip-text bg-no-repeat [background-position:0_0] [background-size:var(--radiant-width)_100%] [transition:background-position_1s_cubic-bezier(.6,.6,0,1)_infinite]',
+        // Radiant gradient
+        'bg-gradient-to-r from-transparent via-black via-50% to-transparent  dark:via-white',
+        $props.class,
+      )
+    "
+  >
+    <slot />
+  </p>
+</template>
+
+<script lang="ts" setup>
+import { cn } from '@/lib/utils';
+import { computed } from 'vue';
+
+const props = defineProps({
+  duration: {
+    type: Number,
+    default: 10,
+  },
+  radiantWidth: {
+    type: Number,
+    default: 100,
+  },
+  class: String,
+});
+
+const styleVar = computed(() => {
+  return {
+    '--radiant-anim-duration': `${props.duration}s`,
+    '--radiant-width': `${props.radiantWidth}px`,
+  };
+});
+</script>
+
+<style scoped>
+@keyframes radiant {
+  0%,
+  90%,
+  100% {
+    background-position: calc(-100% - var(--radiant-width)) 0;
+  }
+  30%,
+  60% {
+    background-position: calc(100% + var(--radiant-width)) 0;
+  }
+}
+
+.radiant-animation {
+  animation: radiant var(--radiant-anim-duration) infinite;
+}
+</style>
diff --git a/components/ui/radiant-text/index.ts b/components/ui/radiant-text/index.ts
new file mode 100644
index 0000000..6e44e86
--- /dev/null
+++ b/components/ui/radiant-text/index.ts
@@ -0,0 +1 @@
+export { default as RadiantText } from './RadiantText.vue';
diff --git a/components/ui/world-map/WorldMap.vue b/components/ui/world-map/WorldMap.vue
new file mode 100644
index 0000000..88b7e2b
--- /dev/null
+++ b/components/ui/world-map/WorldMap.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="relative aspect-[2/1] w-full rounded-lg bg-white font-sans dark:bg-black">
+    <NuxtImg
+      :src="`data:image/svg+xml;utf8,${encodeURIComponent(svgMap)}`"
+      class="pointer-events-none size-full select-none [mask-image:linear-gradient(to_bottom,transparent,white_10%,white_90%,transparent)]"
+      alt="world map"
+      height="495"
+      width="1056"
+      :draggable="false"
+    />
+    <svg
+      ref="svgRef"
+      view-box="0 0 800 400"
+      class="pointer-events-none absolute inset-0 size-full select-none"
+    >
+      <g
+        v-for="(dot, i) in props.dots"
+        :key="`path-group-${i}`"
+      >
+        <Motion
+          :key="`start-upper-${i}`"
+          as="path"
+          :d="createCurvedPath(dot)"
+          fill="none"
+          stroke="url(#path-gradient)"
+          stroke-width="1"
+          :initial="{
+            pathLength: 0,
+          }"
+          :animate="{
+            pathLength: 1,
+          }"
+          :transition="{
+            duration: 1,
+            delay: 0.5 * i,
+            ease: 'easeOut',
+          }"
+        ></Motion>
+      </g>
+
+      <defs>
+        <linearGradient
+          id="path-gradient"
+          x1="0%"
+          y1="0%"
+          x2="100%"
+          y2="0%"
+        >
+          <stop
+            offset="0%"
+            stop-color="white"
+            stop-opacity="0"
+          />
+          <stop
+            offset="5%"
+            :stop-color="lineColor"
+            stop-opacity="1"
+          />
+          <stop
+            offset="95%"
+            :stop-color="lineColor"
+            stop-opacity="1"
+          />
+          <stop
+            offset="100%"
+            stop-color="white"
+            stop-opacity="0"
+          />
+        </linearGradient>
+      </defs>
+
+      <g
+        v-for="(dot, i) in props.dots"
+        :key="`points-group-${i}`"
+      >
+        <g :key="`start-${i}`">
+          <circle
+            :cx="projectPoint(dot.start.lat, dot.start.lng).x"
+            :cy="projectPoint(dot.start.lat, dot.start.lng).y"
+            r="2"
+            :fill="props.lineColor"
+          />
+          <circle
+            :cx="projectPoint(dot.start.lat, dot.start.lng).x"
+            :cy="projectPoint(dot.start.lat, dot.start.lng).y"
+            r="2"
+            :fill="props.lineColor"
+            opacity="0.5"
+          >
+            <animate
+              attribute-name="r"
+              from="2"
+              to="8"
+              dur="1.5s"
+              begin="0s"
+              repeat-count="indefinite"
+            />
+            <animate
+              attribute-name="opacity"
+              from="0.5"
+              to="0"
+              dur="1.5s"
+              begin="0s"
+              repeat-count="indefinite"
+            />
+          </circle>
+        </g>
+        <g :key="`end-${i}`">
+          <circle
+            :cx="projectPoint(dot.end.lat, dot.end.lng).x"
+            :cy="projectPoint(dot.end.lat, dot.end.lng).y"
+            r="2"
+            :fill="props.lineColor"
+          />
+          <circle
+            :cx="projectPoint(dot.end.lat, dot.end.lng).x"
+            :cy="projectPoint(dot.end.lat, dot.end.lng).y"
+            r="2"
+            :fill="props.lineColor"
+            opacity="0.5"
+          >
+            <animate
+              attribute-name="r"
+              from="2"
+              to="8"
+              dur="1.5s"
+              begin="0s"
+              repeat-count="indefinite"
+            />
+            <animate
+              attribute-name="opacity"
+              from="0.5"
+              to="0"
+              dur="1.5s"
+              begin="0s"
+              repeat-count="indefinite"
+            />
+          </circle>
+        </g>
+      </g>
+    </svg>
+  </div>
+</template>
+
+<script setup lang="ts">
+import DottedMap from 'dotted-map';
+import { Motion } from 'motion-v';
+
+interface Dot {
+  start: { lat: number; lng: number; label?: string };
+  end: { lat: number; lng: number; label?: string };
+}
+interface Props {
+  dots?: Array<Dot>;
+  class?: string;
+  lineColor?: string;
+  mapColor: string;
+  mapBgColor: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  dots: () => [],
+  lineColor: '#0EA5E9',
+});
+
+const map = new DottedMap({ height: 100, grid: 'diagonal' });
+
+const svgMap = computed(() =>
+  map.getSVG({
+    radius: 0.22,
+    color: props.mapColor,
+    shape: 'circle',
+    backgroundColor: props.mapBgColor,
+  }),
+);
+
+function projectPoint(lat: number, lng: number) {
+  const x = (lng + 180) * (800 / 360);
+  const y = (90 - lat) * (400 / 180);
+  return { x, y };
+}
+
+function createCurvedPath(dot: Dot) {
+  const start = projectPoint(dot.start.lat, dot.start.lng);
+  const end = projectPoint(dot.end.lat, dot.end.lng);
+  const midX = (start.x + end.x) / 2;
+  const midY = Math.min(start.y, end.y) - 50;
+  return `M ${start.x} ${start.y} Q ${midX} ${midY} ${end.x} ${end.y}`;
+}
+</script>
diff --git a/components/ui/world-map/index.ts b/components/ui/world-map/index.ts
new file mode 100644
index 0000000..24ae1c5
--- /dev/null
+++ b/components/ui/world-map/index.ts
@@ -0,0 +1 @@
+export { default as WorldMap } from './WorldMap.vue';
diff --git a/composables/useAuth.ts b/composables/useAuth.ts
index 278b79f..f5221b6 100644
--- a/composables/useAuth.ts
+++ b/composables/useAuth.ts
@@ -44,9 +44,15 @@ export function useAuth() {
     store.value = {}
   }
 
+  const logoutAndRedirect = () => {
+    logout()
+    window.location.href = '/auth/login'
+  }
+
   return {
     login,
     logout,
+    logoutAndRedirect,
     credentials: ref<Credentials | undefined>(getCredentials()),
     isAuthenticated: ref(isValiedCredentials(store.value)),
   }
diff --git a/config/navs.ts b/config/navs.ts
index 6f425e5..d2b7f49 100644
--- a/config/navs.ts
+++ b/config/navs.ts
@@ -40,7 +40,7 @@ export default [
     to: '/lifecycle',
     icon: 'ri:exchange-2-line',
   },
-   {
+  {
     label: '站点复制',
     to: '/site-replication',
     icon: 'ri:upload-cloud-2-line',
@@ -50,11 +50,11 @@ export default [
   //   to: '/configuration',
   //   icon: 'ri:settings-2-line',
   // },
-  // {
-  //   label: '性能',
-  //   to: '/performance',
-  //   icon: 'ri:bar-chart-box-line'
-  // },
+  {
+    label: '性能',
+    to: '/performance',
+    icon: 'ri:bar-chart-box-line'
+  },
   {
     label: '许可证',
     // to: 'https://github.com/rustfs/rustfs?tab=Apache-2.0-1-ov-file#readme',
diff --git a/lib/api-client.ts b/lib/api-client.ts
index eaf168d..0e3a645 100644
--- a/lib/api-client.ts
+++ b/lib/api-client.ts
@@ -33,21 +33,21 @@ class ApiClient {
       throw new Error(response.statusText)
     }
 
-    // 204 or body length is 0
-    if (response.status === 204 || response.headers.get("content-length") === "0") {
-      return null
-    }
-
     // 处理401
     if (response.status === 401) {
-      console.log(1111)
       const message = useMessage()
       message.error('登录信息已过期，请重新登录')
       // 清除登录信息
       await useAuth().logout()
+      window.location.href = '/login'
       return
     }
 
+    // 204 or body length is 0
+    if (response.status === 204 || response.headers.get("content-length") === "0") {
+      return null
+    }
+
     return await response.json()
   }
 
diff --git a/lib/aws4fetch.ts b/lib/aws4fetch.ts
index ad7be1b..9461d6c 100644
--- a/lib/aws4fetch.ts
+++ b/lib/aws4fetch.ts
@@ -138,17 +138,6 @@ export class AwsClient {
         return fetched // No need to await if we're returning anyway
       }
       const res = await fetched
-
-      if(res.status === 401) {
-          // 处理 401 错误
-          console.error('Unauthorized: 401 status code received')
-          const message = useMessage()
-          message.error('登录信息已过期，请重新登录')
-          // 你可以在这里添加重定向到登录页面或其他处理逻辑
-          navigateTo('/auth/login')
-          return res
-      }
-
       if (res.status < 500 && res.status !== 429) {
         return res
       }
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..821d66f
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,15 @@
+import type { Updater } from '@tanstack/vue-table'
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+import type { Ref } from 'vue'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref) {
+  ref.value
+    = typeof updaterOrValue === 'function'
+      ? updaterOrValue(ref.value)
+      : updaterOrValue
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5369c62..f487e84 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -32,14 +32,8 @@ export default defineNuxtConfig({
       viewport: 'width=device-width, initial-scale=1',
     }
   },
-  modules: [
-    '@nuxtjs/tailwindcss',
-    // '@nuxtjs/i18n',
-    '@pinia/nuxt',
-    '@nuxt/icon',
-    'nuxtjs-naive-ui',
-    '@vueuse/nuxt'
-  ],
+  modules: ['@nuxtjs/tailwindcss', // '@nuxtjs/i18n',
+  '@pinia/nuxt', '@nuxt/icon', 'nuxtjs-naive-ui', '@vueuse/nuxt', '@nuxt/image'],
   // Nuxt automatically reads the files in the plugins/ directory
   plugins: [],
   runtimeConfig: {
@@ -99,4 +93,4 @@ export default defineNuxtConfig({
       })
     ]
   }
-})
+})
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 64da5e4..3081b7b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,23 +12,29 @@
         "@aws-sdk/protocol-http": "^3.374.0",
         "@aws-sdk/s3-request-presigner": "^3.715.0",
         "@nuxt/icon": "^1.9.1",
+        "@nuxt/image": "^1.10.0",
         "@nuxtjs/i18n": "^9.1.1",
         "@nuxtjs/tailwindcss": "^6.12.2",
         "@pinia/nuxt": "^0.9.0",
+        "@tanstack/vue-table": "^8.21.2",
         "@vueuse/integrations": "^12.0.0",
-        "@vueuse/nuxt": "^12.0.0",
         "aws-sdk": "^2.1692.0",
         "axios": "^1.7.9",
+        "clipboard": "^2.0.11",
         "dayjs": "^1.11.13",
+        "dotted-map": "^2.2.3",
         "echarts": "^5.6.0",
         "json-editor-vue": "^0.17.3",
         "lodash": "^4.17.21",
+        "lucide-vue-next": "^0.487.0",
         "rustfs": "^8.0.2",
+        "motion-v": "^1.0.0-beta.2",
         "node-forge": "^1.3.1",
         "nuxt": "^3.15.4",
         "nuxtjs-naive-ui": "^1.0.2",
         "pinia": "^2.3.0",
         "strip-json-comments": "^5.0.1",
+        "tailwindcss": "^3.4.17",
         "ufo": "^1.5.4",
         "universal-cookie": "^7.2.2",
         "vue": "^3.5.11",
@@ -36,9 +42,16 @@
       },
       "devDependencies": {
         "@iconify-json/ri": "^1.2.3",
+        "@inspira-ui/plugins": "^0.0.1",
         "@types/aws4": "^1.11.6",
         "@types/node-forge": "^1.3.11",
+        "@vueuse/core": "^13.1.0",
+        "@vueuse/nuxt": "^13.1.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
         "naive-ui": "^2.40.3",
+        "tailwind-merge": "^3.2.0",
+        "tailwindcss-animate": "^1.0.7",
         "typescript": "^5.7.2",
         "unplugin-auto-import": "^0.18.6",
         "unplugin-vue-components": "^0.27.5",
@@ -2730,6 +2743,16 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@fastify/accept-negotiator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@fastify/accept-negotiator/-/accept-negotiator-1.1.0.tgz",
+      "integrity": "sha512-OIHZrb2ImZ7XG85HXOONLcJWGosv7sIvM2ifAPQVhg9Lv7qdmMBNVaai4QTdyuaqbKM5eO6sLSQOYI7wEQeCJQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@fortawesome/fontawesome-common-types": {
       "version": "6.7.2",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz",
@@ -2902,6 +2925,16 @@
         "vue": ">=3"
       }
     },
+    "node_modules/@inspira-ui/plugins": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@inspira-ui/plugins/-/plugins-0.0.1.tgz",
+      "integrity": "sha512-gM4iZptDoStA7QT1lltC6Jl4qRLhkZwVtcXomQy/PPxe0lAxhrZx40KXEUJakRZLOSmyfVJCExzZhRzOrE6DBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mini-svg-data-uri": "^1.4.4"
+      }
+    },
     "node_modules/@intlify/bundle-utils": {
       "version": "10.0.0",
       "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-10.0.0.tgz",
@@ -3861,6 +3894,172 @@
         "tinyglobby": "^0.2.10"
       }
     },
+    "node_modules/@nuxt/image": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@nuxt/image/-/image-1.10.0.tgz",
+      "integrity": "sha512-/B58GeEmme7bkmQUrXzEw8P9sJb9BkMaYZqLDtq8ZdDLEddE3P4nVya8RQPB+p4b7EdqWajpPqdy1A2ZPLev/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.16.0",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "h3": "^1.15.1",
+        "image-meta": "^0.2.1",
+        "knitwork": "^1.2.0",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "std-env": "^3.8.1",
+        "ufo": "^1.5.4"
+      },
+      "engines": {
+        "node": ">=18.20.6"
+      },
+      "optionalDependencies": {
+        "ipx": "^2.1.0"
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/@nuxt/kit": {
+      "version": "3.16.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.16.2.tgz",
+      "integrity": "sha512-K1SAUo2vweTfudKZzjKsZ5YJoxPLTspR5qz5+G61xtZreLpsdpDYfBseqsIAl5VFLJuszeRpWQ01jP9LfQ6Ksw==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.2",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.3",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.4",
+        "globby": "^14.1.0",
+        "ignore": "^7.0.3",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.8.1",
+        "ufo": "^1.5.4",
+        "unctx": "^2.4.1",
+        "unimport": "^4.1.3",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/c12": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-3.0.3.tgz",
+      "integrity": "sha512-uC3MacKBb0Z15o5QWCHvHWj5Zv34pGQj9P+iXKSpTuSGFS0KKhUWf4t9AJ+gWjYOdmWCPEGpEzm8sS0iqbpo1w==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.3",
+        "confbox": "^0.2.2",
+        "defu": "^6.1.4",
+        "dotenv": "^16.4.7",
+        "exsolve": "^1.0.4",
+        "giget": "^2.0.0",
+        "jiti": "^2.4.2",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^2.1.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.5"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/image/node_modules/giget": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz",
+      "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.6.0",
+        "pathe": "^2.0.3"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/nypm": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.0.tgz",
+      "integrity": "sha512-mn8wBFV9G9+UFHIrq+pZ2r2zL4aPau/by3kJb3cM7+5tQHMt6HGQB8FDIeKFYp8o0D2pnH6nVsO88N4AmUxIWg==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.0.0",
+        "tinyexec": "^0.3.2"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/image/node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/image/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/@nuxt/image/node_modules/untyped": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-2.0.0.tgz",
+      "integrity": "sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "defu": "^6.1.4",
+        "jiti": "^2.4.2",
+        "knitwork": "^1.2.0",
+        "scule": "^1.3.0"
+      },
+      "bin": {
+        "untyped": "dist/cli.mjs"
+      }
+    },
     "node_modules/@nuxt/kit": {
       "version": "3.15.4",
       "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.15.4.tgz",
@@ -5710,6 +5909,38 @@
       "integrity": "sha512-XExJS3cLqgrmNBIP3bBw6+1oQ1ksGjFh0+oClDKFYpCCqx/hlqwWO5KO/S63fzUo67SxI9dMrF0y5T/Ey7h8Zw==",
       "license": "ISC"
     },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-table/-/vue-table-8.21.2.tgz",
+      "integrity": "sha512-KBgOWxha/x4m1EdhVWxOpqHb661UjqAxzPcmXR3QiA7aShZ547x19Gw0UJX9we+m+tVcPuLRZ61JsYW47QZFfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -5719,6 +5950,40 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@turf/boolean-point-in-polygon": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@turf/boolean-point-in-polygon/-/boolean-point-in-polygon-6.5.0.tgz",
+      "integrity": "sha512-DtSuVFB26SI+hj0SjrvXowGTUCHlgevPAIsukssW6BG5MlNSBQAo70wpICBNJL6RjukXg8d2eXaAWuD/CqL00A==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/helpers": "^6.5.0",
+        "@turf/invariant": "^6.5.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
+    "node_modules/@turf/helpers": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@turf/helpers/-/helpers-6.5.0.tgz",
+      "integrity": "sha512-VbI1dV5bLFzohYYdgqwikdMVpe7pJ9X3E+dlr425wa2/sMJqYDhTO++ec38/pcPvPE6oD9WEEeU3Xu3gza+VPw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
+    "node_modules/@turf/invariant": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@turf/invariant/-/invariant-6.5.0.tgz",
+      "integrity": "sha512-Wv8PRNCtPD31UVbdJE/KVAWKe7l6US+lJItRR/HOEW3eh+U/JwRCSUl/KZ7bmjM/C+zLNoreM2TU6OoLACs4eg==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/helpers": "^6.5.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/turf"
+      }
+    },
     "node_modules/@types/aws4": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@types/aws4/-/aws4-1.11.6.tgz",
@@ -5813,9 +6078,10 @@
       "license": "MIT"
     },
     "node_modules/@types/web-bluetooth": {
-      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/scope-manager": {
@@ -6366,18 +6632,44 @@
       "license": "MIT"
     },
     "node_modules/@vueuse/core": {
-      "version": "12.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.7.0.tgz",
-      "integrity": "sha512-jtK5B7YjZXmkGNHjviyGO4s3ZtEhbzSgrbX+s5o+Lr8i2nYqNyHuPVOeTdM1/hZ5Tkxg/KktAuAVDDiHMraMVA==",
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-13.1.0.tgz",
+      "integrity": "sha512-PAauvdRXZvTWXtGLg8cPUFjiZEddTqmogdwYpnn60t08AA5a8Q4hZokBnpTOnVNqySlFlTcRYIC8OqreV4hv3Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "12.7.0",
-        "@vueuse/shared": "12.7.0",
-        "vue": "^3.5.13"
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "13.1.0",
+        "@vueuse/shared": "13.1.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/@vueuse/metadata": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-13.1.0.tgz",
+      "integrity": "sha512-+TDd7/a78jale5YbHX9KHW3cEDav1lz1JptwDvep2zSG8XjCsVE+9mHIzjTOaPbHUAk5XiE4jXLz51/tS+aKQw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-13.1.0.tgz",
+      "integrity": "sha512-IVS/qRRjhPTZ6C2/AM3jieqXACGwFZwWTdw5sNTSKk2m/ZpkuuN+ri+WCVUP8TqaKwJYt/KuMwmXspMAw8E6ew==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
       }
     },
     "node_modules/@vueuse/integrations": {
@@ -6446,6 +6738,27 @@
         }
       }
     },
+    "node_modules/@vueuse/integrations/node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/integrations/node_modules/@vueuse/core": {
+      "version": "12.7.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.7.0.tgz",
+      "integrity": "sha512-jtK5B7YjZXmkGNHjviyGO4s3ZtEhbzSgrbX+s5o+Lr8i2nYqNyHuPVOeTdM1/hZ5Tkxg/KktAuAVDDiHMraMVA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "12.7.0",
+        "@vueuse/shared": "12.7.0",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@vueuse/metadata": {
       "version": "12.7.0",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.7.0.tgz",
@@ -6456,33 +6769,133 @@
       }
     },
     "node_modules/@vueuse/nuxt": {
-      "version": "12.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-12.7.0.tgz",
-      "integrity": "sha512-JG1yjJifcIZkFr+X1VmfNsdNZyHia/wXcpUHqVI2gwax5+bgmUlybqh9nStNGbX9NLUuPvPNNq043es5DlSJKg==",
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-13.1.0.tgz",
+      "integrity": "sha512-4xdxwKanLY4+z+/ZgSZcJvwuHlgZMU3km7z4lhlbLl6WZTKS3BiztnRzcrdt4zjU512oTlH5nsPNhUhV0KXiOA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nuxt/kit": "^3.15.4",
-        "@vueuse/core": "12.7.0",
-        "@vueuse/metadata": "12.7.0",
-        "local-pkg": "^1.0.0",
-        "vue": "^3.5.13"
+        "@nuxt/kit": "^3.16.2",
+        "@vueuse/core": "13.1.0",
+        "@vueuse/metadata": "13.1.0",
+        "local-pkg": "^1.1.1"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       },
       "peerDependencies": {
-        "nuxt": "^3.0.0"
+        "nuxt": "^3.0.0 || ^4.0.0-0",
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/@nuxt/kit": {
+      "version": "3.16.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.16.2.tgz",
+      "integrity": "sha512-K1SAUo2vweTfudKZzjKsZ5YJoxPLTspR5qz5+G61xtZreLpsdpDYfBseqsIAl5VFLJuszeRpWQ01jP9LfQ6Ksw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.2",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.3",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.4",
+        "globby": "^14.1.0",
+        "ignore": "^7.0.3",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.8.1",
+        "ufo": "^1.5.4",
+        "unctx": "^2.4.1",
+        "unimport": "^4.1.3",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/@vueuse/metadata": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-13.1.0.tgz",
+      "integrity": "sha512-+TDd7/a78jale5YbHX9KHW3cEDav1lz1JptwDvep2zSG8XjCsVE+9mHIzjTOaPbHUAk5XiE4jXLz51/tS+aKQw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/c12": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-3.0.3.tgz",
+      "integrity": "sha512-uC3MacKBb0Z15o5QWCHvHWj5Zv34pGQj9P+iXKSpTuSGFS0KKhUWf4t9AJ+gWjYOdmWCPEGpEzm8sS0iqbpo1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.3",
+        "confbox": "^0.2.2",
+        "defu": "^6.1.4",
+        "dotenv": "^16.4.7",
+        "exsolve": "^1.0.4",
+        "giget": "^2.0.0",
+        "jiti": "^2.4.2",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^2.1.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.5"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/nuxt/node_modules/giget": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz",
+      "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.6.0",
+        "pathe": "^2.0.3"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
       }
     },
     "node_modules/@vueuse/nuxt/node_modules/local-pkg": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.0.tgz",
-      "integrity": "sha512-xbZBuX6gYIWrlLmZG43aAVer4ocntYO09vPy9lxd6Ns8DnR4U7N+IIeDkubinqFOHHzoMlPxTxwo0jhE7oYjAw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mlly": "^1.7.4",
-        "pkg-types": "^1.3.1",
-        "quansync": "^0.2.1"
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
       },
       "engines": {
         "node": ">=14"
@@ -6491,6 +6904,69 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@vueuse/nuxt/node_modules/nypm": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.0.tgz",
+      "integrity": "sha512-mn8wBFV9G9+UFHIrq+pZ2r2zL4aPau/by3kJb3cM7+5tQHMt6HGQB8FDIeKFYp8o0D2pnH6nVsO88N4AmUxIWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.0.0",
+        "tinyexec": "^0.3.2"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/nuxt/node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/nuxt/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/@vueuse/nuxt/node_modules/untyped": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-2.0.0.tgz",
+      "integrity": "sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "defu": "^6.1.4",
+        "jiti": "^2.4.2",
+        "knitwork": "^1.2.0",
+        "scule": "^1.3.0"
+      },
+      "bin": {
+        "untyped": "dist/cli.mjs"
+      }
+    },
     "node_modules/@vueuse/shared": {
       "version": "12.7.0",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.7.0.tgz",
@@ -7139,6 +7615,71 @@
       "license": "Apache-2.0",
       "optional": true
     },
+    "node_modules/bare-fs": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.1.2.tgz",
+      "integrity": "sha512-8wSeOia5B7LwD4+h465y73KOdj5QHsbbuoUfPBi+pXgFJIPuG7SsiOdJuijWMyfid49eD+WivpfY7KT8gbAzBA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.1.tgz",
+      "integrity": "sha512-uaIjxokhFidJP+bmmvKSgiMzj2sV5GPHaZVAIktcxcpCyBFFWO+YlikVAdhmUo2vYFvFhOXIAlldqV29L8126g==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.5.tgz",
+      "integrity": "sha512-jSmxKJNJmHySi6hC42zlZnq00rga4jjxcgNZjY9N5WlOe/iOoGRtdwGsHzQv2RlH2KOYMwGUXhf2zXd32BA9RA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "streamx": "^2.21.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -7189,6 +7730,43 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
     "node_modules/block-stream2": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/block-stream2/-/block-stream2-2.1.0.tgz",
@@ -7525,6 +8103,30 @@
         "consola": "^3.2.3"
       }
     },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/clipboard": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
+      "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+      "license": "MIT",
+      "dependencies": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
     "node_modules/clipboardy": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-4.0.0.tgz",
@@ -7651,6 +8253,20 @@
         "@codemirror/view": "^6.17.1"
       }
     },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -7669,6 +8285,17 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "license": "MIT"
     },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "node_modules/colord": {
       "version": "2.9.3",
       "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
@@ -7824,9 +8451,9 @@
       "license": "MIT"
     },
     "node_modules/consola": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.0.tgz",
-      "integrity": "sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
+      "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
       "license": "MIT",
       "engines": {
         "node": "^14.18.0 || >=16.10.0"
@@ -8132,6 +8759,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/cssfilter": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz",
+      "integrity": "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/cssnano": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-7.0.6.tgz",
@@ -8341,12 +8975,38 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/deep-equal": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
       "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
       "license": "MIT"
     },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -8432,6 +9092,12 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==",
+      "license": "MIT"
+    },
     "node_modules/delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -8602,6 +9268,16 @@
         "url": "https://dotenvx.com"
       }
     },
+    "node_modules/dotted-map": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/dotted-map/-/dotted-map-2.2.3.tgz",
+      "integrity": "sha512-8hyOOHHLLVCcCisM3yb9hqp+3bJ7TSMcr1SfrUw8Wxp5UMqih35jIvUyagweCooJbz/EH1nC9GGuPysh7+YlAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@turf/boolean-point-in-polygon": "^6.0.1",
+        "proj4": "^2.6.1"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -8671,6 +9347,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/enhanced-resolve": {
       "version": "5.18.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
@@ -9162,6 +9848,22 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "license": "(MIT OR WTFPL)",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.4.tgz",
+      "integrity": "sha512-xsZH6PXaER4XoV+NiT7JHp1bJodJVT+cxeSH1G0f0tlT0lJqYuHUP3bUx2HtfTDvOagMINYp8rsqusxud3RXhw==",
+      "license": "MIT"
+    },
     "node_modules/externality": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/externality/-/externality-1.0.2.tgz",
@@ -9466,6 +10168,33 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.5.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
+      "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.5.0",
+        "motion-utils": "^12.5.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -9475,6 +10204,13 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/fs-extra": {
       "version": "11.3.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
@@ -9682,6 +10418,13 @@
         "git-up": "^8.0.0"
       }
     },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -9784,6 +10527,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+      "license": "MIT",
+      "dependencies": {
+        "delegate": "^3.1.2"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -9904,6 +10656,12 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
+      "license": "MIT"
+    },
     "node_modules/highlight.js": {
       "version": "11.11.1",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
@@ -10171,6 +10929,34 @@
         "node": ">= 10"
       }
     },
+    "node_modules/ipx": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ipx/-/ipx-2.1.0.tgz",
+      "integrity": "sha512-AVnPGXJ8L41vjd11Z4akIF2yd14636Klxul3tBySxHA6PKfCOQPxBDkCFK5zcWh0z/keR6toh1eg8qzdBVUgdA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@fastify/accept-negotiator": "^1.1.0",
+        "citty": "^0.1.5",
+        "consola": "^3.2.3",
+        "defu": "^6.1.4",
+        "destr": "^2.0.2",
+        "etag": "^1.8.1",
+        "h3": "^1.10.0",
+        "image-meta": "^0.2.0",
+        "listhen": "^1.5.6",
+        "ofetch": "^1.3.3",
+        "pathe": "^1.1.2",
+        "sharp": "^0.32.6",
+        "svgo": "^3.2.0",
+        "ufo": "^1.3.2",
+        "unstorage": "^1.10.1",
+        "xss": "^1.0.14"
+      },
+      "bin": {
+        "ipx": "bin/ipx.mjs"
+      }
+    },
     "node_modules/iron-webcrypto": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
@@ -10196,6 +10982,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -10743,9 +11536,9 @@
       "license": "MIT"
     },
     "node_modules/koa": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/koa/-/koa-2.16.0.tgz",
-      "integrity": "sha512-Afhqq0Vq3W7C+/rW6IqHVBDLzqObwZ07JaUNUEF8yCQ6afiyFE3RAy+i7V0E46XOWlH7vPWn/x0vsZwNy6PWxw==",
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/koa/-/koa-2.16.1.tgz",
+      "integrity": "sha512-umfX9d3iuSxTQP4pnzLOz0HKnPg0FaUUIKcye2lOiz3KPu1Y3M3xlz76dISdFPQs37P9eJz1wUpcTS6KDPn9fA==",
       "license": "MIT",
       "dependencies": {
         "accepts": "^1.3.5",
@@ -11118,6 +11911,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-vue-next": {
+      "version": "0.487.0",
+      "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-0.487.0.tgz",
+      "integrity": "sha512-ilVgu9EHkfId7WSjmoPkzp13cuzpSGO5J16AmltjRHFoj6MlCBGY8BzsBU/ISKVlDheUxM+MsIYjNo/1hSEa6w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "vue": ">=3.0.1"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
@@ -11204,6 +12006,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mgrs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/mgrs/-/mgrs-1.0.0.tgz",
+      "integrity": "sha512-awNbTOqCxK1DBGjalK3xqWIstBZgN6fxsMSiXLs9/spqWkF2pAhb2rrYCFSsr1/tT7PhcDGjZndG8SWYn0byYA==",
+      "license": "MIT"
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -11277,6 +12085,29 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mini-svg-data-uri": "cli.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
@@ -11297,6 +12128,7 @@
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "license": "MIT",
+      "optional": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -11372,17 +12204,12 @@
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
       "license": "MIT"
     },
-    "node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
       "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
+      "optional": true
     },
     "node_modules/mlly": {
       "version": "1.7.4",
@@ -11402,6 +12229,78 @@
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "license": "MIT"
     },
+    "node_modules/motion-dom": {
+      "version": "12.6.5",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.6.5.tgz",
+      "integrity": "sha512-jpM9TQLXzYMWMJ7Ec7sAj0iis8oIuu6WvjI3yNKJLdrZyrsI/b2cRInDVL8dCl683zQQq19DpL9cSMP+k8T1NA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.6.5"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.6.5",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.6.5.tgz",
+      "integrity": "sha512-IsOeKsOF+FWBhxQEDFBO6ZYC8/jlidmVbbLpe9/lXSA9j9kzGIMUuIBx2SZY+0reAS0DjZZ1i7dJp4NHrjocPw==",
+      "license": "MIT"
+    },
+    "node_modules/motion-v": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/motion-v/-/motion-v-1.0.0-beta.2.tgz",
+      "integrity": "sha512-NjG110Jf2zqdKulV20eMizXo2lutMGdrusqQ8oYdhTZGNLgKcbcxcS/ZF3ibj3C6oKmyhO8twwAW2FZmWmjVrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vueuse/core": "^10.0.0",
+        "framer-motion": "12.5.0",
+        "hey-listen": "^1.0.8",
+        "motion-dom": "^12.5.0"
+      },
+      "peerDependencies": {
+        "vue": ">=3.0.0"
+      }
+    },
+    "node_modules/motion-v/node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/motion-v/node_modules/@vueuse/core": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/motion-v/node_modules/@vueuse/metadata": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/motion-v/node_modules/@vueuse/shared": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -11490,6 +12389,13 @@
       "integrity": "sha512-9ca1h0Xjvo9bEkE4UOxgAzLV0jHKe6LMaxo37ND2DAhhAtd0j8pR1Wxz+/goMrZO8AEZTWCmyaOsFI/W5AdpCQ==",
       "license": "MIT"
     },
+    "node_modules/napi-build-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
+      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -11781,6 +12687,19 @@
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "license": "MIT"
     },
+    "node_modules/node-abi": {
+      "version": "3.74.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.74.0.tgz",
+      "integrity": "sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -12692,35 +13611,16 @@
       }
     },
     "node_modules/portfinder": {
-      "version": "1.0.33",
-      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.33.tgz",
-      "integrity": "sha512-+2jndHT63cL5MdQOwDm9OT2dIe11zVpjV+0GGRXdtO1wpPxv260NfVqoEXtYAi/shanmm3W4+yLduIe55ektTw==",
+      "version": "1.0.35",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.35.tgz",
+      "integrity": "sha512-73JaFg4NwYNAufDtS5FsFu/PdM49ahJrO1i44aCRsDWju1z5wuGDaqyFUQWR6aJoK2JPDWlaYYAGFNIGTSUHSw==",
       "license": "MIT",
       "dependencies": {
-        "async": "^2.6.4",
-        "debug": "^3.2.7",
-        "mkdirp": "^0.5.6"
+        "async": "^3.2.6",
+        "debug": "^4.3.6"
       },
       "engines": {
-        "node": ">= 0.12.0"
-      }
-    },
-    "node_modules/portfinder/node_modules/async": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
-      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
-      "license": "MIT",
-      "dependencies": {
-        "lodash": "^4.17.14"
-      }
-    },
-    "node_modules/portfinder/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
+        "node": ">= 10.12"
       }
     },
     "node_modules/possible-typed-array-names": {
@@ -13396,6 +14296,80 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/prebuild-install": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
+      "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^2.0.0",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/prebuild-install/node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/tar-fs": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.2.tgz",
+      "integrity": "sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -13433,6 +14407,16 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "license": "MIT"
     },
+    "node_modules/proj4": {
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/proj4/-/proj4-2.15.0.tgz",
+      "integrity": "sha512-LqCNEcPdI03BrCHxPLj29vsd5afsm+0sV1H/O3nTDKrv8/LA01ea1z4QADDMjUqxSXWnrmmQDjqFm1J/uZ5RLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mgrs": "1.0.0",
+        "wkt-parser": "^1.4.0"
+      }
+    },
     "node_modules/prompts": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
@@ -13458,6 +14442,17 @@
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
       "license": "MIT"
     },
+    "node_modules/pump": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -13469,9 +14464,9 @@
       }
     },
     "node_modules/quansync": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.6.tgz",
-      "integrity": "sha512-u3TuxVTuJtkTxKGk5oZ7K2/o+l0/cC6J8SOyaaSnrnroqvcVy7xBxtvBUyd+Xa8cGoCr87XmQj4NR6W+zbqH8w==",
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.10.tgz",
+      "integrity": "sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==",
       "funding": [
         {
           "type": "individual",
@@ -13555,6 +14550,39 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "optional": true,
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/rc9": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.1.2.tgz",
@@ -13994,6 +15022,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==",
+      "license": "MIT"
+    },
     "node_modules/semver": {
       "version": "7.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
@@ -14122,6 +15156,47 @@
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "license": "ISC"
     },
+    "node_modules/sharp": {
+      "version": "0.32.6",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
+      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.2",
+        "node-addon-api": "^6.1.0",
+        "prebuild-install": "^7.1.1",
+        "semver": "^7.5.4",
+        "simple-get": "^4.0.1",
+        "tar-fs": "^3.0.4",
+        "tunnel-agent": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/sharp/node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sharp/node_modules/node-addon-api": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -14161,6 +15236,53 @@
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "license": "ISC"
     },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
     "node_modules/simple-git": {
       "version": "3.27.0",
       "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.27.0.tgz",
@@ -14176,6 +15298,16 @@
         "url": "https://github.com/steveukx/git-js?sponsor=1"
       }
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/sirv": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.1.tgz",
@@ -14276,9 +15408,9 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.0.tgz",
-      "integrity": "sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==",
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz",
+      "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
       "license": "MIT"
     },
     "node_modules/stream-chain": {
@@ -14735,6 +15867,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/tailwind-merge": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.2.0.tgz",
+      "integrity": "sha512-FQT/OVqCD+7edmmJpsgCsY820RTD5AkBryuG5IUqR5YQZSdj5xlH5nLgH7YPths7WsLPSpSBNneJdM8aS8aeFA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
@@ -14772,6 +15915,16 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
     "node_modules/tailwindcss/node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -14880,6 +16033,21 @@
         "node": ">=10"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.8.tgz",
+      "integrity": "sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
     "node_modules/tar-stream": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
@@ -14972,6 +16140,12 @@
         "readable-stream": "3"
       }
     },
+    "node_modules/tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
+      "license": "MIT"
+    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -15084,6 +16258,19 @@
         "node": ">=0.6.x"
       }
     },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -15237,30 +16424,48 @@
       }
     },
     "node_modules/unimport": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-4.1.2.tgz",
-      "integrity": "sha512-oVUL7PSlyVV3QRhsdcyYEMaDX8HJyS/CnUonEJTYA3//bWO+o/4gG8F7auGWWWkrrxBQBYOO8DKe+C53ktpRXw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-4.2.0.tgz",
+      "integrity": "sha512-mYVtA0nmzrysnYnyb3ALMbByJ+Maosee2+WyE0puXl+Xm2bUwPorPaaeZt0ETfuroPOtG8jj1g/qeFZ6buFnag==",
       "license": "MIT",
       "dependencies": {
-        "acorn": "^8.14.0",
+        "acorn": "^8.14.1",
         "escape-string-regexp": "^5.0.0",
         "estree-walker": "^3.0.3",
-        "local-pkg": "^1.0.0",
+        "local-pkg": "^1.1.1",
         "magic-string": "^0.30.17",
         "mlly": "^1.7.4",
         "pathe": "^2.0.3",
         "picomatch": "^4.0.2",
-        "pkg-types": "^1.3.1",
+        "pkg-types": "^2.1.0",
         "scule": "^1.3.0",
         "strip-literal": "^3.0.0",
-        "tinyglobby": "^0.2.11",
-        "unplugin": "^2.2.0",
+        "tinyglobby": "^0.2.12",
+        "unplugin": "^2.2.2",
         "unplugin-utils": "^0.2.4"
       },
       "engines": {
         "node": ">=18.12.0"
       }
     },
+    "node_modules/unimport/node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/unimport/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
     "node_modules/unimport/node_modules/escape-string-regexp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
@@ -15274,14 +16479,14 @@
       }
     },
     "node_modules/unimport/node_modules/local-pkg": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.0.tgz",
-      "integrity": "sha512-xbZBuX6gYIWrlLmZG43aAVer4ocntYO09vPy9lxd6Ns8DnR4U7N+IIeDkubinqFOHHzoMlPxTxwo0jhE7oYjAw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
       "license": "MIT",
       "dependencies": {
         "mlly": "^1.7.4",
-        "pkg-types": "^1.3.1",
-        "quansync": "^0.2.1"
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
       },
       "engines": {
         "node": ">=14"
@@ -15296,13 +16501,25 @@
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "license": "MIT"
     },
-    "node_modules/unimport/node_modules/unplugin": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.2.0.tgz",
-      "integrity": "sha512-m1ekpSwuOT5hxkJeZGRxO7gXbXT3gF26NjQ7GdVHoLoF8/nopLcd/QfPigpCy7i51oFHiRJg/CyHhj4vs2+KGw==",
+    "node_modules/unimport/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
       "license": "MIT",
       "dependencies": {
-        "acorn": "^8.14.0",
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/unimport/node_modules/unplugin": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.1.tgz",
+      "integrity": "sha512-l9lOQPGN82rUAnyX7Qw8z0E9oLgQ8tkPxFyAqX3x7DnX/jvgLHUqKX1b8u5RP6u6K0/GKfgvaiaB018j7zr+Nw==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "picomatch": "^4.0.2",
         "webpack-virtual-modules": "^0.6.2"
       },
       "engines": {
@@ -17144,6 +18361,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wkt-parser": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/wkt-parser/-/wkt-parser-1.4.0.tgz",
+      "integrity": "sha512-qpwO7Ihds/YYDTi1aADFTI1Sm9YC/tTe3SHD24EeIlZxy7Ik6a1b4HOz7jAi0xdUAw487duqpo8OGu+Tf4nwlQ==",
+      "license": "MIT"
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -17238,6 +18461,30 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/xss": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.15.tgz",
+      "integrity": "sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "commander": "^2.20.3",
+        "cssfilter": "0.0.10"
+      },
+      "bin": {
+        "xss": "bin/xss"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/xss/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index 04640d4..0125fe9 100644
--- a/package.json
+++ b/package.json
@@ -15,23 +15,29 @@
     "@aws-sdk/protocol-http": "^3.374.0",
     "@aws-sdk/s3-request-presigner": "^3.715.0",
     "@nuxt/icon": "^1.9.1",
+    "@nuxt/image": "^1.10.0",
     "@nuxtjs/i18n": "^9.1.1",
     "@nuxtjs/tailwindcss": "^6.12.2",
     "@pinia/nuxt": "^0.9.0",
+    "@tanstack/vue-table": "^8.21.2",
     "@vueuse/integrations": "^12.0.0",
-    "@vueuse/nuxt": "^12.0.0",
     "aws-sdk": "^2.1692.0",
     "axios": "^1.7.9",
+    "clipboard": "^2.0.11",
     "dayjs": "^1.11.13",
+    "dotted-map": "^2.2.3",
     "echarts": "^5.6.0",
     "json-editor-vue": "^0.17.3",
     "lodash": "^4.17.21",
+    "lucide-vue-next": "^0.487.0",
     "rustfs": "^8.0.2",
+    "motion-v": "^1.0.0-beta.2",
     "node-forge": "^1.3.1",
     "nuxt": "^3.15.4",
     "nuxtjs-naive-ui": "^1.0.2",
     "pinia": "^2.3.0",
     "strip-json-comments": "^5.0.1",
+    "tailwindcss": "^3.4.17",
     "ufo": "^1.5.4",
     "universal-cookie": "^7.2.2",
     "vue": "^3.5.11",
@@ -39,9 +45,16 @@
   },
   "devDependencies": {
     "@iconify-json/ri": "^1.2.3",
+    "@inspira-ui/plugins": "^0.0.1",
     "@types/aws4": "^1.11.6",
     "@types/node-forge": "^1.3.11",
+    "@vueuse/core": "^13.1.0",
+    "@vueuse/nuxt": "^13.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "naive-ui": "^2.40.3",
+    "tailwind-merge": "^3.2.0",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.7.2",
     "unplugin-auto-import": "^0.18.6",
     "unplugin-vue-components": "^0.27.5",
diff --git a/pages/auth/login.vue b/pages/auth/login.vue
index fec7d72..a91778c 100644
--- a/pages/auth/login.vue
+++ b/pages/auth/login.vue
@@ -1,7 +1,11 @@
 <script lang="ts" setup>
-setPageLayout('plain')
+await setPageLayout('plain')
 
+import { Motion } from "motion-v"
 import { ref } from 'vue'
+
+import AuroraBackground from '~/components/ui/aurora-background/AuroraBackground.vue'
+
 const method = ref('accessKeyAndSecretKey')
 const accessKeyAndSecretKey = ref({
   accessKeyId: '',
@@ -14,11 +18,6 @@ const sts = ref({
   sessionToken: '',
 })
 
-const options = ref([
-  { label: '秘钥登录', value: 'accessKeyAndSecretKey' },
-  { label: 'STS 登录', value: 'sts' },
-])
-
 const message = useMessage()
 const auth = useAuth()
 
@@ -48,57 +47,84 @@ const handleLogin = async () => {
 
 
 <template>
-  <div class="flex flex-col items-center justify-center min-h-screen bg relative">
-    <img src="~/assets/logo.svg" class="max-w-28" alt="" />
-    <div class="mt-7 w-full max-w-sm z-10 bg-white shadow-sm dark:bg-neutral-900 dark:border-neutral-700">
-      <div class="p-4 sm:p-7">
-        <div class="text-center">
-          <h1 class="block text-2xl font-bold text-gray-800 dark:text-white">登录</h1>
-          <p class="mt-2 text-sm text-gray-600 dark:text-neutral-400">
-            欢迎回来! <br>
-            <!-- 请登录账号 -->
-          </p>
-        </div>
+  <div class="lg:p-20 flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-neutral-700">
+    <AuroraBackground class="absolute inset-0 z-0">
+      <Motion as="div" :initial="{ opacity: 0, y: 40, filter: 'blur(10px)' }" :in-view="{
+        opacity: 1,
+        y: 0,
+        filter: 'blur(0px)',
+      }" :transition="{
+        delay: 0.3,
+        duration: 0.8,
+        ease: 'easeInOut',
+      }" class="relative flex flex-col items-center justify-center gap-4 px-4">
+      </Motion>
+    </AuroraBackground>
+    <div class="flex-1 flex w-full z-10 max-w-7xl lg:max-h-[75vh] shadow-lg rounded-lg overflow-hidden mx-auto dark:bg-neutral-800 dark:border-neutral-700">
+      <div class="hidden lg:block w-1/2">
+        <auth-heros-wordmap></auth-heros-wordmap>
+      </div>
+      <div class="w-full lg:w-1/2 flex flex-col justify-center items-center dark:bg-neutral-900 dark:border-neutral-700 relative">
+        <div class="max-w-sm w-full p-4 sm:p-7">
+          <img src="~/assets/logo.svg" class="max-w-28" alt="" />
+          <div class="py-6">
+            <h1 class="block text-2xl font-bold text-gray-800 dark:text-white">登录 RustFS 控制台</h1>
+            <p class="mt-2 text-sm text-gray-600 dark:text-neutral-400">
+              欢迎回来! <br>
+              <!-- 请登录账号 -->
+            </p>
+          </div>
 
-        <div class="mt-5 space-y-4">
-          <n-select v-model:value="method" :options="options" />
+          <div class="mt-5 space-y-4">
+            <n-tabs type="segment" animated size="small" v-model:value="method">
+              <n-tab-pane name="accessKeyAndSecretKey" label="秘钥登录" />
+              <n-tab-pane name="sts" label="STS 登录" />
+            </n-tabs>
 
-          <!-- Form -->
-          <form @submit.prevent="handleLogin">
-            <div class="grid gap-y-6">
-              <template v-if="method == 'accessKeyAndSecretKey'">
-                <div>
-                  <label for="accessKey" class="block text-sm mb-2 dark:text-white">账号</label>
-                  <n-input v-model:value="accessKeyAndSecretKey.accessKeyId" type="text" placeholder="请输入账号" />
-                </div>
-                <div>
-                  <div class="flex justify-between items-center">
-                    <label for="secretKey" class="block text-sm mb-2 dark:text-white">秘钥</label>
+            <!-- Form -->
+            <form @submit.prevent="handleLogin" autocomplete="off">
+              <div class="grid gap-y-6">
+                <template v-if="method == 'accessKeyAndSecretKey'">
+                  <div>
+                    <label for="accessKey" class="block text-sm mb-2 dark:text-white">账号</label>
+                    <n-input v-model:value="accessKeyAndSecretKey.accessKeyId" autocomplete="new-password" type="text" placeholder="请输入账号" />
                   </div>
-                  <n-input v-model:value="accessKeyAndSecretKey.secretAccessKey" type="password" placeholder="请输入秘钥" />
-                </div>
-              </template>
+                  <div>
+                    <div class="flex justify-between items-center">
+                      <label for="secretKey" class="block text-sm mb-2 dark:text-white">秘钥</label>
+                    </div>
+                    <n-input v-model:value="accessKeyAndSecretKey.secretAccessKey" autocomplete="new-password" type="password" placeholder="请输入秘钥" />
+                  </div>
+                </template>
 
-              <template v-else>
-                <div>
-                  <label for="accessKey" class="block text-sm mb-2 dark:text-white">STS 用户名</label>
-                  <n-input v-model:value="sts.accessKeyId" type="text" placeholder="请输入STS 用户名" />
-                </div>
-                <div>
-                  <label for="sts.secretAccessKey" class="block text-sm mb-2 dark:text-white">STS 秘钥</label>
-                  <n-input v-model:value="sts.secretAccessKey" type="password" placeholder="请输入STS 秘钥" />
-                </div>
-                <div>
-                  <label for="sessionToken" class="block text-sm mb-2 dark:text-white">STS sessionToken</label>
-                  <n-input v-model:value="sts.sessionToken" type="text" placeholder="请输入 STS sessionToken" />
-                </div>
-              </template>
+                <template v-else>
+                  <div>
+                    <label for="accessKey" class="block text-sm mb-2 dark:text-white">STS 用户名</label>
+                    <n-input v-model:value="sts.accessKeyId" autocomplete="new-password" type="text" placeholder="请输入STS 用户名" />
+                  </div>
+                  <div>
+                    <label for="sts.secretAccessKey" class="block text-sm mb-2 dark:text-white">STS 秘钥</label>
+                    <n-input v-model:value="sts.secretAccessKey" autocomplete="new-password" type="password" placeholder="请输入STS 秘钥" />
+                  </div>
+                  <div>
+                    <label for="sessionToken" class="block text-sm mb-2 dark:text-white">STS sessionToken</label>
+                    <n-input v-model:value="sts.sessionToken" autocomplete="new-password" type="text" placeholder="请输入 STS sessionToken" />
+                  </div>
+                </template>
 
-              <button type="submit"
-                class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none">登 录</button>
-            </div>
-          </form>
-          <!-- End Form -->
+                <button type="submit"
+                  class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none">登
+                  录</button>
+              </div>
+            </form>
+            <!-- End Form -->
+          </div>
+
+          <div class="my-8">
+            <p class="text-sm text-gray-600 dark:text-neutral-400">
+              登录遇到问题? <nuxt-link to="https://www.rustfs.com" class="text-blue-600 hover:underline">获取帮助</nuxt-link>
+            </p>
+          </div>
         </div>
       </div>
     </div>
diff --git a/pages/index.vue b/pages/index.vue
index 27a42b2..11f136c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,7 @@
 <script lang="ts" setup>
 const router = useRouter()
-router.push('/browser')
-
 watchEffect(() => {
+  router.push('/browser')
   console.log('Navigated to buckets')
 })
 
diff --git a/pages/performance/index.vue b/pages/performance/index.vue
index b9971e7..fa49004 100644
--- a/pages/performance/index.vue
+++ b/pages/performance/index.vue
@@ -79,13 +79,8 @@
         <n-card title="用户情况报告" :bordered="false" class="report-card">
           <n-flex :size="20" justify="space-between" align="center">
             <span class="text-3xl font-bold">{{ niceBytes(datausageinfo.total_used_capacity) }}</span>
-            <n-progress
-              style="margin: 0 8px 12px 0; width: 90px"
-              type="circle"
-              :percentage="datausageinfo.total_used_capacity / datausageinfo.total_capacity"
-              :color="themeVars.infoColor"
-              :rail-color="changeColor(themeVars.infoColor, { alpha: 0.2 })"
-              :indicator-text-color="themeVars.infoColor">
+            <n-progress style="margin: 0 8px 12px 0; width: 90px" type="circle" :percentage="datausageinfo.total_used_capacity / datausageinfo.total_capacity"
+              :color="themeVars.infoColor" :rail-color="changeColor(themeVars.infoColor, { alpha: 0.2 })" :indicator-text-color="themeVars.infoColor">
               <span style="text-align: center"></span>
             </n-progress>
           </n-flex>
@@ -135,7 +130,9 @@
       <n-list-item class="basis-1/3 mx-2" style="background-color: var(--n-color)">
         <n-thing class="px-2">
           <template #avatar>
-            <div><Icon name="ri:secure-payment-fill" /></div>
+            <div>
+              <Icon name="ri:secure-payment-fill" />
+            </div>
           </template>
           <template #header>标准存储类奇偶校验</template>
           <template #header-extra>
@@ -160,8 +157,8 @@
     </n-list>
     <n-space vertical :size="20">
       <n-card :title="`服务器列表(${serverInfo.count})`" :bordered="false" class="server-list-card">
-        <n-collapse>
-          <n-collapse-item v-for="server in systemInfo?.servers" :key="server.endpoint" :title="server.endpoint">
+        <n-collapse :accordion="true" :default-expanded-names="1" class="server-list">
+          <n-collapse-item v-for="(server, index) in systemInfo?.servers" :name="index + 1" :key="server.endpoint" :title="server.endpoint">
             <template #header>
               <div class="flex justify-between align-items-center">
                 <n-space>
@@ -190,27 +187,11 @@
               </div>
             </template>
             <template #header-extra>版本: 2024-03-24T03:47</template>
-            <n-carousel
-              :show-dots="false"
-              :show-arrow="true"
-              :autoplay="false"
-              :slides-per-view="3"
-              ref="driveCarouselRef"
-              draggable
-              class="drive-carousel"
-              :space-between="20">
-              <n-carousel-item
-                v-for="drive in server.drives"
-                :key="drive.uuid"
-                style="width: 350px"
-                class="flex flex-col justify-start items-center p-4 border rounded mx-2 ml-0">
+            <n-carousel :show-dots="false" :show-arrow="true" :autoplay="false" :slides-per-view="3" ref="driveCarouselRef" draggable class="drive-carousel" :space-between="20">
+              <n-carousel-item v-for="drive in server.drives" :key="drive.uuid" style="width: 350px" class="flex flex-col justify-start items-center p-4 border rounded mx-2 ml-0">
                 <div class="self-start ps-6">{{ drive.drive_path }}</div>
                 <div class="flex w-full justify-around items-center my-8">
-                  <n-progress
-                    type="circle"
-                    style="width: 140px"
-                    :percentage="Math.round((drive.used_space / drive.total_space) * 100)"
-                    size="small">
+                  <n-progress type="circle" style="width: 140px" :percentage="Math.round((drive.used_space / drive.total_space) * 100)" size="small">
                     <span class="text-center">{{ niceBytes(drive.used_space) }}</span>
                   </n-progress>
                   <div class="flex flex-col justify-between text-center">
@@ -232,14 +213,13 @@
 </template>
 
 <script lang="ts" setup>
-import { useThemeVars } from "naive-ui"
+import dayjs from "dayjs"
+import { NButton, NCard, NCol, NProgress, NRow, NSpace, useThemeVars } from "naive-ui"
 import { changeColor } from "seemly"
-import { NButton, NCard, NCol, NProgress, NRow, NSpace, NTag, NDivider } from "naive-ui"
+import { niceBytes } from "../../utils/functions"
 const themeVars = useThemeVars()
 const systemApi = useSystem()
 const poolsApi = usePools()
-import dayjs from "dayjs"
-import { niceBytes } from "../../utils/functions"
 
 const systemInfo: any = ref({})
 const getSystemInfo = async () => {
diff --git a/plugins/01.config.ts b/plugins/01.config.ts
index 2d838d8..b7c5c90 100644
--- a/plugins/01.config.ts
+++ b/plugins/01.config.ts
@@ -17,6 +17,11 @@ export default defineNuxtPlugin({
     } catch (error) {
       finalConfig = useRuntimeConfig().public
     }
+
+    if (!finalConfig.api.baseURL) {
+      throw new Error('API URL is not defined in the configuration.')
+    }
+
     return {
       provide: {
         siteConfig: finalConfig
diff --git a/plugins/03.s3.ts b/plugins/03.s3.ts
index 59515f0..8fc9fa4 100644
--- a/plugins/03.s3.ts
+++ b/plugins/03.s3.ts
@@ -15,6 +15,7 @@ export default defineNuxtPlugin({
     const client = new S3Client({
       endpoint: siteConfig.s3.endpoint,
       region: siteConfig.s3.region || 'us-east-1',
+      forcePathStyle: true,
       // https://github.com/aws/aws-sdk-js-v3/issues/6834#issuecomment-2611346849
       requestChecksumCalculation: "WHEN_REQUIRED",
       credentials: {
@@ -24,6 +25,26 @@ export default defineNuxtPlugin({
       }
     });
 
+    // 添加中间件捕捉 401 错误
+    client.middlewareStack.add(
+      (next, context) => async (args) => {
+        try {
+          return await next(args);
+        } catch (error: any) {
+          if (error?.$metadata?.httpStatusCode === 401) {
+            await useAuth().logoutAndRedirect();
+          }
+          // 其他错误处理
+          console.error('S3Client error:', error);
+          throw error;
+        }
+      },
+      {
+        step: "finalizeRequest",
+        name: "handleUnauthorizedMiddleware",
+      }
+    );
+
     return {
       provide: {
         s3Client: client
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 403c994..3559bdf 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,3 +1,6 @@
+import { setupInspiraUI } from "@inspira-ui/plugins";
+import animate from "tailwindcss-animate";
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -8,7 +11,7 @@ export default {
     './nuxt.config.{js,ts}',
     './app.vue'
   ],
-  darkMode: 'class', // or 'media' or 'class'
+  darkMode: ['class'], // or 'media' or 'class'
   theme: {
     extend: {
       colors: {
@@ -45,19 +48,29 @@ export default {
           DEFAULT: 'hsl(var(--card))',
           foreground: 'hsl(var(--card-foreground))'
         },
-
-        // overwrite the naive-ui primary color
         'primary-1': 'rgba(var(--n-primary-color-1))',
         'primary-2': 'rgba(var(--n-primary-color-2))',
         'primary-3': 'rgba(var(--n-primary-color-3))',
-        // ...
         'primary-10': 'rgba(var(--n-primary-color-10))',
         'primary-hover': 'rgba(var(--n-primary-color-hover))',
         'primary-pressed': 'rgba(var(--n-primary-color-pressed))',
         'primary-focus': 'rgba(var(--n-primary-color-focus))',
-        'primary-disabled': 'rgba(var(--n-primary-color-disabled))'
+        'primary-disabled': 'rgba(var(--n-primary-color-disabled))',
+        chart: {
+          '1': 'hsl(var(--chart-1))',
+          '2': 'hsl(var(--chart-2))',
+          '3': 'hsl(var(--chart-3))',
+          '4': 'hsl(var(--chart-4))',
+          '5': 'hsl(var(--chart-5))'
+        }
+      },
+      borderRadius: {
+        xl: 'calc(var(--radius) + 4px)',
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)'
       }
     }
   },
-  plugins: []
+  plugins: [animate, setupInspiraUI, require("tailwindcss-animate")],
 }