From 17525763741450f59df1d7b22e62d7ff41b9dd1c Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 01:10:35 +0800
Subject: [PATCH 01/52] Feat(mobile): scroll-hide nav, iOS PWA safe-area
 painter, theme refactor
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Nav slides up on scroll-down / down on scroll-up on mobile, with
  threshold + top-of-page protection
- iOS PWA: apple-mobile-web-app-status-bar-style=black-translucent +
  fixed-position safe-area painter in Nav, driven by --page-bg CSS var.
  Works around WebKit's refusal to honor JS theme-color updates and
  media-variant theme-color tags in standalone PWA mode.
- Sheet + Drawer primitives now respect safe-area-inset via inline
  padding (top/left/right get inset-top; bottom gets inset-bottom)
- Extract theme orchestration from Preferences.vue into use-theme.js
  composable mounted at App root — Preferences is now pure UI
- Align page-bg color literals across style.css (--page-bg),
  index.html (html bg + meta theme-color), and manifest.webmanifest

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/App.vue                              |  4 +
 frontend/components/Nav.vue                   | 78 ++++++++++++++++---
 .../components/ui/drawer/DrawerContent.vue    |  1 +
 frontend/components/ui/sheet/SheetContent.vue | 21 +++++
 frontend/components/widgets/Preferences.vue   | 57 +-------------
 frontend/composables/use-theme.js             | 35 +++++++++
 frontend/style/style.css                      |  6 ++
 index.html                                    | 22 ++++--
 public/manifest.webmanifest                   |  2 +-
 9 files changed, 153 insertions(+), 73 deletions(-)
 create mode 100644 frontend/composables/use-theme.js

diff --git a/frontend/App.vue b/frontend/App.vue
index 3773154e1..64c16f385 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -60,6 +60,7 @@ import { useInfoMask } from '@/composables/use-info-mask.js';
 import { useRefreshOrchestrator } from '@/composables/use-refresh-orchestrator.js';
 import { useShortcuts } from '@/composables/use-shortcuts.js';
 import { useSectionTracking } from '@/composables/use-section-tracking.js';
+import { useTheme } from '@/composables/use-theme.js';
 
 const { t } = useI18n();
 const store = useMainStore();
@@ -137,6 +138,9 @@ const { loadShortcuts } = useShortcuts({
 // Scroll monitoring + section tracking (logic from widgets/Patch.vue)
 useSectionTracking();
 
+// Theme orchestration: initial apply, OS flip listener, preference watcher.
+useTheme();
+
 onMounted(() => {
     loadingControl();
     loadShortcuts();
diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 242770f51..cf7ebb1d2 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -1,7 +1,18 @@
 <template>
+  <!-- iOS PWA safe-area painter. Pairs with apple-mobile-web-app-status-bar-style=black-translucent
+       in index.html — the only way to get a live status-bar tint on iOS PWA, since WebKit
+       ignores JS theme-color writes and media-variant theme-color tags in standalone mode.
+       Color tracks --page-bg (style.css), which follows .dark class. -->
+  <div
+    class="fixed top-0 left-0 right-0 z-50 pointer-events-none transition-colors duration-300"
+    style="height: env(safe-area-inset-top); background: var(--page-bg);"
+    aria-hidden="true"
+  ></div>
+
   <!-- Nav -->
   <header
-    class="sticky top-0 z-40 w-full border-b bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur">
+    class="sticky top-[env(safe-area-inset-top)] z-40 w-full border-b bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur transition-transform duration-300 ease-out will-change-transform"
+    :class="{ '-translate-y-full': isNavHidden }">
     <nav id="navbar-top"
       class="mx-auto flex w-full max-w-[1600px] items-center gap-2 px-3 sm:px-4 h-14">
 
@@ -170,7 +181,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
@@ -196,13 +207,11 @@ import { SECTION_IDS } from '@/data/sections';
 const { t } = useI18n();
 const store = useMainStore();
 
-// Basic state
 const isDarkMode = computed(() => store.isDarkMode);
 const isMobile = computed(() => store.isMobile);
 const currentSection = computed(() => store.currentSection);
 const loaded = ref(false);
 
-// Navigation items (desktop + mobile share the same list)
 const navItems = SECTION_IDS;
 
 // nav link style — current section highlight use bg-accent instead of only bold
@@ -247,17 +256,14 @@ const onNavMenuChange = (val) => {
   store.setOpenSheet(val ? 'navMenu' : null);
 };
 
-// Open preferences — consumed by `p` key in use-shortcuts.js defineExpose
+// Consumed by `p` shortcut in use-shortcuts.js via defineExpose.
 const OpenPreferences = () => {
   store.toggleSheet('preferences');
   trackEvent('Nav', 'NavClick', 'Preferences');
 };
 
-// Logo click:
-//   - Page middle → smooth scroll to top
-//   - Already at top → trigger full refresh
-// Note: native behavior of <a href="#"> is to jump to top instantly, not smooth scrolling.
-// Here we prevent the default behavior and use window.scrollTo + smooth to ensure the animation effect.
+// At top → full refresh; mid-page → smooth scroll up. preventDefault
+// avoids the native instant-jump of <a href="#">.
 const handleLogoClick = (e) => {
   if (window.scrollY === 0) {
     store.setRefreshEveryThing(true);
@@ -278,6 +284,58 @@ const scrollToSection = (el, offset = 70) => {
 
 watch(() => store.allHasLoaded, (newValue) => { loaded.value = newValue; });
 
+// Mobile: hide nav on scroll-down, show on scroll-up.
+// SCROLL_DELTA filters out micro-jitter; SHOW_AT_TOP forces the nav
+// visible near the top of the page regardless of direction.
+const isNavHidden = ref(false);
+let lastScrollY = 0;
+let scrollTicking = false;
+const SCROLL_DELTA = 5;
+const SHOW_AT_TOP = 48;
+
+const onScroll = () => {
+  if (scrollTicking) return;
+  scrollTicking = true;
+  requestAnimationFrame(() => {
+    const y = window.scrollY;
+    const dy = y - lastScrollY;
+    if (y <= SHOW_AT_TOP) {
+      isNavHidden.value = false;
+    } else if (Math.abs(dy) > SCROLL_DELTA) {
+      // Keep nav visible while the menu drawer is open so its close
+      // affordance stays in place.
+      if (dy > 0 && !isNavMenuOpen.value) {
+        isNavHidden.value = true;
+      } else if (dy < 0) {
+        isNavHidden.value = false;
+      }
+    }
+    lastScrollY = y;
+    scrollTicking = false;
+  });
+};
+
+watch(isMobile, (mobile) => {
+  if (!mobile) {
+    isNavHidden.value = false;
+    window.removeEventListener('scroll', onScroll);
+  } else {
+    lastScrollY = window.scrollY;
+    window.addEventListener('scroll', onScroll, { passive: true });
+  }
+}, { immediate: false });
+
+onMounted(() => {
+  if (isMobile.value) {
+    lastScrollY = window.scrollY;
+    window.addEventListener('scroll', onScroll, { passive: true });
+  }
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('scroll', onScroll);
+});
+
 defineExpose({ OpenPreferences });
 </script>
 
diff --git a/frontend/components/ui/drawer/DrawerContent.vue b/frontend/components/ui/drawer/DrawerContent.vue
index f31b1b3f9..fe817ced2 100644
--- a/frontend/components/ui/drawer/DrawerContent.vue
+++ b/frontend/components/ui/drawer/DrawerContent.vue
@@ -25,6 +25,7 @@ defineEmits(['close', 'escapeKeyDown']);
         'fixed inset-x-0 bottom-0 z-[10001] mt-24 flex h-auto flex-col rounded-t-[14px] border bg-background shadow-lg outline-none',
         props.class,
       )"
+      :style="{ paddingBottom: 'env(safe-area-inset-bottom)' }"
       @escape-key-down="$emit('escapeKeyDown', $event)"
     >
       <DrawerHandle
diff --git a/frontend/components/ui/sheet/SheetContent.vue b/frontend/components/ui/sheet/SheetContent.vue
index 3d02ca580..d64925401 100644
--- a/frontend/components/ui/sheet/SheetContent.vue
+++ b/frontend/components/ui/sheet/SheetContent.vue
@@ -1,6 +1,7 @@
 <script setup>
 // shadcn-vue Sheet 面板：四向滑入，包含 overlay
 // 见 refactor/01 阶段 B
+import { computed } from 'vue';
 import { DialogContent, DialogOverlay, DialogPortal, DialogTitle, VisuallyHidden } from 'reka-ui';
 import { cva } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
@@ -30,6 +31,25 @@ const props = defineProps({
   onInteractOutside: { type: Function, default: undefined },
 });
 defineEmits(['close', 'escapeKeyDown']);
+
+// Push content past the iOS safe-area insets so it doesn't render
+// behind the transparent status bar / home indicator. Inline style
+// so consumers' `p-0` doesn't override it.
+const safeAreaStyle = computed(() => {
+  switch (props.side) {
+    case 'top':
+      return { paddingTop: 'env(safe-area-inset-top)' };
+    case 'bottom':
+      return { paddingBottom: 'env(safe-area-inset-bottom)' };
+    case 'left':
+    case 'right':
+    default:
+      return {
+        paddingTop: 'env(safe-area-inset-top)',
+        paddingBottom: 'env(safe-area-inset-bottom)',
+      };
+  }
+});
 </script>
 
 <template>
@@ -39,6 +59,7 @@ defineEmits(['close', 'escapeKeyDown']);
     />
     <DialogContent
       :class="cn(sheetVariants({ side }), props.class)"
+      :style="safeAreaStyle"
       :on-pointer-down-outside="onPointerDownOutside"
       :on-interact-outside="onInteractOutside"
       @escape-key-down="$emit('escapeKeyDown', $event)"
diff --git a/frontend/components/widgets/Preferences.vue b/frontend/components/widgets/Preferences.vue
index 0210a9bb2..67ea02c7b 100644
--- a/frontend/components/widgets/Preferences.vue
+++ b/frontend/components/widgets/Preferences.vue
@@ -123,7 +123,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, watch, h } from 'vue';
+import { computed, onMounted, h } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
@@ -148,7 +148,6 @@ import {
 const { t } = useI18n();
 
 const store = useMainStore();
-const isDarkMode = computed(() => store.isDarkMode);
 const configs = computed(() => store.configs);
 const userPreferences = computed(() => store.userPreferences);
 const ipDBs = computed(() => store.ipDBs);
@@ -183,45 +182,6 @@ const currentIpDB = computed(() =>
     ipDBs.value.find(db => db.id === userPreferences.value.ipGeoSource)
 );
 
-// Theme coordination — applies the user's preference ("light" / "dark" / "auto")
-// to the store, <html> `.dark` class, body class, and PWA meta colors.
-//
-// Single source of truth: applyTheme() reads the *current* userPreferences.theme
-// and the *current* OS color-scheme together, decides the effective dark state,
-// and pushes it everywhere. Called on mount, on OS flip, and on user preference
-// change — so all three triggers path through the same logic.
-//
-// The earlier version read userPreferences.theme at callback-definition time
-// and also called handleThemeChange inside prefTheme *before* persisting the
-// new theme value, so "auto" could miss the OS flip and "click auto" could
-// get stuck on the previous manual state.
-const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
-
-const applyTheme = () => {
-    const theme = userPreferences.value.theme;
-    const isDark =
-        theme === 'dark' ||
-        (theme === 'auto' && mediaQueryList.matches);
-    store.setDarkMode(isDark);
-    updateBodyClass();
-    PWAColor();
-};
-
-const handleMediaChange = () => applyTheme();
-
-const updateBodyClass = () => {
-    document.body.classList.toggle('body-dark-mode', isDarkMode.value);
-};
-
-const PWAColor = () => {
-    const themeColor = document.querySelector('meta[name="theme-color"]');
-    const backgroundColor = document.querySelector('meta[name="background-color"]');
-    const color = isDarkMode.value ? '#171a1d' : '#f8f9fa';
-    const bgColor = isDarkMode.value ? '#212529' : '#ffffff';
-    themeColor.setAttribute('content', color);
-    backgroundColor.setAttribute('content', bgColor);
-};
-
 const updateIPDBs = () => {
     if (configs.value && Object.keys(configs.value).length > 0) {
         store.updateIPDBs({ id: 0, enabled: configs.value.ipChecking });
@@ -232,9 +192,8 @@ const updateIPDBs = () => {
 };
 
 const prefTheme = (value) => {
-    // Persist first so applyTheme() reads the new value, then apply.
+    // Application is handled by use-theme.js, which watches this preference.
     store.updatePreference('theme', value);
-    applyTheme();
     trackEvent('Nav', 'PreferenceClick', 'Theme');
 };
 
@@ -281,21 +240,9 @@ const prefipGeoSource = (value) => {
 };
 
 onMounted(() => {
-    mediaQueryList.addEventListener('change', handleMediaChange);
-    applyTheme();
     setTimeout(updateIPDBs, 4000);
 });
 
-// Clean up the OS listener if this component is ever torn down (it normally
-// lives for the life of the app, but be hygienic).
-onUnmounted(() => {
-    mediaQueryList.removeEventListener('change', handleMediaChange);
-});
-
-// Also react when the user switches theme via any path — the watcher keeps
-// applyTheme() firing even if a future code path mutates store.theme directly.
-watch(() => userPreferences.value.theme, applyTheme);
-
 
 // Section title: lucide icon + text, unified rhythm
 const SectionTitle = (props, { slots }) =>
diff --git a/frontend/composables/use-theme.js b/frontend/composables/use-theme.js
new file mode 100644
index 000000000..dd7ee1aff
--- /dev/null
+++ b/frontend/composables/use-theme.js
@@ -0,0 +1,35 @@
+// Theme orchestrator. Reads userPreferences.theme + OS color-scheme,
+// resolves the effective dark state, and pushes it to the store and
+// body class. Reacts to OS theme flips and preference changes. Mount
+// once at the app root (App.vue) — multiple instances would attach
+// duplicate listeners.
+
+import { onMounted, onUnmounted, watch } from 'vue';
+import { useMainStore } from '@/store';
+
+export function useTheme() {
+    const store = useMainStore();
+    const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+
+    const applyTheme = () => {
+        const theme = store.userPreferences.theme;
+        const isDark =
+            theme === 'dark' ||
+            (theme === 'auto' && mediaQueryList.matches);
+        store.setDarkMode(isDark);
+        document.body.classList.toggle('body-dark-mode', isDark);
+    };
+
+    const handleMediaChange = () => applyTheme();
+
+    onMounted(() => {
+        mediaQueryList.addEventListener('change', handleMediaChange);
+        applyTheme();
+    });
+
+    onUnmounted(() => {
+        mediaQueryList.removeEventListener('change', handleMediaChange);
+    });
+
+    watch(() => store.userPreferences.theme, applyTheme);
+}
diff --git a/frontend/style/style.css b/frontend/style/style.css
index 94895bd8b..0f2f43fa8 100644
--- a/frontend/style/style.css
+++ b/frontend/style/style.css
@@ -67,6 +67,11 @@
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
   --radius: 0.5rem;
+  /* Canonical page background. Single source of truth for the iOS PWA
+     safe-area painter (Nav.vue). Must stay in sync with the literal
+     hex values in: index.html inline `html { background }`, index.html
+     <meta theme-color>, public/manifest.webmanifest. */
+  --page-bg: #ffffff;
 }
 
 .dark {
@@ -98,6 +103,7 @@
   --border: oklch(1 0 0 / 0.1);
   --input: oklch(1 0 0 / 0.15);
   --ring: oklch(0.556 0 0);
+  --page-bg: #0e0e0e;
 }
 
 @theme inline {
diff --git a/index.html b/index.html
index 1d7bb7053..13d70fc1e 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,9 @@
   <meta name="robots" content="index, follow" />
   <meta name="author" content="Jason Ng" />
   <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="theme-color" content="#f8f9fa" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#0e0e0e" media="(prefers-color-scheme: dark)" />
   <meta name="background-color" content="#ffffff" />
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
   <!-- Avoid auto-linking phone numbers -->
@@ -98,6 +100,12 @@
       padding: 0;
     }
 
+    /* Keep page content below the iOS safe-area (transparent status
+       bar). env() resolves to 0 on non-notch platforms — no effect. */
+    body {
+      padding-top: env(safe-area-inset-top);
+    }
+
     html {
       line-height: 1.5;
       -webkit-text-size-adjust: 100%;
@@ -108,7 +116,7 @@
         "Apple Color Emoji", "Segoe UI Emoji";
       scrollbar-gutter: stable;
       background: #ffffff;
-      color: #0a0a0a;
+      color: #0e0e0e;
     }
 
     /* Dark mode is gated strictly on the `.dark` class — *never* on
@@ -118,7 +126,7 @@
        before first paint, so boot-screen rendering already reflects the
        right theme without a flash. */
     html.dark {
-      background: #0a0a0a;
+      background: #0e0e0e;
       color: #fafafa;
     }
 
@@ -143,13 +151,13 @@
     }
 
     html.dark .jn-loading {
-      background: #0a0a0a;
+      background: #0e0e0e;
     }
 
     /* Hand-off, driven from App.vue:
-         stage-1 — non-logo children fade out, logo stays put.
-         stage-2 — logo scales down to 0 and fades.
-         stage-3 — overlay removed, `#app` runs `.jn-app-enter` below. */
+        stage-1 — non-logo children fade out, logo stays put.
+        stage-2 — logo scales down to 0 and fades.
+        stage-3 — overlay removed, `#app` runs `.jn-app-enter` below. */
     .jn-loading>svg,
     .jn-loading>div,
     .jn-loading>.jn-spinner,
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index 96c8e73e4..c4c1cc4d9 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -6,7 +6,7 @@
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "theme_color": "#f8f9fa",
+  "theme_color": "#ffffff",
   "background_color": "#ffffff",
   "orientation": "portrait",
   "icons": [

From c526d46ded008ee2339a9ea7e119c55a875cd1bf Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 01:16:46 +0800
Subject: [PATCH 02/52] Improvements

---
 frontend/data/changelog.json         | 26 +++++++++++++++++++++++++-
 frontend/data/default-preferences.js |  2 +-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index 43b53744b..dd815b2a8 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1126,7 +1126,7 @@
   },
   {
     "version": "v6.3.0",
-    "date": "Beta",
+    "date": "May 27, 2026",
     "content": [
       {
         "type": "add",
@@ -1174,5 +1174,29 @@
         }
       }
     ]
+  },
+  {
+    "version": "v6.4.0",
+    "date": "Beta",
+    "content": [
+      {
+        "type": "improve",
+        "change": {
+          "en": "Navbar will hide when scrolling on mobile",
+          "zh": "导航栏在手机上会跟随滚动隐藏",
+          "fr": "La barre de navigation se cache lors du défilement sur mobile",
+          "tr": "Navbar mobil tarayıcıda kaydırılırken gizlenir"
+        }
+      },
+      {
+        "type": "fix",
+        "change": {
+          "en": "Fixed a bug that caused the PWA status bar color to not match the theme",
+          "zh": "修复 PWA 状态栏颜色与主题不一致的问题",
+          "fr": "Correction d'un bug causant la couleur de la barre de statut PWA à ne pas correspondre au thème",
+          "tr": "PWA durum çubuğu rengi tema ile eşleşmediği bir hata düzeltildi"
+        }
+      }
+    ]
   }
 ]
\ No newline at end of file
diff --git a/frontend/data/default-preferences.js b/frontend/data/default-preferences.js
index 54c9ab9e6..8a635cf3f 100644
--- a/frontend/data/default-preferences.js
+++ b/frontend/data/default-preferences.js
@@ -9,7 +9,7 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   simpleMode: false,
   autoStart: true,
   hideUnavailableIPStack: false,
-  popupConnectivityNotifications: true,
+  popupConnectivityNotifications: false,
   ipCardsToShow: 2,
   ipGeoSource: 0,
   lang: 'auto', // auto | zh | en | fr | tr

From 5fcb1dd2fe213af065c92f51fc196c2b94d14c65 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 02:46:56 +0800
Subject: [PATCH 03/52] UX Improvements

---
 frontend/components/Achievements.vue          |  2 +-
 frontend/components/Additional.vue            |  2 +-
 frontend/components/Advanced.vue              |  2 +-
 frontend/components/ConnectivityTest.vue      | 22 +++++++++----------
 frontend/components/DnsLeaksTest.vue          |  4 ++--
 frontend/components/Footer.vue                |  5 +++--
 frontend/components/Nav.vue                   | 13 ++++++-----
 frontend/components/SpeedTest.vue             |  2 +-
 frontend/components/User.vue                  |  2 +-
 frontend/components/WebRtcTest.vue            | 15 +++++++------
 .../components/advanced-tools/BrowserInfo.vue |  2 +-
 .../advanced-tools/CensorshipCheck.vue        |  2 +-
 .../components/advanced-tools/DnsResolver.vue |  2 +-
 .../advanced-tools/EnhancedDnsLeakTest.vue    |  2 +-
 .../advanced-tools/GlobalLatencyTest.vue      |  2 +-
 .../advanced-tools/InvisibilityTest.vue       |  2 +-
 .../components/advanced-tools/MacChecker.vue  |  2 +-
 .../components/advanced-tools/MtrTest.vue     |  2 +-
 .../components/advanced-tools/RuleTest.vue    |  2 +-
 .../advanced-tools/SecurityChecklist.vue      |  2 +-
 frontend/components/advanced-tools/Whois.vue  |  2 +-
 .../components/ip-infos/ASNConnectivity.vue   |  2 +-
 frontend/components/ip-infos/ASNHistory.vue   |  2 +-
 frontend/components/ip-infos/ASNInfo.vue      |  2 +-
 frontend/components/ip-infos/IPCard.vue       |  2 +-
 .../components/ip-infos/IpDetailPanel.vue     |  4 ++--
 .../ui/accordion/AccordionTrigger.vue         |  2 +-
 frontend/components/ui/dialog/DialogClose.vue |  2 +-
 frontend/components/ui/drawer/DrawerClose.vue |  2 +-
 frontend/components/ui/select/SelectItem.vue  |  2 +-
 .../components/ui/select/SelectTrigger.vue    |  2 +-
 frontend/components/ui/sheet/SheetClose.vue   |  2 +-
 frontend/components/ui/spinner/Spinner.vue    |  2 +-
 frontend/components/widgets/CopyButton.vue    |  2 +-
 frontend/components/widgets/Help.vue          |  2 +-
 frontend/components/widgets/InfoMask.vue      |  2 +-
 frontend/components/widgets/Preferences.vue   |  2 +-
 frontend/components/widgets/QueryIP.vue       |  2 +-
 frontend/data/changelog.json                  |  9 ++++++++
 frontend/locales/en.json                      |  1 +
 frontend/locales/fr.json                      |  1 +
 frontend/locales/tr.json                      |  1 +
 frontend/locales/zh.json                      |  1 +
 package.json                                  |  2 +-
 tests/default-preferences.test.js             |  2 +-
 45 files changed, 80 insertions(+), 64 deletions(-)

diff --git a/frontend/components/Achievements.vue b/frontend/components/Achievements.vue
index 1f22e47e9..f13acabc1 100644
--- a/frontend/components/Achievements.vue
+++ b/frontend/components/Achievements.vue
@@ -111,7 +111,7 @@ import { trackEvent } from '@/utils/use-analytics';
 import unixToDateTime from '@/utils/timestamp-to-date';
 import { Sheet, SheetContent, SheetClose } from '@/components/ui/sheet';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
-import { Award, CircleCheck, CircleX } from 'lucide-vue-next';
+import { Award, CircleCheck, CircleX } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/Additional.vue b/frontend/components/Additional.vue
index 3eaceb7c1..3e2f8d290 100644
--- a/frontend/components/Additional.vue
+++ b/frontend/components/Additional.vue
@@ -70,7 +70,7 @@ import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
-import { Terminal } from 'lucide-vue-next';
+import { Terminal } from '@lucide/vue';
 import { Badge } from '@/components/ui/badge';
 
 const { t } = useI18n();
diff --git a/frontend/components/Advanced.vue b/frontend/components/Advanced.vue
index 4473ad8a7..b044b64ad 100644
--- a/frontend/components/Advanced.vue
+++ b/frontend/components/Advanced.vue
@@ -76,7 +76,7 @@ import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
 import { Drawer, DrawerContent, DrawerClose } from '@/components/ui/drawer';
 import { Card, CardContent } from '@/components/ui/card';
-import { Maximize, Minimize, PanelBottomOpen } from 'lucide-vue-next';
+import { Maximize, Minimize, PanelBottomOpen } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/ConnectivityTest.vue b/frontend/components/ConnectivityTest.vue
index 0bba09bfc..d7a4b4667 100644
--- a/frontend/components/ConnectivityTest.vue
+++ b/frontend/components/ConnectivityTest.vue
@@ -31,7 +31,7 @@
         <CardContent class="p-4">
           <!-- Brand icon (built-in) or first-letter tile (custom) + name -->
           <div class="flex items-center gap-2 mb-3">
-            <component v-if="test.icon" :is="test.icon" class="size-6 text-muted-foreground" />
+            <Icon v-if="test.icon" :icon="test.icon" class="size-6 text-muted-foreground" />
             <span v-else
               class="size-6 shrink-0 rounded-lg inline-flex items-center justify-center text-xs font-semibold text-muted-foreground border-2 border-muted-foreground">
               {{ (test.name || '?').charAt(0).toUpperCase() }}
@@ -126,9 +126,9 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
 import {
-  Play, Chrome, Cloud, Compass, CirclePlus, Frown, Github, Meh, MessageCircle,
-  MessageSquareQuote, RotateCw, Smile, Store, X, Youtube,
-} from 'lucide-vue-next';
+  Play, CirclePlus, Frown, Meh, RotateCw, Smile, X,
+} from '@lucide/vue';
+import { Icon } from '@iconify/vue';
 
 const { t } = useI18n();
 const store = useMainStore();
@@ -159,13 +159,13 @@ const MAX_CUSTOM_TARGETS = 9;
 // independent of the best-of-N face/text. `time` powers the per-dot hover
 // tooltip; for `tone: 'fail'` rounds it stays 0. Bootstrap-only writer.
 const connectivityTests = reactive([
-  { id: 'wechat', name: 'WeChat', icon: MessageCircle, url: 'https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'taobao', name: 'Taobao', icon: Store, url: 'https://www.taobao.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'google', name: 'Google', icon: Chrome, url: 'https://www.google.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'cloudflare', name: 'Cloudflare', icon: Cloud, url: 'https://www.cloudflare.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'youtube', name: 'YouTube', icon: Youtube, url: 'https://www.youtube.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'github', name: 'GitHub', icon: Github, url: 'https://github.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'chatgpt', name: 'ChatGPT', icon: MessageSquareQuote, url: 'https://chatgpt.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'wechat', name: 'WeChat', icon: 'ri:wechat-line', url: 'https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'taobao', name: 'Taobao', icon: 'ri:taobao-line', url: 'https://www.taobao.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'google', name: 'Google', icon: 'ri:google-line', url: 'https://www.google.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'cloudflare', name: 'Cloudflare', icon: 'ri:cloud-line', url: 'https://www.cloudflare.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'youtube', name: 'YouTube', icon: 'ri:youtube-line', url: 'https://www.youtube.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'github', name: 'GitHub', icon: 'ri:github-line', url: 'https://github.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  { id: 'chatgpt', name: 'ChatGPT', icon: 'ri:openai-line', url: 'https://chatgpt.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
 ]);
 
 // Reconcile custom targets by id (not wipe-and-refill) so existing cards
diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index 8077309a5..9da8f3626 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -29,7 +29,7 @@
           <!-- Top: heartbeat icon + name + index -->
           <div class="flex items-center justify-between gap-2 mb-3">
             <div class="flex items-center gap-2 min-w-0">
-              <HeartPulse class="size-6 text-muted-foreground shrink-0" />
+              <DoorOpen class="size-6 text-muted-foreground shrink-0" />
               <span class="text-base font-medium truncate">{{ leak.name }}</span>
 
               <span class="font-mono text-muted-foreground ">#{{ index + 1 }}</span>
@@ -119,7 +119,7 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import getCountryName from '@/data/country-name.js';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
-import { EthernetPort, Play, HeartPulse, MapPin, RotateCw, Sparkles, ArrowRight } from 'lucide-vue-next';
+import { EthernetPort, Play, HeartPulse, MapPin, RotateCw, Sparkles, ArrowRight, DoorOpen } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
diff --git a/frontend/components/Footer.vue b/frontend/components/Footer.vue
index 1619e3f98..3a83e2338 100644
--- a/frontend/components/Footer.vue
+++ b/frontend/components/Footer.vue
@@ -7,7 +7,7 @@
         <Button variant="ghost" size="icon" as-child class="size-6 text-foreground/70 hover:text-foreground">
           <a :href="t('page.footerLink')" target="_blank" rel="noopener" aria-label="Github"
             @click="trackEvent('Footer', 'FooterClick', 'Github')">
-            <Github />
+            <Icon icon="ri:github-line" />
           </a>
         </Button>
       </JnTooltip>
@@ -151,7 +151,8 @@ import { Button } from '@/components/ui/button';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
 import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';
-import { ArrowLeftCircle, Compass, ExternalLink, Github, Smile, SquareArrowOutUpRight, CircleFadingArrowUp, CirclePlus, BugOff} from 'lucide-vue-next';
+import { ArrowLeftCircle, Compass, ExternalLink, Smile, SquareArrowOutUpRight, CircleFadingArrowUp, CirclePlus, BugOff} from '@lucide/vue';
+import { Icon } from '@iconify/vue';
 
 const { t, locale } = useI18n();
 
diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index cf7ebb1d2..67223c100 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -56,7 +56,7 @@
         <Button v-if="isMobile" variant="ghost" size="icon" class="size-8" as-child>
           <a :href="t('page.footerLink')" target="_blank" rel="noopener"
             aria-label="View source on GitHub">
-            <Github />
+            <Icon icon="ri:github-line" />
           </a>
         </Button>
 
@@ -129,11 +129,11 @@
             <!-- Not signed in -->
             <template v-else>
               <DropdownMenuItem @select="store.signInWithGoogle">
-                <Chrome />
+                <Icon icon="ri:google-line" />
                 <span>{{ t('user.SignInWithGoogle') }}</span>
               </DropdownMenuItem>
               <DropdownMenuItem @select="store.signInWithGithub">
-                <Github />
+                <Icon icon="ri:github-line" />
                 <span>{{ t('user.SignInWithGithub') }}</span>
               </DropdownMenuItem>
             </template>
@@ -171,7 +171,7 @@
           </a>
           <a :href="t('page.footerLink')" target="_blank" rel="noopener"
             class="mt-3 inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted">
-            <Github class="size-4" />
+            <Icon icon="ri:github-line" class="size-4" />
             <span>Star on GitHub</span>
           </a>
         </nav>
@@ -198,9 +198,10 @@ import {
   DropdownMenuSeparator,
 } from '@/components/ui/dropdown-menu';
 import {
-  Award, ChevronDown, Chrome, Github, HeartHandshake,
+  Award, ChevronDown, HeartHandshake,
   LogOut, Menu, SlidersHorizontal,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
+import { Icon } from '@iconify/vue';
 import brandIcon from './svgicons/Brand.vue';
 import { SECTION_IDS } from '@/data/sections';
 
diff --git a/frontend/components/SpeedTest.vue b/frontend/components/SpeedTest.vue
index 58e59650e..53d85f52c 100644
--- a/frontend/components/SpeedTest.vue
+++ b/frontend/components/SpeedTest.vue
@@ -176,7 +176,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import {
   ArrowLeftRight, CalendarCheck2, Play, CloudDownload, CloudUpload,
   Globe, Pause, PersonStanding, RotateCw,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 
 const { t } = useI18n();
diff --git a/frontend/components/User.vue b/frontend/components/User.vue
index 281b19bf5..42f7385ab 100644
--- a/frontend/components/User.vue
+++ b/frontend/components/User.vue
@@ -32,7 +32,7 @@ import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
 import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
-import { CircleCheck, HeartHandshake } from 'lucide-vue-next';
+import { CircleCheck, HeartHandshake } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index 027a95b87..c6b49e8aa 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -21,13 +21,14 @@
 
     <!-- Card grid -->
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
-      <Card v-for="stun in stunServers" :key="stun.id"
+      <Card v-for="(stun, index) in stunServers" :key="stun.id"
         class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
         <CardContent class="p-4">
           <!-- Top: service provider icon + name -->
           <div class="flex items-center gap-2 mb-1">
             <Flower class="size-6 text-muted-foreground shrink-0" />
-            <span class="text-base font-medium truncate">{{ stun.name }}</span>
+            <span class="text-base font-medium truncate">{{ t('webrtc.Name') }}</span>
+            <span class="font-mono text-muted-foreground ">#{{ index + 1 }}</span>
           </div>
 
           <!-- STUN URL (secondary information) -->
@@ -115,7 +116,7 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
-import { Play, MapPin, Flower, Network, RotateCw, FileText, ChevronDown } from 'lucide-vue-next';
+import { Play, MapPin, Flower, Network, RotateCw, FileText, ChevronDown } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import CopyButton from '@/components/widgets/CopyButton.vue';
@@ -131,10 +132,10 @@ const { dotClass, textClass } = useStatusTone();
 const isStarted = ref(false);
 const IPArray = ref([]);
 const stunServers = reactive([
-  { id: 'google', name: 'Google', url: 'stun.l.google.com:19302', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'blackberry', name: 'BlackBerry', url: 'stun.voip.blackberry.com:3478', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'twilio', name: 'Twilio', url: 'global.stun.twilio.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'cloudflare', name: 'Cloudflare', url: 'stun.cloudflare.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
+  { id: 'google', url: 'stun.l.google.com:19302', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
+  { id: 'blackberry', url: 'stun.voip.blackberry.com:3478', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
+  { id: 'twilio', url: 'global.stun.twilio.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
+  { id: 'cloudflare', url: 'stun.cloudflare.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
 ]);
 
 // Regex extracting the IP portion out of an ICE candidate line
diff --git a/frontend/components/advanced-tools/BrowserInfo.vue b/frontend/components/advanced-tools/BrowserInfo.vue
index f385b576f..12ecf313d 100644
--- a/frontend/components/advanced-tools/BrowserInfo.vue
+++ b/frontend/components/advanced-tools/BrowserInfo.vue
@@ -133,7 +133,7 @@ import { useI18n } from 'vue-i18n';
 import { Badge } from '@/components/ui/badge';
 import { Switch } from '@/components/ui/switch';
 import { Spinner } from '@/components/ui/spinner';
-import { BriefcaseBusiness, Fingerprint, Info, Microscope } from 'lucide-vue-next';
+import { BriefcaseBusiness, Fingerprint, Info, Microscope } from '@lucide/vue';
 import { Card, CardContent } from '@/components/ui/card';
 import CopyButton from '@/components/widgets/CopyButton.vue';
 
diff --git a/frontend/components/advanced-tools/CensorshipCheck.vue b/frontend/components/advanced-tools/CensorshipCheck.vue
index c0ab33751..138443178 100644
--- a/frontend/components/advanced-tools/CensorshipCheck.vue
+++ b/frontend/components/advanced-tools/CensorshipCheck.vue
@@ -77,7 +77,7 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
 import { Icon } from '@iconify/vue';
-import { CircleCheck, CircleX, Frown, Meh, Shield, ShieldAlert, Smile, Play } from 'lucide-vue-next';
+import { CircleCheck, CircleX, Frown, Meh, Shield, ShieldAlert, Smile, Play } from '@lucide/vue';
 import { Label } from '@/components/ui/label';
 
 const { t } = useI18n();
diff --git a/frontend/components/advanced-tools/DnsResolver.vue b/frontend/components/advanced-tools/DnsResolver.vue
index 7461215ef..029597335 100644
--- a/frontend/components/advanced-tools/DnsResolver.vue
+++ b/frontend/components/advanced-tools/DnsResolver.vue
@@ -81,7 +81,7 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import { Spinner } from '@/components/ui/spinner';
-import { Play } from 'lucide-vue-next';
+import { Play } from '@lucide/vue';
 import { Label } from '@/components/ui/label';
 
 const { t } = useI18n();
diff --git a/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue b/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
index 5f97bd94f..2e81d6c4c 100644
--- a/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
+++ b/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
@@ -276,7 +276,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 
-import { Play, Check, X, Info, Server, Hash, Route, MapPin, ShieldCheck, ShieldAlert } from 'lucide-vue-next';
+import { Play, Check, X, Info, Server, Hash, Route, MapPin, ShieldCheck, ShieldAlert } from '@lucide/vue';
 
 const { t } = useI18n();
 const store = useMainStore();
diff --git a/frontend/components/advanced-tools/GlobalLatencyTest.vue b/frontend/components/advanced-tools/GlobalLatencyTest.vue
index 8d66637cc..0d0ecdb3d 100644
--- a/frontend/components/advanced-tools/GlobalLatencyTest.vue
+++ b/frontend/components/advanced-tools/GlobalLatencyTest.vue
@@ -109,7 +109,7 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
 import { Icon } from '@iconify/vue';
-import { Info,Play } from 'lucide-vue-next';
+import { Info,Play } from '@lucide/vue';
 
 import 'svgmap/style.min';
 
diff --git a/frontend/components/advanced-tools/InvisibilityTest.vue b/frontend/components/advanced-tools/InvisibilityTest.vue
index b1e5bd044..ef000ab91 100644
--- a/frontend/components/advanced-tools/InvisibilityTest.vue
+++ b/frontend/components/advanced-tools/InvisibilityTest.vue
@@ -170,7 +170,7 @@ import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
-import { CircleCheck, CircleX, Info, ListChecks, Lock, Shield, Play } from 'lucide-vue-next';
+import { CircleCheck, CircleX, Info, ListChecks, Lock, Shield, Play } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/advanced-tools/MacChecker.vue b/frontend/components/advanced-tools/MacChecker.vue
index 5b4d9d17d..970a75a4e 100644
--- a/frontend/components/advanced-tools/MacChecker.vue
+++ b/frontend/components/advanced-tools/MacChecker.vue
@@ -91,7 +91,7 @@ import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
 import getCountryName from '@/data/country-name.js';
-import { CircleCheck, CircleX, Factory, ListChecks, Search } from 'lucide-vue-next';
+import { CircleCheck, CircleX, Factory, ListChecks, Search } from '@lucide/vue';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/components/advanced-tools/MtrTest.vue b/frontend/components/advanced-tools/MtrTest.vue
index ebd32458a..2cb319c38 100644
--- a/frontend/components/advanced-tools/MtrTest.vue
+++ b/frontend/components/advanced-tools/MtrTest.vue
@@ -75,7 +75,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Spinner } from '@/components/ui/spinner';
 import { Icon } from '@iconify/vue';
-import { Info,Play } from 'lucide-vue-next';
+import { Info,Play } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/advanced-tools/RuleTest.vue b/frontend/components/advanced-tools/RuleTest.vue
index 8f3feb1b5..965993429 100644
--- a/frontend/components/advanced-tools/RuleTest.vue
+++ b/frontend/components/advanced-tools/RuleTest.vue
@@ -80,7 +80,7 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
 import { Icon } from '@iconify/vue';
-import { MapPin, RotateCw, Waypoints, SignpostBig } from 'lucide-vue-next';
+import { MapPin, RotateCw, Waypoints, SignpostBig } from '@lucide/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
 
diff --git a/frontend/components/advanced-tools/SecurityChecklist.vue b/frontend/components/advanced-tools/SecurityChecklist.vue
index 86d9621d8..f073ffde5 100644
--- a/frontend/components/advanced-tools/SecurityChecklist.vue
+++ b/frontend/components/advanced-tools/SecurityChecklist.vue
@@ -280,7 +280,7 @@ import {
     ShieldHalf,
     Smartphone,
     Users,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 // Security checklist icon mapping: directly use slug as key (slug itself is a semantic category name)
 const checklistIconMap = {
diff --git a/frontend/components/advanced-tools/Whois.vue b/frontend/components/advanced-tools/Whois.vue
index c7d72d950..971c2359f 100644
--- a/frontend/components/advanced-tools/Whois.vue
+++ b/frontend/components/advanced-tools/Whois.vue
@@ -72,7 +72,7 @@ import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { Spinner } from '@/components/ui/spinner';
-import { Info, Search } from 'lucide-vue-next';
+import { Info, Search } from '@lucide/vue';
 import { Label } from '@/components/ui/label';
 
 const { t } = useI18n();
diff --git a/frontend/components/ip-infos/ASNConnectivity.vue b/frontend/components/ip-infos/ASNConnectivity.vue
index 366c7ca69..e7b8fcc3a 100644
--- a/frontend/components/ip-infos/ASNConnectivity.vue
+++ b/frontend/components/ip-infos/ASNConnectivity.vue
@@ -148,7 +148,7 @@
 <script setup>
 import { computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { Maximize2, Network, ZoomIn, ZoomOut, RotateCcw } from 'lucide-vue-next';
+import { Maximize2, Network, ZoomIn, ZoomOut, RotateCcw } from '@lucide/vue';
 import { Drawer, DrawerContent, DrawerClose } from '@/components/ui/drawer';
 
 const { t } = useI18n();
diff --git a/frontend/components/ip-infos/ASNHistory.vue b/frontend/components/ip-infos/ASNHistory.vue
index 1677786c9..78fe207e9 100644
--- a/frontend/components/ip-infos/ASNHistory.vue
+++ b/frontend/components/ip-infos/ASNHistory.vue
@@ -66,7 +66,7 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Badge } from '@/components/ui/badge';
-import { Building2, Clock4, Eye } from 'lucide-vue-next';
+import { Building2, Clock4, Eye } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/ip-infos/ASNInfo.vue b/frontend/components/ip-infos/ASNInfo.vue
index 4e5583266..08c5a174d 100644
--- a/frontend/components/ip-infos/ASNInfo.vue
+++ b/frontend/components/ip-infos/ASNInfo.vue
@@ -66,7 +66,7 @@ import getCountryName from '@/data/country-name.js';
 import DataPairBar from './DataPairBar.vue';
 import { Badge } from '@/components/ui/badge';
 import { Icon } from '@iconify/vue';
-import { Database, ExternalLink, Info } from 'lucide-vue-next';
+import { Database, ExternalLink, Info } from '@lucide/vue';
 
 const { t } = useI18n();
 const store = useMainStore();
diff --git a/frontend/components/ip-infos/IPCard.vue b/frontend/components/ip-infos/IPCard.vue
index 454d504d7..ccd8539df 100644
--- a/frontend/components/ip-infos/IPCard.vue
+++ b/frontend/components/ip-infos/IPCard.vue
@@ -77,7 +77,7 @@ import CopyButton from '@/components/widgets/CopyButton.vue';
 import {
     Monitor,
     RotateCw,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/ip-infos/IpDetailPanel.vue b/frontend/components/ip-infos/IpDetailPanel.vue
index f22f38189..5c8d6620f 100644
--- a/frontend/components/ip-infos/IpDetailPanel.vue
+++ b/frontend/components/ip-infos/IpDetailPanel.vue
@@ -246,7 +246,7 @@ import { Progress } from '@/components/ui/progress';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 import { Icon } from '@iconify/vue';
-import { Earth } from 'lucide-vue-next';
+import { Earth } from '@lucide/vue';
 import {
     Building2,
     CornerUpRight,
@@ -264,7 +264,7 @@ import {
     ShieldCheck,
     SignalHigh,
     CircleQuestionMark,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/ui/accordion/AccordionTrigger.vue b/frontend/components/ui/accordion/AccordionTrigger.vue
index 8a3c594b9..cba09744f 100644
--- a/frontend/components/ui/accordion/AccordionTrigger.vue
+++ b/frontend/components/ui/accordion/AccordionTrigger.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { AccordionTrigger, AccordionHeader } from 'reka-ui';
-import { ChevronDown } from 'lucide-vue-next';
+import { ChevronDown } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/ui/dialog/DialogClose.vue b/frontend/components/ui/dialog/DialogClose.vue
index 199ac87df..612fbe063 100644
--- a/frontend/components/ui/dialog/DialogClose.vue
+++ b/frontend/components/ui/dialog/DialogClose.vue
@@ -1,7 +1,7 @@
 <script setup>
 // shadcn-vue Dialog 关闭按钮
 import { DialogClose } from 'reka-ui';
-import { X } from 'lucide-vue-next';
+import { X } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/ui/drawer/DrawerClose.vue b/frontend/components/ui/drawer/DrawerClose.vue
index b721f59ea..fe38ae5b9 100644
--- a/frontend/components/ui/drawer/DrawerClose.vue
+++ b/frontend/components/ui/drawer/DrawerClose.vue
@@ -1,7 +1,7 @@
 <script setup>
 // shadcn-vue Drawer 关闭按钮：包装 vaul-vue DrawerClose
 import { DrawerClose } from 'vaul-vue';
-import { X } from 'lucide-vue-next';
+import { X } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/ui/select/SelectItem.vue b/frontend/components/ui/select/SelectItem.vue
index 63a8cd389..2bca4e1a6 100644
--- a/frontend/components/ui/select/SelectItem.vue
+++ b/frontend/components/ui/select/SelectItem.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { SelectItem, SelectItemText, SelectItemIndicator } from 'reka-ui';
-import { Check } from 'lucide-vue-next';
+import { Check } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/ui/select/SelectTrigger.vue b/frontend/components/ui/select/SelectTrigger.vue
index 4ea7dcf19..f8db2dd0e 100644
--- a/frontend/components/ui/select/SelectTrigger.vue
+++ b/frontend/components/ui/select/SelectTrigger.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { SelectTrigger, SelectIcon } from 'reka-ui';
-import { ChevronDown } from 'lucide-vue-next';
+import { ChevronDown } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({ class: { type: [String, Array, Object], default: undefined } });
diff --git a/frontend/components/ui/sheet/SheetClose.vue b/frontend/components/ui/sheet/SheetClose.vue
index f69e23f18..362e03e3f 100644
--- a/frontend/components/ui/sheet/SheetClose.vue
+++ b/frontend/components/ui/sheet/SheetClose.vue
@@ -1,7 +1,7 @@
 <script setup>
 // shadcn-vue Sheet 关闭按钮：包装 reka-ui DialogClose
 import { DialogClose } from 'reka-ui';
-import { X } from 'lucide-vue-next';
+import { X } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/ui/spinner/Spinner.vue b/frontend/components/ui/spinner/Spinner.vue
index 37df51cb8..eb7b7794b 100644
--- a/frontend/components/ui/spinner/Spinner.vue
+++ b/frontend/components/ui/spinner/Spinner.vue
@@ -6,7 +6,7 @@
 //     {{ loading ? '' : 'Submit' }}
 //   </Button>
 // Button 的 cva 里有 [&_svg]:size-4 [&_svg]:shrink-0，所以直接 slot 进 Button 就会对齐
-import { Loader2 } from 'lucide-vue-next';
+import { Loader2 } from '@lucide/vue';
 import { cn } from '@/lib/utils';
 
 defineProps({
diff --git a/frontend/components/widgets/CopyButton.vue b/frontend/components/widgets/CopyButton.vue
index 7cda6892a..adfba1dca 100644
--- a/frontend/components/widgets/CopyButton.vue
+++ b/frontend/components/widgets/CopyButton.vue
@@ -18,7 +18,7 @@
 // Events:
 // - `copied(text)` on success, `error(err)` on clipboard failure.
 import { ref, onBeforeUnmount } from 'vue';
-import { Copy, CopyCheck } from 'lucide-vue-next';
+import { Copy, CopyCheck } from '@lucide/vue';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
 
diff --git a/frontend/components/widgets/Help.vue b/frontend/components/widgets/Help.vue
index 929730c16..00a52621b 100644
--- a/frontend/components/widgets/Help.vue
+++ b/frontend/components/widgets/Help.vue
@@ -29,7 +29,7 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
-import { Keyboard, ThumbsUp } from 'lucide-vue-next';
+import { Keyboard, ThumbsUp } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index 69da3e73e..3c569dc7c 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -16,7 +16,7 @@
 <script setup>
 import { onMounted, onBeforeUnmount, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { Eye, EyeOff } from 'lucide-vue-next';
+import { Eye, EyeOff } from '@lucide/vue';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 
diff --git a/frontend/components/widgets/Preferences.vue b/frontend/components/widgets/Preferences.vue
index 67ea02c7b..98b580466 100644
--- a/frontend/components/widgets/Preferences.vue
+++ b/frontend/components/widgets/Preferences.vue
@@ -143,7 +143,7 @@ import {
     Palette,
     SlidersHorizontal,
     Sun,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/widgets/QueryIP.vue b/frontend/components/widgets/QueryIP.vue
index 1fa9a8baf..aedb329e5 100644
--- a/frontend/components/widgets/QueryIP.vue
+++ b/frontend/components/widgets/QueryIP.vue
@@ -75,7 +75,7 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Spinner } from '@/components/ui/spinner';
 import IpDetailPanel from '../ip-infos/IpDetailPanel.vue';
-import { Monitor, Search } from 'lucide-vue-next';
+import { Monitor, Search } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index dd815b2a8..2ac09df52 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1179,6 +1179,15 @@
     "version": "v6.4.0",
     "date": "Beta",
     "content": [
+      {
+        "type": "improve",
+        "change": {
+          "en": "Optimized the brand icons of the Connectivity Test",
+          "zh": "优化网络连通性测试的品牌图标",
+          "fr": "Optimisation des icônes de marque du test de connectivité",
+          "tr": "Ağ bağlantı testi marka simgeleri iyileştirildi"
+        }
+      },
       {
         "type": "improve",
         "change": {
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 009f91046..2d8f8c993 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -643,6 +643,7 @@
   "webrtc": {
     "id": "webrtc",
     "Title": "WebRTC Leak Test",
+    "Name": "WebRTC Connection",
     "Note": "WebRTC often establishes connections directly via UDP. If the test returns your real IP, it means your proxy settings do not cover these connections. In addition to detecting the IP you use when connecting to WebRTC, we also detect your NAT type. However, NAT type detection is not 100% accurate and is for reference only.",
     "StatusWait": "Awaiting Test",
     "StatusError": "Connection Error",
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index d2f85b949..28f1d82ed 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -642,6 +642,7 @@
   },
   "webrtc": {
     "id": "webrtc",
+    "Name": "Connexion WebRTC",
     "Title": "Test WebRTC Leak",
     "Note": "WebRTC établit souvent des connexions directes via UDP. Si le test renvoie votre véritable adresse IP, cela signifie que vos paramètres de proxy ne couvrent pas ces connexions. En plus de détecter l'adresse IP que vous utilisez lors de la connexion à WebRTC, nous détectons également votre type de NAT. Cependant, la détection du type de NAT n'est pas précise à 100% et est fournie à titre indicatif uniquement.",
     "StatusWait": "En attente du test",
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index 3989b5434..4541fb716 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -642,6 +642,7 @@
   "webrtc": {
     "id": "webrtc",
     "Title": "WebRTC Sızıntı Testi",
+    "Name": "WebRTC Bağlantısı",
     "Note": "WebRTC genellikle doğrudan UDP üzerinden bağlantı kurar. Test gerçek IP'nizi döndürürse, bu, proxy ayarlarınızın bu bağlantıları kapsamadığı anlamına gelir. WebRTC'ye bağlanırken kullandığınız IP'yi tespit etmenin yanı sıra, NAT türünüzü de tespit ediyoruz. Ancak, NAT türü tespiti %100 doğru değildir ve yalnızca referans amaçlıdır.",
     "StatusWait": "Test Bekleniyor",
     "StatusError": "Bağlantı Hatası",
diff --git a/frontend/locales/zh.json b/frontend/locales/zh.json
index bd52c04cb..20558bcdb 100644
--- a/frontend/locales/zh.json
+++ b/frontend/locales/zh.json
@@ -645,6 +645,7 @@
   "webrtc": {
     "id": "webrtc",
     "Title": "WebRTC 泄露测试",
+    "Name": "WebRTC 连接",
     "Note": "WebRTC 往往通过 UDP 直连进行建立，如果测试返回了真实 IP，则意味着你的代理设置没有覆盖这些连接。除了检测你连接 WebRTC 时所使用的 IP，我们还会检测你的 NAT 类型。然而，NAT 类型的检测并不是 100% 准确的，仅供参考。",
     "StatusWait": "待检测",
     "StatusError": "连接错误",
diff --git a/package.json b/package.json
index 194b1efa2..f33f85ec0 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@iconify-json/circle-flags": "^1.2.10",
     "@iconify/vue": "^5.0.1",
     "@khmyznikov/pwa-install": "^0.6.3",
+    "@lucide/vue": "^1.16.0",
     "@tanstack/vue-table": "^8.21.3",
     "@thumbmarkjs/thumbmarkjs": "^1.9.0",
     "@vueuse/core": "^14.3.0",
@@ -34,7 +35,6 @@
     "express-slow-down": "^3.1.0",
     "firebase": "^12.13.0",
     "http-proxy-middleware": "^4.0.0",
-    "lucide-vue-next": "^1.0.0",
     "maxmind": "^5.0.6",
     "pinia": "^3.0.4",
     "pino": "^10.3.1",
diff --git a/tests/default-preferences.test.js b/tests/default-preferences.test.js
index 2f782e67c..543a91f98 100644
--- a/tests/default-preferences.test.js
+++ b/tests/default-preferences.test.js
@@ -18,7 +18,7 @@ describe('DEFAULT_PREFERENCES', () => {
       simpleMode: false,
       autoStart: true,
       hideUnavailableIPStack: false,
-      popupConnectivityNotifications: true,
+      popupConnectivityNotifications: false,
       ipCardsToShow: 2,
       ipGeoSource: 0,
       lang: 'auto',

From 0ed538f1cab237b5fd0a9717851e34fc84a1b8d1 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 02:48:01 +0800
Subject: [PATCH 04/52] UX Improvements

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f33f85ec0..e4bdb2eff 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "myip",
   "private": true,
-  "version": "6.3.0",
+  "version": "6.4.0",
   "type": "module",
   "scripts": {
     "dev": "concurrently \"vite\" \"nodemon backend-server.js\"",

From 5a4324ffd2f46eda6e7d4727cbf6ab676afc6dd9 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 10:55:26 +0800
Subject: [PATCH 05/52] Bug fixed

---
 frontend/components/Advanced.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/components/Advanced.vue b/frontend/components/Advanced.vue
index b044b64ad..dc998689b 100644
--- a/frontend/components/Advanced.vue
+++ b/frontend/components/Advanced.vue
@@ -40,6 +40,7 @@
         <!-- Tool details Drawer -->
         <Drawer :open="isOpen" @update:open="onOpenChange" :dismissible="true">
             <DrawerContent :title="openedCard >= 0 ? t(cards[openedCard].titleKey) : t('advancedtools.Title')"
+                :safe-area-top="isMobile || isFullScreen"
                 :class="['jn-tools-drawer overflow-hidden', (isMobile || isFullScreen) ? 'h-full rounded-none' : 'h-[85vh]']">
                 <!-- Drawer internal header -->
                 <div class="flex items-center gap-2 px-4 pt-1 pb-3 jn-drawer-header shrink-0">

From 7d5ee8942eafa41070eed33e448eafc5d24e8c86 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 10:55:34 +0800
Subject: [PATCH 06/52] Bug fixed

---
 frontend/components/ConnectivityTest.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/components/ConnectivityTest.vue b/frontend/components/ConnectivityTest.vue
index d7a4b4667..559642527 100644
--- a/frontend/components/ConnectivityTest.vue
+++ b/frontend/components/ConnectivityTest.vue
@@ -162,7 +162,12 @@ const connectivityTests = reactive([
   { id: 'wechat', name: 'WeChat', icon: 'ri:wechat-line', url: 'https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
   { id: 'taobao', name: 'Taobao', icon: 'ri:taobao-line', url: 'https://www.taobao.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
   { id: 'google', name: 'Google', icon: 'ri:google-line', url: 'https://www.google.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
-  { id: 'cloudflare', name: 'Cloudflare', icon: 'ri:cloud-line', url: 'https://www.cloudflare.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
+  // Use speed.cloudflare.com (not www.cloudflare.com): the marketing site
+  // attaches `Link: rel=preload` headers for its brand fonts to every response
+  // — including /favicon.ico — which the browser honors regardless of fetch
+  // mode, then fails CORS on the woff2 files. speed.cloudflare.com serves a
+  // plain favicon with no preload headers.
+  { id: 'cloudflare', name: 'Cloudflare', icon: 'ri:cloud-line', url: 'https://speed.cloudflare.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
   { id: 'youtube', name: 'YouTube', icon: 'ri:youtube-line', url: 'https://www.youtube.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
   { id: 'github', name: 'GitHub', icon: 'ri:github-line', url: 'https://github.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },
   { id: 'chatgpt', name: 'ChatGPT', icon: 'ri:openai-line', url: 'https://chatgpt.com/favicon.ico', status: t('connectivity.StatusWait'), time: 0, mintime: 0, roundResults: [] },

From 8ee3d6f8b3678652bfdd85dccb6227ce7e07f899 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 10:55:48 +0800
Subject: [PATCH 07/52] Improvements

---
 package.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index e4bdb2eff..b79f11f51 100644
--- a/package.json
+++ b/package.json
@@ -14,13 +14,13 @@
     "start": "concurrently \"npm run start-frontend\" \"npm run start-backend\""
   },
   "dependencies": {
-    "@cloudflare/speedtest": "^1.8.5",
+    "@cloudflare/speedtest": "^1.9.1",
     "@iconify-json/circle-flags": "^1.2.10",
     "@iconify/vue": "^5.0.1",
     "@khmyznikov/pwa-install": "^0.6.3",
     "@lucide/vue": "^1.16.0",
     "@tanstack/vue-table": "^8.21.3",
-    "@thumbmarkjs/thumbmarkjs": "^1.9.0",
+    "@thumbmarkjs/thumbmarkjs": "^1.9.1",
     "@vueuse/core": "^14.3.0",
     "chart.js": "^4.5.1",
     "circle-progress.vue": "^3.4.1",
@@ -31,7 +31,7 @@
     "dagre": "^0.8.5",
     "dotenv": "^17.4.2",
     "express": "^5.2.1",
-    "express-rate-limit": "^8.5.1",
+    "express-rate-limit": "^8.5.2",
     "express-slow-down": "^3.1.0",
     "firebase": "^12.13.0",
     "http-proxy-middleware": "^4.0.0",
@@ -40,27 +40,27 @@
     "pino": "^10.3.1",
     "pino-http": "^11.0.0",
     "pino-pretty": "^13.1.3",
-    "reka-ui": "^2.9.7",
+    "reka-ui": "^2.9.8",
     "svgmap": "2.20.0",
     "tailwind-merge": "^3.6.0",
     "tar": "^7.5.15",
     "tw-animate-css": "^1.4.0",
-    "ua-parser-js": "^2.0.9",
+    "ua-parser-js": "^2.0.10",
     "unbzip2-stream": "^1.4.3",
     "vaul-vue": "^0.4.1",
     "vue": "^3.5.34",
-    "vue-i18n": "^11.4.2",
+    "vue-i18n": "^11.4.4",
     "vue-markdown-render": "^2.3.0",
-    "vue-router": "^5.0.6",
+    "vue-router": "^5.0.7",
     "vue-sonner": "^2.0.9",
     "whoiser": "^1.18.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue": "^6.0.7",
     "code-inspector-plugin": "^1.5.1",
     "nodemon": "^3.1.14",
     "tailwindcss": "^4.3.0",
-    "vite": "^8.0.12"
+    "vite": "^8.0.14"
   }
 }

From 72bb07e81d114dbac7e5430c6cede4d79a959c67 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 10:56:19 +0800
Subject: [PATCH 08/52] UI Improvements

---
 frontend/components/Nav.vue | 10 ++++++++--
 frontend/style/style.css    |  3 ++-
 public/manifest.webmanifest |  2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 67223c100..8a6fa1ffb 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -11,8 +11,10 @@
 
   <!-- Nav -->
   <header
-    class="sticky top-[env(safe-area-inset-top)] z-40 w-full border-b bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur transition-transform duration-300 ease-out will-change-transform"
-    :class="{ '-translate-y-full': isNavHidden }">
+    class="sticky top-[env(safe-area-inset-top)] z-40 w-full border-b transition-transform duration-300 ease-out will-change-transform"
+    :class="{ '-translate-y-full': isNavHidden, 
+    'bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur': !isStandalone,
+    'bg-page-bg': isStandalone }">
     <nav id="navbar-top"
       class="mx-auto flex w-full max-w-[1600px] items-center gap-2 px-3 sm:px-4 h-14">
 
@@ -213,6 +215,10 @@ const isMobile = computed(() => store.isMobile);
 const currentSection = computed(() => store.currentSection);
 const loaded = ref(false);
 
+// Check if the app is running in standalone mode
+const isStandalone = window.matchMedia('(display-mode: standalone)').matches 
+|| window.navigator.standalone;
+
 const navItems = SECTION_IDS;
 
 // nav link style — current section highlight use bg-accent instead of only bold
diff --git a/frontend/style/style.css b/frontend/style/style.css
index 0f2f43fa8..4dfc37c1b 100644
--- a/frontend/style/style.css
+++ b/frontend/style/style.css
@@ -71,7 +71,7 @@
      safe-area painter (Nav.vue). Must stay in sync with the literal
      hex values in: index.html inline `html { background }`, index.html
      <meta theme-color>, public/manifest.webmanifest. */
-  --page-bg: #ffffff;
+  --page-bg: #f4f4f4;
 }
 
 .dark {
@@ -134,6 +134,7 @@
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
+  --color-page-bg: var(--page-bg);
   --radius-lg: var(--radius);
   --radius-md: calc(var(--radius) - 2px);
   --radius-sm: calc(var(--radius) - 4px);
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index c4c1cc4d9..effc43ad7 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -6,7 +6,7 @@
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "theme_color": "#ffffff",
+  "theme_color": "#f4f4f4",
   "background_color": "#ffffff",
   "orientation": "portrait",
   "icons": [

From 8fdd2083923c41e35b84b1db3eb79cd1735877cd Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 10:56:27 +0800
Subject: [PATCH 09/52] Improvements

---
 frontend/components/ui/drawer/DrawerContent.vue | 11 ++++++++++-
 frontend/components/widgets/QueryIP.vue         | 13 +------------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/frontend/components/ui/drawer/DrawerContent.vue b/frontend/components/ui/drawer/DrawerContent.vue
index fe817ced2..dc41e3d97 100644
--- a/frontend/components/ui/drawer/DrawerContent.vue
+++ b/frontend/components/ui/drawer/DrawerContent.vue
@@ -1,6 +1,7 @@
 <script setup>
 // shadcn-vue Drawer 面板内容：包含 overlay + handle + 自适应方向
 // 默认从底部滑入，配合 vaul 的拖拽关闭手势
+import { computed } from 'vue';
 import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerHandle } from 'vaul-vue';
 import { VisuallyHidden } from 'reka-ui';
 import { cn } from '@/lib/utils';
@@ -11,8 +12,16 @@ const props = defineProps({
   title: { type: String, default: 'Drawer' },
   // 是否显示顶部把手（仅 bottom 方向有意义）
   showHandle: { type: Boolean, default: true },
+  // 顶部是否避让 iOS safe-area；只在 drawer 贴到顶部（如 h-full / fullscreen）时打开，
+  // 否则在 h-[85vh] 这类已离顶有间距的场景会白白浪费一截。
+  safeAreaTop: { type: Boolean, default: false },
 });
 defineEmits(['close', 'escapeKeyDown']);
+
+const contentStyle = computed(() => ({
+  paddingBottom: 'env(safe-area-inset-bottom)',
+  ...(props.safeAreaTop ? { paddingTop: 'env(safe-area-inset-top)' } : {}),
+}));
 </script>
 
 <template>
@@ -25,7 +34,7 @@ defineEmits(['close', 'escapeKeyDown']);
         'fixed inset-x-0 bottom-0 z-[10001] mt-24 flex h-auto flex-col rounded-t-[14px] border bg-background shadow-lg outline-none',
         props.class,
       )"
-      :style="{ paddingBottom: 'env(safe-area-inset-bottom)' }"
+      :style="contentStyle"
       @escape-key-down="$emit('escapeKeyDown', $event)"
     >
       <DrawerHandle
diff --git a/frontend/components/widgets/QueryIP.vue b/frontend/components/widgets/QueryIP.vue
index aedb329e5..b31c7b596 100644
--- a/frontend/components/widgets/QueryIP.vue
+++ b/frontend/components/widgets/QueryIP.vue
@@ -113,20 +113,9 @@ const submitQuery = async () => {
 
 const isOpen = ref(false);
 
-// Programmatic focus here is only useful on desktop. On iOS, focus outside of
-// the direct tap on the <input> doesn't trigger the native keyboard + visual
-// viewport scroll-into-view, so it's better to let the user tap the input
-// themselves and let iOS handle the whole dance natively.
-// iPadOS 13+ reports a Mac user-agent, so we detect it via the "lying Mac"
-// trick: a Macintosh UA that also claims multi-touch capability. We avoid
-// `navigator.platform` because it's deprecated.
-const isIOS = typeof navigator !== 'undefined'
-    && (/iPad|iPhone|iPod/.test(navigator.userAgent)
-        || (/Macintosh/.test(navigator.userAgent) && navigator.maxTouchPoints > 1));
-
 const onOpenChange = (val) => {
     isOpen.value = val;
-    if (val && !isIOS) {
+    if (val) {
         nextTick(() => {
             const inputElement = document.getElementById('inputIP');
             if (inputElement) inputElement.focus();

From f72869376975e00cfcec0338a3f63c2725bb3874 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 11:10:54 +0800
Subject: [PATCH 10/52] UI Improvements

---
 frontend/components/widgets/InfoMask.vue | 6 +++---
 frontend/components/widgets/QueryIP.vue  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index 3c569dc7c..f71065665 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -3,7 +3,7 @@
         <Button v-show="showMaskButton"
             size="icon"
             type="button"
-            class="fixed bottom-[70px] z-1050 rounded-full shadow-lg cursor-pointer"
+            class="fixed bottom-[86px] z-1050 rounded-full shadow-lg cursor-pointer"
             :class="stateClasses"
             :style="positionStyle"
             aria-label="Toggle Info Mask"
@@ -40,9 +40,9 @@ const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
 const positionStyle = computed(() => {
     if (screenWidth.value > 1600) {
         const spaceOnRight = (screenWidth.value - 1600) / 2;
-        return { right: `${spaceOnRight + 20}px` };
+        return { right: `${spaceOnRight + 18}px` };
     }
-    return { right: '20px' };
+    return { right: '18px' };
 });
 const handleResize = () => { screenWidth.value = window.innerWidth; };
 
diff --git a/frontend/components/widgets/QueryIP.vue b/frontend/components/widgets/QueryIP.vue
index b31c7b596..0e87e3b6b 100644
--- a/frontend/components/widgets/QueryIP.vue
+++ b/frontend/components/widgets/QueryIP.vue
@@ -2,7 +2,7 @@
     <!-- Floating query button (bottom right fixed) -->
     <JnTooltip :text="t('Tooltips.QueryIP')" side="left">
         <Button size="icon" variant="action" type="button" aria-label="IP Check"
-            class="fixed bottom-6 z-1050 rounded-full shadow-lg cursor-pointer" :style="positionStyle"
+            class="fixed bottom-9 z-1050 rounded-full shadow-lg cursor-pointer" :style="positionStyle"
             @click="openQueryIP">
             <Search class="size-4" />
         </Button>
@@ -169,9 +169,9 @@ const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
 const positionStyle = computed(() => {
     if (screenWidth.value > 1600) {
         const spaceOnRight = (screenWidth.value - 1600) / 2;
-        return { right: `${spaceOnRight + 20}px` };
+        return { right: `${spaceOnRight + 18}px` };
     }
-    return { right: '20px' };
+    return { right: '18px' };
 });
 const handleResize = () => { screenWidth.value = window.innerWidth; };
 onMounted(() => window.addEventListener('resize', handleResize));

From fccd320e68da20d27d04b114a8d76667eb6a9695 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 11:34:37 +0800
Subject: [PATCH 11/52] UI Improvements

---
 frontend/components/Nav.vue |  6 ++----
 index.html                  | 15 +++++++++------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 8a6fa1ffb..7e83e9493 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -8,11 +8,9 @@
     style="height: env(safe-area-inset-top); background: var(--page-bg);"
     aria-hidden="true"
   ></div>
-
-  <!-- Nav -->
   <header
-    class="sticky top-[env(safe-area-inset-top)] z-40 w-full border-b transition-transform duration-300 ease-out will-change-transform"
-    :class="{ '-translate-y-full': isNavHidden, 
+    class="fixed top-[env(safe-area-inset-top)] left-0 right-0 z-40 w-full border-b transition-transform duration-300 ease-out will-change-transform"
+    :class="{ '-translate-y-full': isNavHidden,
     'bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur': !isStandalone,
     'bg-page-bg': isStandalone }">
     <nav id="navbar-top"
diff --git a/index.html b/index.html
index 13d70fc1e..3241da25a 100644
--- a/index.html
+++ b/index.html
@@ -100,10 +100,15 @@
       padding: 0;
     }
 
-    /* Keep page content below the iOS safe-area (transparent status
-       bar). env() resolves to 0 on non-notch platforms — no effect. */
+    /* Reserve space at the top of the body for: (a) the iOS safe-area
+       (transparent status bar) — `env()` resolves to 0 on non-notch
+       platforms, and (b) the fixed Nav (3.5rem = h-14 in Nav.vue). The Nav
+       used to be `position: sticky` and lived in the normal flow, so no
+       padding was needed; switching it to `fixed` lets the body rubber-band
+       bounce on iOS without dragging the Nav along, but now we have to
+       compensate for the Nav's lost flow height here. */
     body {
-      padding-top: env(safe-area-inset-top);
+      padding-top: calc(env(safe-area-inset-top) + 3.5rem);
     }
 
     html {
@@ -216,12 +221,10 @@
        a missing inline script doesn't strand the user on a blank screen. */
     html[data-booting] #app {
       opacity: 0;
-      transform: scale(0.94);
     }
 
     #app {
-      transform-origin: center center;
-      transition: opacity 320ms ease-out, transform 320ms ease-out;
+      transition: opacity 320ms ease-out;
     }
 
     #app.jn-app-enter {

From 4a1b3b8aa33d698fcc29eb2385281a571249188c Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 11:41:27 +0800
Subject: [PATCH 12/52] Improvements

---
 vite.config.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/vite.config.js b/vite.config.js
index bbaba3453..03e20cb91 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -114,6 +114,17 @@ export default defineConfig({
   },
   build: {
     rollupOptions: {
+      // @vueuse/core ships a couple of /* #__PURE__ */ comments in positions
+      // Rolldown (Vite 8's new bundler) can't interpret. They're harmless —
+      // just slightly less aggressive tree-shaking for those call sites —
+      // but the warnings clutter every build. Filter them out and let
+      // everything else through. Drop this once @vueuse/core fixes positions.
+      onwarn(warning, defaultHandler) {
+        if (warning.code === 'INVALID_ANNOTATION' && warning.id?.includes('@vueuse/core')) {
+          return;
+        }
+        defaultHandler(warning);
+      },
       output: {
         manualChunks,
         assetFileNames: (assetInfo) => {

From e4bf75b5d90bf6eb9e0cdabb75a9e3a9ba3f10c5 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 11:59:48 +0800
Subject: [PATCH 13/52] Improvements

---
 frontend/main.js           | 21 +++++++++++++++++++++
 frontend/utils/shortcut.js |  8 ++++++++
 package.json               |  1 +
 3 files changed, 30 insertions(+)

diff --git a/frontend/main.js b/frontend/main.js
index b62a04191..e2dcca3cc 100644
--- a/frontend/main.js
+++ b/frontend/main.js
@@ -11,6 +11,27 @@ import { addCollection } from '@iconify/vue';
 import { detectOS } from './utils/system-detect';
 import './style/style.css'
 
+// vConsole — mobile on-screen devtools. Dev-only AND mobile-only.
+// Sets `window.__vConsoleActive` so `frontend/utils/shortcut.js` can disable
+// global keyboard shortcuts while vConsole is around — typing in its filter
+// input would otherwise still trigger app-wide hotkeys (vConsole renders
+// inside its own Shadow DOM, so the listener's `target.tagName === 'INPUT'`
+// guard doesn't catch those keystrokes).
+if (import.meta.env.DEV) {
+    const dbgOS = detectOS();
+    if (dbgOS.isAndroid || dbgOS.isIOS || window.innerWidth < 768) {
+        import('vconsole').then(({ default: VConsole }) => {
+            new VConsole();
+            window.__vConsoleActive = true;
+            // Pin the floating switch to bottom-left.
+            const styleEl = document.createElement('style');
+            styleEl.textContent =
+                '#__vconsole .vc-switch { left: 8px !important; right: auto !important; bottom: 36px !important; }';
+            document.head.appendChild(styleEl);
+        });
+    }
+}
+
 // The flag icon JSON is hundreds of KB — keep it dynamic so it doesn't bloat
 // the first-paint bundle. `@iconify/vue` itself is statically imported (above)
 // because a dozen components already pull it in synchronously, so wrapping
diff --git a/frontend/utils/shortcut.js b/frontend/utils/shortcut.js
index 3b0a03325..4b1f54123 100644
--- a/frontend/utils/shortcut.js
+++ b/frontend/utils/shortcut.js
@@ -63,6 +63,14 @@ document.addEventListener(
   (event) => {
     const { key, target, metaKey, altKey, ctrlKey } = event;
 
+    // vConsole renders inside its own Shadow DOM, so when the user types in
+    // its filter / eval inputs the event's `target` (as seen from document)
+    // is the shadow host — typically a DIV — not the INPUT. The tagName
+    // guard below would let those keystrokes through and fire our global
+    // shortcuts. main.js sets this flag when vConsole boots; dev + mobile
+    // only, so prod is unaffected (the flag is undefined → falsy).
+    if (window.__vConsoleActive) return;
+
     if (target.tagName === "INPUT") return;
     if (metaKey || altKey || ctrlKey) return;
 
diff --git a/package.json b/package.json
index b79f11f51..67b8d9e74 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "code-inspector-plugin": "^1.5.1",
     "nodemon": "^3.1.14",
     "tailwindcss": "^4.3.0",
+    "vconsole": "^3.15.1",
     "vite": "^8.0.14"
   }
 }

From 047b30a141b3a339176e9c8acc8292529059202d Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 13:01:18 +0800
Subject: [PATCH 14/52] Improvements

---
 frontend/components/DnsLeaksTest.vue          | 185 ++++++++----------
 frontend/components/WebRtcTest.vue            |  14 +-
 .../components/advanced-tools/RuleTest.vue    |  10 +-
 frontend/utils/dnsleaks/browserleaks.js       |  42 ++++
 frontend/utils/dnsleaks/index.js              |  31 +++
 frontend/utils/dnsleaks/ipapi.js              |  23 +++
 frontend/utils/dnsleaks/ipleak.js             |  44 +++++
 frontend/utils/dnsleaks/surfshark.js          |  31 +++
 8 files changed, 271 insertions(+), 109 deletions(-)
 create mode 100644 frontend/utils/dnsleaks/browserleaks.js
 create mode 100644 frontend/utils/dnsleaks/index.js
 create mode 100644 frontend/utils/dnsleaks/ipapi.js
 create mode 100644 frontend/utils/dnsleaks/ipleak.js
 create mode 100644 frontend/utils/dnsleaks/surfshark.js

diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index 9da8f3626..c4f3aa381 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -24,16 +24,21 @@
     <!-- Card grid -->
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
       <Card v-for="(leak, index) in leakTest" :key="leak.id"
-        class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
-        <CardContent class="p-4">
+        class="keyboard-shortcut-card jn-card min-w-0 overflow-hidden transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
+        <CardContent class="p-4 min-w-0">
           <!-- Top: heartbeat icon + name + index -->
-          <div class="flex items-center justify-between gap-2 mb-3">
-            <div class="flex items-center gap-2 min-w-0">
+          <div class="flex flex-col gap-2 mb-3 w-full min-w-0">
+            <div class="flex items-center gap-2 min-w-0 w-full">
               <DoorOpen class="size-6 text-muted-foreground shrink-0" />
-              <span class="text-base font-medium truncate">{{ leak.name }}</span>
+              <span class="text-base font-medium truncate min-w-0 flex-1">{{ leak.name }}</span>
 
-              <span class="font-mono text-muted-foreground ">#{{ index + 1 }}</span>
+              <span class="font-mono text-muted-foreground shrink-0">#{{ index + 1 }}</span>
             </div>
+            <!-- Test URL (secondary information) — single line, ellipsis inside card -->
+            <p v-if="leak.testUrl" class="w-full min-w-0 mb-1 text-xs font-mono text-muted-foreground truncate"
+              :title="leak.testUrl">
+              {{ leak.testUrl }}
+            </p>
           </div>
 
           <!-- Endpoint status row -->
@@ -113,16 +118,19 @@ import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
 import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
-import countryLookup from 'country-code-lookup';
+import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import getCountryName from '@/data/country-name.js';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
-import { EthernetPort, Play, HeartPulse, MapPin, RotateCw, Sparkles, ArrowRight, DoorOpen } from '@lucide/vue';
+import { EthernetPort, Play, MapPin, RotateCw, Sparkles, ArrowRight, DoorOpen } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
+import {
+  runIpApi, runSurfshark, runIpleak, runBrowserLeaks, runWithRetry,
+} from '@/utils/dnsleaks';
 
 
 const { t } = useI18n();
@@ -168,97 +176,78 @@ const createDefaultCard = () => ({
 });
 
 const leakTest = reactive([
-  { ...createDefaultCard(), id: 'ipapi1' },
-  { ...createDefaultCard(), id: 'ipapi2' },
-  { ...createDefaultCard(), id: 'sfshark1' },
-  { ...createDefaultCard(), id: 'sfshark2' },
+  { ...createDefaultCard(), id: 'ipapi' },
+  { ...createDefaultCard(), id: 'surfshark' },
+  { ...createDefaultCard(), id: 'ipleak' },
+  { ...createDefaultCard(), id: 'browserleaks' },
 ]);
 
-// Generate 32-digit random string
-const generate32DigitString = () => {
-  const unixTime = Date.now().toString();
-  const fixedString = 'jason5ng32';
-  const randomString = Math.random().toString(36).substring(2, 11);
-  return unixTime + fixedString + randomString;
+// ISP + country via MaxMind (same pipeline as WebRtcTest.vue). Returns
+// { country_code, country, org } on success, or null on any miss.
+const fetchIpGeoFromMaxMind = async (ip) => {
+  const source = store.ipDBs.find((s) => s.text === 'MaxMind');
+  if (!source) return null;
+  let setLang = lang.value;
+  if (setLang === 'zh') setLang = 'zh-CN';
+
+  try {
+    const url = store.getDbUrl(source.id, ip, setLang);
+    const response = await fetchWithTimeout(url);
+    const data = await response.json();
+    const ipData = transformDataFromIPapi(data, source.id, t, lang.value);
+    if (!ipData) return null;
+    const country_code = (ipData.country_code || '').toLowerCase();
+    const country = country_code
+      ? getCountryName(ipData.country_code, lang.value)
+      : '';
+    return {
+      country_code,
+      country,
+      org: ipData.isp || '',
+    };
+  } catch (error) {
+    console.error('Error fetching IP geo from MaxMind', error);
+    return null;
+  }
 };
 
-// Generate 14-digit random string
-const generate14DigitString = () => {
-  const fixedString = 'jn32';
-  const randomString = Math.random().toString(36).substring(2, 11);
-  return fixedString + randomString;
+// Apply MaxMind lookup to a card that already has a resolved leak IP.
+const applyMaxMindGeo = async (index, ip) => {
+  const geo = await fetchIpGeoFromMaxMind(ip);
+  if (geo) {
+    leakTest[index].country_code = geo.country_code;
+    leakTest[index].country = geo.country;
+    leakTest[index].org = geo.org;
+    return;
+  }
+  leakTest[index].country = t('dnsleaktest.StatusError');
+  leakTest[index].country_code = '';
+  leakTest[index].org = t('dnsleaktest.StatusError');
 };
 
-// DNS leak test 1
-const fetchLeakTestIpApiCom = (index) => {
-  return new Promise((resolve, reject) => {
-    const urlString = generate32DigitString();
-    const url = `https://${urlString}.edns.ip-api.com/json`;
-
-    fetchWithTimeout(url)
-      .then((response) => {
-        if (!response.ok) throw new Error('Network response was not ok');
-        return response.json();
-      })
-      .then((data) => {
-        if (data.dns && 'geo' in data.dns && 'ip' in data.dns) {
-          const geoSplit = data.dns.geo.split(' - ');
-          leakTest[index].country_code = countryLookup.byCountry(geoSplit[0]).iso2;
-          leakTest[index].country = getCountryName(leakTest[index].country_code, lang.value);
-          leakTest[index].org = geoSplit[1] || '';
-          leakTest[index].ip = data.dns.ip;
-          resolve();
-        } else {
-          console.error('Unexpected data structure:', data);
-          reject(new Error('Unexpected data structure'));
-        }
-      })
-      .catch((error) => {
-        console.error('Error fetching leak test data:', error);
-        leakTest[index].country = t('dnsleaktest.StatusError');
-        leakTest[index].ip = t('dnsleaktest.StatusError');
-        leakTest[index].country_code = '';
-        leakTest[index].org = '';
-        reject(error);
-      });
-  });
+const markLeakCardError = (index) => {
+  leakTest[index].ip = t('dnsleaktest.StatusError');
+  leakTest[index].country = t('dnsleaktest.StatusError');
+  leakTest[index].country_code = '';
+  leakTest[index].org = t('dnsleaktest.StatusError');
 };
 
-// DNS leak test 2
-const fetchLeakTestSfSharkCom = (index, key) => {
-  return new Promise((resolve, reject) => {
-    const urlString = generate14DigitString();
-    const url = `https://${urlString}.ipv4.surfsharkdns.com`;
-
-    fetchWithTimeout(url)
-      .then((response) => {
-        if (!response.ok) throw new Error('Network response was not ok');
-        return response.json();
-      })
-      .then((data) => {
-        const getKey = Object.keys(data)[key];
-        const keyEntry = data[getKey];
-
-        if (keyEntry && keyEntry.CountryCode && keyEntry.IP) {
-          leakTest[index].country_code = keyEntry.CountryCode;
-          leakTest[index].country = getCountryName(keyEntry.CountryCode, lang.value);
-          leakTest[index].org = keyEntry.ISP || '';
-          leakTest[index].ip = keyEntry.IP;
-          resolve();
-        } else {
-          console.error('Unexpected data structure:', data);
-          reject(new Error('Unexpected data structure'));
-        }
-      })
-      .catch((error) => {
-        console.error('Error fetching leak test data:', error);
-        leakTest[index].ip = t('dnsleaktest.StatusError');
-        leakTest[index].country = t('dnsleaktest.StatusError');
-        leakTest[index].country_code = '';
-        leakTest[index].org = '';
-        reject(error);
-      });
-  });
+// Run one provider against its card slot, with retry (3 attempts, fresh
+// prefix per attempt — see `runWithRetry` in utils/dnsleaks). The current
+// attempt's host is written to `testUrl` as it changes, so the user sees
+// the latest probe; on full failure (all attempts threw) the card is
+// flipped to the error state.
+const runProvider = async (index, provider) => {
+  try {
+    const { ip } = await runWithRetry(provider, {
+      onUrl: (host) => { leakTest[index].testUrl = host; },
+    });
+    leakTest[index].ip = ip;
+    await applyMaxMindGeo(index, ip);
+  } catch (error) {
+    console.error('Error fetching leak test data:', error);
+    markLeakCardError(index);
+  }
 };
 
 // Check all
@@ -267,7 +256,7 @@ const checkAllDNSLeakTest = async (isRefresh) => {
   if (isRefresh) {
     trackEvent('Section', 'RefreshClick', 'DNSLeakTest');
     leakTest.forEach((server) => {
-      server.geo = t('dnsleaktest.StatusWait');
+      server.testUrl = '';
       server.ip = t('dnsleaktest.StatusWait');
       server.country = t('dnsleaktest.StatusWait');
       server.country_code = '';
@@ -275,17 +264,17 @@ const checkAllDNSLeakTest = async (isRefresh) => {
     });
   }
 
-  const delayedFetch = (fetchFunction, index, key, delay) => new Promise((resolve) => {
+  const delayedRun = (provider, index, delay) => new Promise((resolve) => {
     setTimeout(() => {
-      fetchFunction(index, key).then(resolve).catch(resolve);
+      runProvider(index, provider).then(resolve, resolve);
     }, delay);
   });
 
   const promises = [
-    delayedFetch(fetchLeakTestIpApiCom, 0, null, 100),
-    delayedFetch(fetchLeakTestIpApiCom, 1, null, 1000),
-    delayedFetch(fetchLeakTestSfSharkCom, 2, 0, 100),
-    delayedFetch(fetchLeakTestSfSharkCom, 3, 0, 1000),
+    delayedRun(runIpApi, 0, 100),
+    delayedRun(runSurfshark, 1, 400),
+    delayedRun(runIpleak, 2, 700),
+    delayedRun(runBrowserLeaks, 3, 1000),
   ];
 
   const allSettledPromise = Promise.allSettled(promises);
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index c6b49e8aa..fcbbd4e82 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -22,19 +22,21 @@
     <!-- Card grid -->
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
       <Card v-for="(stun, index) in stunServers" :key="stun.id"
-        class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
-        <CardContent class="p-4">
+        class="keyboard-shortcut-card jn-card min-w-0 overflow-hidden transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
+        <CardContent class="p-4 min-w-0">
           <!-- Top: service provider icon + name -->
-          <div class="flex items-center gap-2 mb-1">
+          <div class="flex flex-col gap-2 mb-1 w-full min-w-0">
+            <div class="flex items-center gap-2 min-w-0 w-full">
             <Flower class="size-6 text-muted-foreground shrink-0" />
-            <span class="text-base font-medium truncate">{{ t('webrtc.Name') }}</span>
-            <span class="font-mono text-muted-foreground ">#{{ index + 1 }}</span>
+            <span class="text-base font-medium truncate min-w-0 flex-1">{{ t('webrtc.Name') }}</span>
+            <span class="font-mono text-muted-foreground shrink-0">#{{ index + 1 }}</span>
           </div>
 
           <!-- STUN URL (secondary information) -->
-          <p class="text-xs font-mono text-muted-foreground mb-3 break-all" :title="stun.url">
+          <p v-if="stun.url" class="w-full min-w-0 mb-1 text-xs font-mono text-muted-foreground truncate" :title="stun.url">
             {{ stun.url }}
           </p>
+          </div>
 
           <!-- IP -->
           <div class="flex items-center gap-1.5 text-base mb-3 min-w-0 min-h-6">
diff --git a/frontend/components/advanced-tools/RuleTest.vue b/frontend/components/advanced-tools/RuleTest.vue
index 965993429..97a2df815 100644
--- a/frontend/components/advanced-tools/RuleTest.vue
+++ b/frontend/components/advanced-tools/RuleTest.vue
@@ -7,19 +7,19 @@
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
             <Card v-for="test in ruleTests" :key="test.id"
                 class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5">
-                <CardContent class="p-4">
+                <CardContent class="p-4 min-w-0">
                     <!-- Top: icon + name + #id -->
-                    <div class="flex items-center justify-between gap-2 mb-1">
-                        <div class="flex items-center gap-2 min-w-0">
+                    <div class="flex flex-col gap-2 mb-1 w-full min-w-0">
+                        <div class="flex items-center gap-2 min-w-0 w-full">
                             <Waypoints class="size-6 text-muted-foreground shrink-0" />
-                            <span class="text-base font-medium truncate">{{ test.name }}</span>
+                            <span class="text-base font-medium truncate min-w-0 flex-1">{{ test.name }}</span>
                             <span class="font-mono text-muted-foreground">#{{ test.id }}</span>
                         </div>
 
                     </div>
 
                     <!-- URL (secondary information) -->
-                    <p class="text-xs font-mono text-muted-foreground mb-3 break-all" :title="test.url">
+                    <p v-if="test.url" class="w-full min-w-0 mb-1 text-xs font-mono text-muted-foreground truncate" :title="test.url">
                         {{ test.url }}
                     </p>
 
diff --git a/frontend/utils/dnsleaks/browserleaks.js b/frontend/utils/dnsleaks/browserleaks.js
new file mode 100644
index 000000000..143b6e5f0
--- /dev/null
+++ b/frontend/utils/dnsleaks/browserleaks.js
@@ -0,0 +1,42 @@
+// browserleaks.net — fresh 12-char token on `.dns4.browserleaks.net` forces
+// a unique DNS lookup. The response keys are the resolver IPs themselves;
+// each value is a metadata array (which we ignore here, the homepage card
+// only displays the IP and we re-do geo via MaxMind).
+import { fetchWithTimeout } from '../fetch-with-timeout.js';
+
+const TOKEN_LENGTH = 12;
+const HOST_SUFFIX = '.dns4.browserleaks.net';
+const ALPHABET = 'abcdefghijklmnopqrstuvwxyz0123456789';
+
+const generateToken = () => {
+    const bytes = new Uint8Array(TOKEN_LENGTH);
+    crypto.getRandomValues(bytes);
+    let token = '';
+    for (let i = 0; i < TOKEN_LENGTH; i++) {
+        token += ALPHABET[bytes[i] % ALPHABET.length];
+    }
+    return token;
+};
+
+const pickIp = (data) => {
+    if (!data || typeof data !== 'object') return null;
+    const ips = Object.keys(data).filter(
+        (ip) => Array.isArray(data[ip]) && data[ip].length > 0,
+    );
+    if (!ips.length) return null;
+    ips.sort();
+    return ips[0];
+};
+
+export async function runBrowserLeaks({ onUrl } = {}) {
+    const host = `${generateToken()}${HOST_SUFFIX}`;
+    const url = `https://${host}/`;
+    onUrl?.(host);
+
+    const response = await fetchWithTimeout(url);
+    if (!response.ok) throw new Error('browserleaks: response not ok');
+    const data = await response.json();
+    const ip = pickIp(data);
+    if (!ip) throw new Error('browserleaks: no IP in response');
+    return { ip, testUrl: host };
+}
diff --git a/frontend/utils/dnsleaks/index.js b/frontend/utils/dnsleaks/index.js
new file mode 100644
index 000000000..9c2b71fba
--- /dev/null
+++ b/frontend/utils/dnsleaks/index.js
@@ -0,0 +1,31 @@
+// Barrel + retry runner for the homepage DNS leak test providers.
+//
+// Each provider in this directory is a single async function that, on
+// every call, generates a fresh subdomain prefix, hits its upstream, and
+// returns either { ip, testUrl } or throws. They are stateless and have
+// no Vue / store dependency — the consuming component (DnsLeaksTest.vue)
+// writes results into its reactive `leakTest[]` array and runs the
+// MaxMind geo lookup separately.
+
+export { runIpApi } from './ipapi.js';
+export { runSurfshark } from './surfshark.js';
+export { runIpleak } from './ipleak.js';
+export { runBrowserLeaks } from './browserleaks.js';
+
+// Invoke `provider` up to `attempts` times. Each invocation regenerates
+// its subdomain prefix, so retries trigger fresh DNS lookups upstream
+// rather than returning cached failures. `opts.onUrl(host)` fires on
+// every attempt so the UI can display the host currently being probed.
+// Returns the first successful result; throws the last error if all
+// attempts failed.
+export async function runWithRetry(provider, opts = {}, attempts = 3) {
+    let lastError;
+    for (let i = 0; i < attempts; i++) {
+        try {
+            return await provider(opts);
+        } catch (err) {
+            lastError = err;
+        }
+    }
+    throw lastError;
+}
diff --git a/frontend/utils/dnsleaks/ipapi.js b/frontend/utils/dnsleaks/ipapi.js
new file mode 100644
index 000000000..b248ba304
--- /dev/null
+++ b/frontend/utils/dnsleaks/ipapi.js
@@ -0,0 +1,23 @@
+// edns.ip-api.com — a fresh ~30-char subdomain on `edns.ip-api.com` forces a
+// unique DNS lookup upstream; the resolver's outbound IP comes back in
+// `data.dns.ip`. See https://ip-api.com/docs/dns
+import { fetchWithTimeout } from '../fetch-with-timeout.js';
+
+const generatePrefix = () => {
+    const unixTime = Date.now().toString();
+    const fixedString = 'jason5ng32';
+    const randomString = Math.random().toString(36).substring(2, 11);
+    return unixTime + fixedString + randomString;
+};
+
+export async function runIpApi({ onUrl } = {}) {
+    const host = `${generatePrefix()}.edns.ip-api.com`;
+    const url = `https://${host}/json`;
+    onUrl?.(host);
+
+    const response = await fetchWithTimeout(url);
+    if (!response.ok) throw new Error('ipapi: response not ok');
+    const data = await response.json();
+    if (!data?.dns?.ip) throw new Error('ipapi: missing dns.ip');
+    return { ip: data.dns.ip, testUrl: host };
+}
diff --git a/frontend/utils/dnsleaks/ipleak.js b/frontend/utils/dnsleaks/ipleak.js
new file mode 100644
index 000000000..675389877
--- /dev/null
+++ b/frontend/utils/dnsleaks/ipleak.js
@@ -0,0 +1,44 @@
+// ipleak.net — fresh 40-char session subdomain on `-1.ipleak.net` forces a
+// unique DNS resolution. Response is `{ ip: { "<ip1>": <count>, ... } }`;
+// the IP with the highest hit count is the resolver we report.
+import { fetchWithTimeout } from '../fetch-with-timeout.js';
+
+const SESSION_LENGTH = 40;
+const HOST_SUFFIX = '-1.ipleak.net';
+const ALPHABET = 'abcdefghijklmnopqrstuvwxyz0123456789';
+
+const generateSession = () => {
+    const bytes = new Uint8Array(SESSION_LENGTH);
+    crypto.getRandomValues(bytes);
+    let session = '';
+    for (let i = 0; i < SESSION_LENGTH; i++) {
+        session += ALPHABET[bytes[i] % ALPHABET.length];
+    }
+    return session;
+};
+
+const pickTopIp = (ipMap) => {
+    if (!ipMap || typeof ipMap !== 'object') return null;
+    let topIp = null;
+    let topCount = -1;
+    for (const [ip, count] of Object.entries(ipMap)) {
+        const n = Number(count);
+        if (!Number.isFinite(n) || n <= topCount) continue;
+        topCount = n;
+        topIp = ip;
+    }
+    return topIp;
+};
+
+export async function runIpleak({ onUrl } = {}) {
+    const host = `${generateSession()}${HOST_SUFFIX}`;
+    const url = `https://${host}/dnsdetection/`;
+    onUrl?.(host);
+
+    const response = await fetchWithTimeout(url);
+    if (!response.ok) throw new Error('ipleak: response not ok');
+    const data = await response.json();
+    const ip = pickTopIp(data?.ip);
+    if (!ip) throw new Error('ipleak: no IP in response');
+    return { ip, testUrl: host };
+}
diff --git a/frontend/utils/dnsleaks/surfshark.js b/frontend/utils/dnsleaks/surfshark.js
new file mode 100644
index 000000000..7192452ec
--- /dev/null
+++ b/frontend/utils/dnsleaks/surfshark.js
@@ -0,0 +1,31 @@
+// surfsharkdns.com — fresh 13-char subdomain on `ipv4.surfsharkdns.com`
+// triggers a unique DNS resolution; the resolver IP comes back nested under
+// arbitrary numeric keys, e.g. `{ "0": { IP: "1.2.3.4" }, "1": {...} }`.
+import { fetchWithTimeout } from '../fetch-with-timeout.js';
+
+const generatePrefix = () => {
+    const fixedString = 'jn32';
+    const randomString = Math.random().toString(36).substring(2, 11);
+    return fixedString + randomString;
+};
+
+const pickLeakIp = (data) => {
+    if (!data || typeof data !== 'object') return null;
+    for (const key of Object.keys(data)) {
+        if (data[key]?.IP) return data[key].IP;
+    }
+    return null;
+};
+
+export async function runSurfshark({ onUrl } = {}) {
+    const host = `${generatePrefix()}.ipv4.surfsharkdns.com`;
+    const url = `https://${host}`;
+    onUrl?.(host);
+
+    const response = await fetchWithTimeout(url);
+    if (!response.ok) throw new Error('surfshark: response not ok');
+    const data = await response.json();
+    const ip = pickLeakIp(data);
+    if (!ip) throw new Error('surfshark: no IP in response');
+    return { ip, testUrl: host };
+}

From d3a241212312402c20cb470f30ece36bc3483401 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 13:07:02 +0800
Subject: [PATCH 15/52] Improvements

---
 frontend/components/DnsLeaksTest.vue    | 49 ++++++++++++-------------
 frontend/utils/dnsleaks/browserleaks.js | 25 +++++++------
 frontend/utils/dnsleaks/index.js        | 33 ++++++++---------
 frontend/utils/dnsleaks/ipapi.js        | 23 ++++++------
 frontend/utils/dnsleaks/ipleak.js       | 25 +++++++------
 frontend/utils/dnsleaks/surfshark.js    | 25 +++++++------
 6 files changed, 90 insertions(+), 90 deletions(-)

diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index c4f3aa381..53b27633d 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -34,10 +34,11 @@
 
               <span class="font-mono text-muted-foreground shrink-0">#{{ index + 1 }}</span>
             </div>
-            <!-- Test URL (secondary information) — single line, ellipsis inside card -->
-            <p v-if="leak.testUrl" class="w-full min-w-0 mb-1 text-xs font-mono text-muted-foreground truncate"
-              :title="leak.testUrl">
-              {{ leak.testUrl }}
+            <!-- Provider name (secondary information) — fixed per card, sourced
+                 from each provider's `name` export in utils/dnsleaks. -->
+            <p class="w-full min-w-0 mb-1 text-xs font-mono text-muted-foreground truncate"
+              :title="leak.providerName">
+              {{ leak.providerName }}
             </p>
           </div>
 
@@ -129,9 +130,13 @@ import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
 import {
-  runIpApi, runSurfshark, runIpleak, runBrowserLeaks, runWithRetry,
+  ipApi, surfshark, ipleak, browserleaks, runWithRetry,
 } from '@/utils/dnsleaks';
 
+// One source of truth for which providers to run and in what order. Adding
+// a new provider = create the file under utils/dnsleaks and append it here.
+const PROVIDERS = [ipApi, surfshark, ipleak, browserleaks];
+
 
 const { t } = useI18n();
 const store = useMainStore();
@@ -175,12 +180,11 @@ const createDefaultCard = () => ({
   org: t('dnsleaktest.StatusWait'),
 });
 
-const leakTest = reactive([
-  { ...createDefaultCard(), id: 'ipapi' },
-  { ...createDefaultCard(), id: 'surfshark' },
-  { ...createDefaultCard(), id: 'ipleak' },
-  { ...createDefaultCard(), id: 'browserleaks' },
-]);
+const leakTest = reactive(PROVIDERS.map((p) => ({
+  ...createDefaultCard(),
+  id: p.id,
+  providerName: p.name,
+})));
 
 // ISP + country via MaxMind (same pipeline as WebRtcTest.vue). Returns
 // { country_code, country, org } on success, or null on any miss.
@@ -233,15 +237,11 @@ const markLeakCardError = (index) => {
 };
 
 // Run one provider against its card slot, with retry (3 attempts, fresh
-// prefix per attempt — see `runWithRetry` in utils/dnsleaks). The current
-// attempt's host is written to `testUrl` as it changes, so the user sees
-// the latest probe; on full failure (all attempts threw) the card is
-// flipped to the error state.
+// prefix per attempt — see `runWithRetry` in utils/dnsleaks). On full
+// failure (all attempts threw) the card is flipped to the error state.
 const runProvider = async (index, provider) => {
   try {
-    const { ip } = await runWithRetry(provider, {
-      onUrl: (host) => { leakTest[index].testUrl = host; },
-    });
+    const { ip } = await runWithRetry(provider);
     leakTest[index].ip = ip;
     await applyMaxMindGeo(index, ip);
   } catch (error) {
@@ -250,13 +250,13 @@ const runProvider = async (index, provider) => {
   }
 };
 
-// Check all
+// Check all. Staggers startup by 300ms per provider to avoid a thundering-
+// herd on first paint.
 const checkAllDNSLeakTest = async (isRefresh) => {
   isStarted.value = true;
   if (isRefresh) {
     trackEvent('Section', 'RefreshClick', 'DNSLeakTest');
     leakTest.forEach((server) => {
-      server.testUrl = '';
       server.ip = t('dnsleaktest.StatusWait');
       server.country = t('dnsleaktest.StatusWait');
       server.country_code = '';
@@ -270,12 +270,9 @@ const checkAllDNSLeakTest = async (isRefresh) => {
     }, delay);
   });
 
-  const promises = [
-    delayedRun(runIpApi, 0, 100),
-    delayedRun(runSurfshark, 1, 400),
-    delayedRun(runIpleak, 2, 700),
-    delayedRun(runBrowserLeaks, 3, 1000),
-  ];
+  const promises = PROVIDERS.map((provider, index) =>
+    delayedRun(provider, index, 100 + index * 300),
+  );
 
   const allSettledPromise = Promise.allSettled(promises);
   const timeoutPromise = new Promise((resolve) => setTimeout(resolve, 6000));
diff --git a/frontend/utils/dnsleaks/browserleaks.js b/frontend/utils/dnsleaks/browserleaks.js
index 143b6e5f0..9f40fa6ae 100644
--- a/frontend/utils/dnsleaks/browserleaks.js
+++ b/frontend/utils/dnsleaks/browserleaks.js
@@ -28,15 +28,16 @@ const pickIp = (data) => {
     return ips[0];
 };
 
-export async function runBrowserLeaks({ onUrl } = {}) {
-    const host = `${generateToken()}${HOST_SUFFIX}`;
-    const url = `https://${host}/`;
-    onUrl?.(host);
-
-    const response = await fetchWithTimeout(url);
-    if (!response.ok) throw new Error('browserleaks: response not ok');
-    const data = await response.json();
-    const ip = pickIp(data);
-    if (!ip) throw new Error('browserleaks: no IP in response');
-    return { ip, testUrl: host };
-}
+export const browserleaks = {
+    id: 'browserleaks',
+    name: 'browserleaks.net',
+    async run() {
+        const host = `${generateToken()}${HOST_SUFFIX}`;
+        const response = await fetchWithTimeout(`https://${host}/`);
+        if (!response.ok) throw new Error('browserleaks: response not ok');
+        const data = await response.json();
+        const ip = pickIp(data);
+        if (!ip) throw new Error('browserleaks: no IP in response');
+        return { ip };
+    },
+};
diff --git a/frontend/utils/dnsleaks/index.js b/frontend/utils/dnsleaks/index.js
index 9c2b71fba..3c5239895 100644
--- a/frontend/utils/dnsleaks/index.js
+++ b/frontend/utils/dnsleaks/index.js
@@ -1,28 +1,27 @@
 // Barrel + retry runner for the homepage DNS leak test providers.
 //
-// Each provider in this directory is a single async function that, on
-// every call, generates a fresh subdomain prefix, hits its upstream, and
-// returns either { ip, testUrl } or throws. They are stateless and have
-// no Vue / store dependency — the consuming component (DnsLeaksTest.vue)
-// writes results into its reactive `leakTest[]` array and runs the
+// Each provider in this directory is a self-describing object:
+//   { id, name, run() }
+// where `run()` generates a fresh subdomain prefix, hits the upstream, and
+// resolves to `{ ip }` or throws. Providers are stateless and have no Vue /
+// store dependency — the consuming component (DnsLeaksTest.vue) iterates a
+// list of them, wires results into its reactive `leakTest[]`, and runs the
 // MaxMind geo lookup separately.
 
-export { runIpApi } from './ipapi.js';
-export { runSurfshark } from './surfshark.js';
-export { runIpleak } from './ipleak.js';
-export { runBrowserLeaks } from './browserleaks.js';
+export { ipApi } from './ipapi.js';
+export { surfshark } from './surfshark.js';
+export { ipleak } from './ipleak.js';
+export { browserleaks } from './browserleaks.js';
 
-// Invoke `provider` up to `attempts` times. Each invocation regenerates
-// its subdomain prefix, so retries trigger fresh DNS lookups upstream
-// rather than returning cached failures. `opts.onUrl(host)` fires on
-// every attempt so the UI can display the host currently being probed.
-// Returns the first successful result; throws the last error if all
-// attempts failed.
-export async function runWithRetry(provider, opts = {}, attempts = 3) {
+// Invoke `provider.run()` up to `attempts` times. Because each provider
+// regenerates its prefix internally on every call, retries trigger fresh
+// DNS lookups upstream rather than returning cached failures. Returns the
+// first successful result; throws the last error if every attempt failed.
+export async function runWithRetry(provider, attempts = 3) {
     let lastError;
     for (let i = 0; i < attempts; i++) {
         try {
-            return await provider(opts);
+            return await provider.run();
         } catch (err) {
             lastError = err;
         }
diff --git a/frontend/utils/dnsleaks/ipapi.js b/frontend/utils/dnsleaks/ipapi.js
index b248ba304..074c89fc3 100644
--- a/frontend/utils/dnsleaks/ipapi.js
+++ b/frontend/utils/dnsleaks/ipapi.js
@@ -10,14 +10,15 @@ const generatePrefix = () => {
     return unixTime + fixedString + randomString;
 };
 
-export async function runIpApi({ onUrl } = {}) {
-    const host = `${generatePrefix()}.edns.ip-api.com`;
-    const url = `https://${host}/json`;
-    onUrl?.(host);
-
-    const response = await fetchWithTimeout(url);
-    if (!response.ok) throw new Error('ipapi: response not ok');
-    const data = await response.json();
-    if (!data?.dns?.ip) throw new Error('ipapi: missing dns.ip');
-    return { ip: data.dns.ip, testUrl: host };
-}
+export const ipApi = {
+    id: 'ipapi',
+    name: 'ip-api.com',
+    async run() {
+        const host = `${generatePrefix()}.edns.ip-api.com`;
+        const response = await fetchWithTimeout(`https://${host}/json`);
+        if (!response.ok) throw new Error('ipapi: response not ok');
+        const data = await response.json();
+        if (!data?.dns?.ip) throw new Error('ipapi: missing dns.ip');
+        return { ip: data.dns.ip };
+    },
+};
diff --git a/frontend/utils/dnsleaks/ipleak.js b/frontend/utils/dnsleaks/ipleak.js
index 675389877..1eeaf6d1f 100644
--- a/frontend/utils/dnsleaks/ipleak.js
+++ b/frontend/utils/dnsleaks/ipleak.js
@@ -30,15 +30,16 @@ const pickTopIp = (ipMap) => {
     return topIp;
 };
 
-export async function runIpleak({ onUrl } = {}) {
-    const host = `${generateSession()}${HOST_SUFFIX}`;
-    const url = `https://${host}/dnsdetection/`;
-    onUrl?.(host);
-
-    const response = await fetchWithTimeout(url);
-    if (!response.ok) throw new Error('ipleak: response not ok');
-    const data = await response.json();
-    const ip = pickTopIp(data?.ip);
-    if (!ip) throw new Error('ipleak: no IP in response');
-    return { ip, testUrl: host };
-}
+export const ipleak = {
+    id: 'ipleak',
+    name: 'ipleak.net',
+    async run() {
+        const host = `${generateSession()}${HOST_SUFFIX}`;
+        const response = await fetchWithTimeout(`https://${host}/dnsdetection/`);
+        if (!response.ok) throw new Error('ipleak: response not ok');
+        const data = await response.json();
+        const ip = pickTopIp(data?.ip);
+        if (!ip) throw new Error('ipleak: no IP in response');
+        return { ip };
+    },
+};
diff --git a/frontend/utils/dnsleaks/surfshark.js b/frontend/utils/dnsleaks/surfshark.js
index 7192452ec..0ad184216 100644
--- a/frontend/utils/dnsleaks/surfshark.js
+++ b/frontend/utils/dnsleaks/surfshark.js
@@ -17,15 +17,16 @@ const pickLeakIp = (data) => {
     return null;
 };
 
-export async function runSurfshark({ onUrl } = {}) {
-    const host = `${generatePrefix()}.ipv4.surfsharkdns.com`;
-    const url = `https://${host}`;
-    onUrl?.(host);
-
-    const response = await fetchWithTimeout(url);
-    if (!response.ok) throw new Error('surfshark: response not ok');
-    const data = await response.json();
-    const ip = pickLeakIp(data);
-    if (!ip) throw new Error('surfshark: no IP in response');
-    return { ip, testUrl: host };
-}
+export const surfshark = {
+    id: 'surfshark',
+    name: 'surfsharkdns.com',
+    async run() {
+        const host = `${generatePrefix()}.ipv4.surfsharkdns.com`;
+        const response = await fetchWithTimeout(`https://${host}`);
+        if (!response.ok) throw new Error('surfshark: response not ok');
+        const data = await response.json();
+        const ip = pickLeakIp(data);
+        if (!ip) throw new Error('surfshark: no IP in response');
+        return { ip };
+    },
+};

From dd4431430aed505e2f2887a9de3aa4ede71216dd Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 13:18:54 +0800
Subject: [PATCH 16/52] Improvements

---
 frontend/components/DnsLeaksTest.vue          | 37 +---------
 frontend/components/WebRtcTest.vue            | 73 ++++++++-----------
 .../components/advanced-tools/RuleTest.vue    | 29 +++++++-
 frontend/composables/use-maxmind.js           | 46 ++++++++++++
 frontend/data/changelog.json                  |  9 +++
 5 files changed, 113 insertions(+), 81 deletions(-)
 create mode 100644 frontend/composables/use-maxmind.js

diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index 53b27633d..f37c2024a 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -118,13 +118,11 @@ import { useRouter } from 'vue-router';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
-import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
-import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
-import getCountryName from '@/data/country-name.js';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
+import { useMaxmind } from '@/composables/use-maxmind.js';
 import { EthernetPort, Play, MapPin, RotateCw, Sparkles, ArrowRight, DoorOpen } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
@@ -141,7 +139,7 @@ const PROVIDERS = [ipApi, surfshark, ipleak, browserleaks];
 const { t } = useI18n();
 const store = useMainStore();
 const router = useRouter();
-const lang = computed(() => store.lang);
+const { lookupMaxmind } = useMaxmind();
 const isStarted = ref(false);
 const userPreferences = computed(() => store.userPreferences);
 const isSimpleMode = computed(() => userPreferences.value.simpleMode);
@@ -186,38 +184,9 @@ const leakTest = reactive(PROVIDERS.map((p) => ({
   providerName: p.name,
 })));
 
-// ISP + country via MaxMind (same pipeline as WebRtcTest.vue). Returns
-// { country_code, country, org } on success, or null on any miss.
-const fetchIpGeoFromMaxMind = async (ip) => {
-  const source = store.ipDBs.find((s) => s.text === 'MaxMind');
-  if (!source) return null;
-  let setLang = lang.value;
-  if (setLang === 'zh') setLang = 'zh-CN';
-
-  try {
-    const url = store.getDbUrl(source.id, ip, setLang);
-    const response = await fetchWithTimeout(url);
-    const data = await response.json();
-    const ipData = transformDataFromIPapi(data, source.id, t, lang.value);
-    if (!ipData) return null;
-    const country_code = (ipData.country_code || '').toLowerCase();
-    const country = country_code
-      ? getCountryName(ipData.country_code, lang.value)
-      : '';
-    return {
-      country_code,
-      country,
-      org: ipData.isp || '',
-    };
-  } catch (error) {
-    console.error('Error fetching IP geo from MaxMind', error);
-    return null;
-  }
-};
-
 // Apply MaxMind lookup to a card that already has a resolved leak IP.
 const applyMaxMindGeo = async (index, ip) => {
-  const geo = await fetchIpGeoFromMaxMind(ip);
+  const geo = await lookupMaxmind(ip);
   if (geo) {
     leakTest[index].country_code = geo.country_code;
     leakTest[index].country = geo.country;
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index fcbbd4e82..49d8e587f 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -49,7 +49,7 @@
               :class="textClass(toneOf(stun))" />
           </div>
 
-          <!-- NAT + Country -->
+          <!-- NAT + ISP + Country -->
           <dl v-if="stun.natType" class="rounded-md bg-muted/50 p-3 space-y-2 text-sm">
             <div>
               <dt class="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
@@ -61,6 +61,16 @@
                 <span v-else class="text-muted-foreground font-normal">—</span>
               </dd>
             </div>
+            <div>
+              <dt class="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
+                <EthernetPort class="size-3.5" />
+                <span>{{ t('ipInfos.ISP') }}</span>
+              </dt>
+              <dd class="font-medium wrap-break-word" :title="stun.org">
+                <span v-if="!isFieldPending(stun.org)">{{ stun.org }}</span>
+                <span v-else class="text-muted-foreground font-normal">—</span>
+              </dd>
+            </div>
             <div>
               <dt class="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
                 <MapPin class="size-3.5" />
@@ -110,15 +120,13 @@ import { ref, computed, onMounted, onBeforeUnmount, reactive, watch } from 'vue'
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
-import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
-import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
-import getCountryName from '@/data/country-name.js';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
-import { Play, MapPin, Flower, Network, RotateCw, FileText, ChevronDown } from '@lucide/vue';
+import { useMaxmind } from '@/composables/use-maxmind.js';
+import { Play, MapPin, EthernetPort, Flower, Network, RotateCw, FileText, ChevronDown } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import CopyButton from '@/components/widgets/CopyButton.vue';
@@ -126,18 +134,18 @@ import { INLINE_TIERS } from '@/composables/use-fit-text.js';
 
 const { t } = useI18n();
 const store = useMainStore();
-const lang = computed(() => store.lang);
 const userPreferences = computed(() => store.userPreferences);
 const isSimpleMode = computed(() => userPreferences.value.simpleMode);
 const { dotClass, textClass } = useStatusTone();
+const { lookupMaxmind } = useMaxmind();
 
 const isStarted = ref(false);
 const IPArray = ref([]);
 const stunServers = reactive([
-  { id: 'google', url: 'stun.l.google.com:19302', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'blackberry', url: 'stun.voip.blackberry.com:3478', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'twilio', url: 'global.stun.twilio.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
-  { id: 'cloudflare', url: 'stun.cloudflare.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', sdpLog: [], sdpOpen: false },
+  { id: 'google', url: 'stun.l.google.com:19302', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', org: t('webrtc.StatusWait'), sdpLog: [], sdpOpen: false },
+  { id: 'blackberry', url: 'stun.voip.blackberry.com:3478', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', org: t('webrtc.StatusWait'), sdpLog: [], sdpOpen: false },
+  { id: 'twilio', url: 'global.stun.twilio.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', org: t('webrtc.StatusWait'), sdpLog: [], sdpOpen: false },
+  { id: 'cloudflare', url: 'stun.cloudflare.com', ip: t('webrtc.StatusWait'), natType: t('webrtc.StatusWait'), country: t('webrtc.StatusWait'), country_code: '', org: t('webrtc.StatusWait'), sdpLog: [], sdpOpen: false },
 ]);
 
 // Regex extracting the IP portion out of an ICE candidate line
@@ -216,6 +224,7 @@ const checkSTUNServer = (stun) => {
       stun.natType = label;
       stun.country = label;
       stun.country_code = '';
+      stun.org = label;
       log(`status: ${statusKey}`);
       finish();
     };
@@ -233,15 +242,17 @@ const checkSTUNServer = (stun) => {
       stun.natType = determineNATType(candidate);
       log(`resolved IP: ${ip}`);
       IPArray.value = [...IPArray.value, ip];
-      // fetchCountryCode swallows its own errors and returns null on miss,
-      // so a single null check handles both "no MaxMind source" and
-      // "upstream failure" paths.
-      const countryInfo = await fetchCountryCode(ip);
-      if (countryInfo) {
-        stun.country_code = countryInfo[0];
-        stun.country = countryInfo[1];
+      // useMaxmind swallows its own errors and returns null on miss, so
+      // a single null check handles both "no MaxMind source" and "upstream
+      // failure" paths.
+      const geo = await lookupMaxmind(ip);
+      if (geo) {
+        stun.country_code = geo.country_code;
+        stun.country = geo.country;
+        stun.org = geo.org;
       } else {
         stun.country = t('webrtc.StatusError');
+        stun.org = t('webrtc.StatusError');
       }
       if (pc) {
         pc.close();
@@ -322,33 +333,6 @@ const determineNATType = (candidate) => {
   return t('webrtc.NATType.unknown');
 };
 
-// Get IP country via Maxmind. Returns [country_code, country_name] on a
-// successful lookup, or null on any miss (missing MaxMind source, empty
-// upstream response, network error). Callers use the null as the signal
-// to surface an Error label — no TypeError round-trip through a catch.
-const fetchCountryCode = async (ip) => {
-  const source = store.ipDBs.find((s) => s.text === 'MaxMind');
-  if (!source) return null;
-  let setLang = lang.value;
-  if (setLang === 'zh') setLang = 'zh-CN';
-
-  try {
-    const url = store.getDbUrl(source.id, ip, setLang);
-    const response = await fetchWithTimeout(url);
-    const data = await response.json();
-    const ipData = transformDataFromIPapi(data, source.id, t, lang.value);
-    if (!ipData) return null;
-    const country_code = ipData.country_code.toLowerCase();
-    const country = ipData.country_code
-      ? getCountryName(ipData.country_code, lang.value)
-      : 'N/A';
-    return [country_code, country];
-  } catch (error) {
-    console.error('Error fetching IP country code', error);
-    return null;
-  }
-};
-
 // Test all STUN servers
 const checkAllWebRTC = async (isRefresh) => {
   if (isRefresh) trackEvent('Section', 'RefreshClick', 'WebRTC');
@@ -358,6 +342,7 @@ const checkAllWebRTC = async (isRefresh) => {
     server.natType = t('webrtc.StatusWait');
     server.country = t('webrtc.StatusWait');
     server.country_code = '';
+    server.org = t('webrtc.StatusWait');
     return checkSTUNServer(server);
   });
 
diff --git a/frontend/components/advanced-tools/RuleTest.vue b/frontend/components/advanced-tools/RuleTest.vue
index 97a2df815..c13f493e6 100644
--- a/frontend/components/advanced-tools/RuleTest.vue
+++ b/frontend/components/advanced-tools/RuleTest.vue
@@ -36,8 +36,18 @@
                             :class="textClass(toneOf(test))" />
                     </div>
 
-                    <!-- Country sub-block -->
-                    <dl class="rounded-md bg-muted/50 p-3 text-sm">
+                    <!-- ISP + Country sub-block -->
+                    <dl class="rounded-md bg-muted/50 p-3 space-y-2 text-sm">
+                        <div>
+                            <dt class="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
+                                <EthernetPort class="size-3.5" />
+                                <span>{{ t('ipInfos.ISP') }}</span>
+                            </dt>
+                            <dd class="font-medium wrap-break-word" :title="test.org">
+                                <span v-if="!isFieldPending(test.org)">{{ test.org }}</span>
+                                <span v-else class="text-muted-foreground font-normal">—</span>
+                            </dd>
+                        </div>
                         <div>
                             <dt class="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
                                 <MapPin class="size-3.5" />
@@ -79,8 +89,9 @@ import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
+import { useMaxmind } from '@/composables/use-maxmind.js';
 import { Icon } from '@iconify/vue';
-import { MapPin, RotateCw, Waypoints, SignpostBig } from '@lucide/vue';
+import { EthernetPort, MapPin, RotateCw, Waypoints, SignpostBig } from '@lucide/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
 
@@ -91,12 +102,14 @@ const isMobile = computed(() => store.isMobile);
 const lang = computed(() => store.lang);
 const isSignedIn = computed(() => store.isSignedIn);
 const { dotClass, textClass } = useStatusTone();
+const { lookupMaxmind } = useMaxmind();
 
 const createDefaultCard = () => ({
     name: t('ruletest.Name'),
     ip: t('ruletest.StatusWait'),
     country_code: '',
     country: t('ruletest.StatusWait'),
+    org: t('ruletest.StatusWait'),
 });
 
 const ruleTests = ref(Array.from({ length: 8 }, (_, index) => ({
@@ -137,10 +150,19 @@ const fetchTrace = async (id, url) => {
             ruleTests.value[id].country_code = country;
             ruleTests.value[id].country = getCountryName(country, lang.value);
         }
+        // Enrich with MaxMind for ISP. Trace gives IP + country code but
+        // no org — MaxMind fills that gap. Country resolution stays on
+        // trace (authoritative for each ptest worker's egress), so a
+        // MaxMind miss leaves the existing country untouched.
+        if (ipLine) {
+            const geo = await lookupMaxmind(ruleTests.value[id].ip);
+            ruleTests.value[id].org = geo ? geo.org : t('ruletest.StatusError');
+        }
     } catch (error) {
         ruleTests.value[id].ip = t('ruletest.StatusError');
         ruleTests.value[id].country_code = '';
         ruleTests.value[id].country = t('ruletest.StatusError');
+        ruleTests.value[id].org = t('ruletest.StatusError');
         console.error('Error fetching Data:', error);
     }
 };
@@ -152,6 +174,7 @@ const checkAllRuleTest = async (refresh = false) => {
             test.ip = t('ruletest.StatusWait');
             test.country = t('ruletest.StatusWait');
             test.country_code = '';
+            test.org = t('ruletest.StatusWait');
         });
     }
 
diff --git a/frontend/composables/use-maxmind.js b/frontend/composables/use-maxmind.js
new file mode 100644
index 000000000..7cb172f03
--- /dev/null
+++ b/frontend/composables/use-maxmind.js
@@ -0,0 +1,46 @@
+// Shared client-side MaxMind lookup for components that need to enrich a
+// raw IP with country + ISP. 
+// Returns `{ country_code, country, org }` on success. Returns `null` on
+// every failure path (no MaxMind source, network error, malformed
+// upstream payload) so callers don't have to disambiguate.
+//
+// Callers that don't need `org` (e.g. WebRtcTest) just destructure the
+// fields they care about.
+
+import { useMainStore } from '@/store';
+import { useI18n } from 'vue-i18n';
+import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
+import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
+import getCountryName from '@/data/country-name.js';
+
+export function useMaxmind() {
+    const store = useMainStore();
+    const { t } = useI18n();
+
+    const lookupMaxmind = async (ip) => {
+        const source = store.ipDBs.find((s) => s.text === 'MaxMind');
+        if (!source) return null;
+
+        const lang = store.lang;
+        // ip-api.com style locale tag — same mapping the legacy call sites used.
+        const apiLang = lang === 'zh' ? 'zh-CN' : lang;
+
+        try {
+            const url = store.getDbUrl(source.id, ip, apiLang);
+            const response = await fetchWithTimeout(url);
+            const data = await response.json();
+            const ipData = transformDataFromIPapi(data, source.id, t, lang);
+            if (!ipData) return null;
+            const country_code = (ipData.country_code || '').toLowerCase();
+            const country = country_code
+                ? getCountryName(ipData.country_code, lang)
+                : '';
+            return { country_code, country, org: ipData.isp || '' };
+        } catch (error) {
+            console.error('useMaxmind lookup failed', error);
+            return null;
+        }
+    };
+
+    return { lookupMaxmind };
+}
diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index 2ac09df52..bebe9f680 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1188,6 +1188,15 @@
           "tr": "Ağ bağlantı testi marka simgeleri iyileştirildi"
         }
       },
+      {
+        "type": "improve",
+        "change": {
+          "en": "Enriched the information display of WebRTC Test and Rule Test",
+          "zh": "丰富 WebRTC 测试和规则测试的信息展示",
+          "fr": "Amélioration de l'affichage des informations du test WebRTC et du test de règles",
+          "tr": "WebRTC Test ve Rule Test bilgi görüntüleme iyileştirildi"
+        }
+      },
       {
         "type": "improve",
         "change": {

From fd678087ad0a32d8e779c0dd388e9abceed5cc66 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 16:52:40 +0800
Subject: [PATCH 17/52] Improvements

---
 frontend/App.vue                         |   1 -
 frontend/components/DnsLeaksTest.vue     |   2 +-
 frontend/components/WebRtcTest.vue       |   2 +-
 frontend/components/ip-infos/IPCard.vue  |   6 +-
 frontend/components/widgets/InfoMask.vue |  11 ++-
 frontend/composables/use-info-mask.js    | 110 ++++++++---------------
 frontend/locales/en.json                 |   6 +-
 frontend/locales/fr.json                 |   6 +-
 frontend/locales/tr.json                 |   6 +-
 frontend/locales/zh.json                 |   6 +-
 frontend/style/style.css                 |  13 +++
 frontend/utils/masked-info.js            |  30 -------
 tests/composable-info-mask.test.js       |  76 ++++------------
 tests/masked-info.test.js                |  60 -------------
 14 files changed, 84 insertions(+), 251 deletions(-)
 delete mode 100644 frontend/utils/masked-info.js
 delete mode 100644 tests/masked-info.test.js

diff --git a/frontend/App.vue b/frontend/App.vue
index 64c16f385..b7108d26c 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -111,7 +111,6 @@ if (loadingElement) {
 
 // Info mask
 const { infoMaskLevel, isInfosLoaded, showMaskButton, toggleInfoMask } = useInfoMask({
-    refs: { IPCheckRef, webRTCRef, dnsLeaksRef },
     store,
     t,
 });
diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index f37c2024a..1cfefaaa0 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -50,7 +50,7 @@
               <span class="relative inline-flex size-2 rounded-full" :class="dotClass(toneOf(leak))"></span>
             </span>
             <FitText :text="leak.ip" :tiers="INLINE_TIERS" :title="leak.ip" class="font-mono min-w-0"
-              :class="textClass(toneOf(leak))" />
+              :class="textClass(toneOf(leak))" data-mask="ip" />
           </div>
 
           <!-- ISP + Country sub-block -->
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index 49d8e587f..3b3ab4d90 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -46,7 +46,7 @@
               <span class="relative inline-flex size-2 rounded-full" :class="dotClass(toneOf(stun))"></span>
             </span>
             <FitText :text="stun.ip" :tiers="INLINE_TIERS" :title="stun.ip" class="font-mono min-w-0"
-              :class="textClass(toneOf(stun))" />
+              :class="textClass(toneOf(stun))" data-mask="ip" />
           </div>
 
           <!-- NAT + ISP + Country -->
diff --git a/frontend/components/ip-infos/IPCard.vue b/frontend/components/ip-infos/IPCard.vue
index ccd8539df..2f69f6216 100644
--- a/frontend/components/ip-infos/IPCard.vue
+++ b/frontend/components/ip-infos/IPCard.vue
@@ -28,7 +28,7 @@
                 <!-- Monitor is inline inside FitText so it rides the IP's
                      first line; Copy stays a flex sibling so ellipsis
                      never clips it. -->
-                <div class="px-4 py-3 flex items-start gap-2 min-w-0">
+                <div class="px-4 py-3 flex items-start gap-2 min-w-0" data-mask="ip">
                     <FitText :text="card.ip" :tiers="HERO_TIERS" :max-lines="2" :title="card.ip"
                         class="font-mono font-semibold min-w-0 items-start">
                         <template #prefix >
@@ -98,9 +98,7 @@ const props = defineProps({
 defineEmits(['refresh-card']);
 
 // Three state check: has data (normal) / error / loading
-const hasData = computed(() =>
-    Boolean(props.card.asn) || props.card.ip === '2001:4860:4860::8888'
-);
+const hasData = computed(() => Boolean(props.card.asn));
 const isErrorState = computed(() =>
     props.card.ip === t('ipInfos.IPv4Error') || props.card.ip === t('ipInfos.IPv6Error')
 );
diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index f71065665..49794dc37 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -28,12 +28,11 @@ const { showMaskButton, infoMaskLevel, toggleInfoMask } = defineProps({
     toggleInfoMask: Function,
 });
 
-// Three state colors
-const stateClasses = computed(() => ({
-    'bg-success text-success-foreground hover:bg-success/80': infoMaskLevel === 0,
-    'bg-warning text-warning-foreground hover:bg-warning/80': infoMaskLevel === 1,
-    'bg-secondary text-secondary-foreground hover:bg-secondary/80': infoMaskLevel === 2,
-}));
+// Two-state color: idle (success) vs IP masked (warning).
+const stateClasses = computed(() => infoMaskLevel === 0
+    ? 'bg-success text-success-foreground hover:bg-success/80'
+    : 'bg-warning text-warning-foreground hover:bg-warning/80',
+);
 
 // Wide screen (>1600px) align to content area right (max-width 1600px), otherwise stick right 20px
 const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
diff --git a/frontend/composables/use-info-mask.js b/frontend/composables/use-info-mask.js
index 67624e287..3c64bfda5 100644
--- a/frontend/composables/use-info-mask.js
+++ b/frontend/composables/use-info-mask.js
@@ -1,98 +1,64 @@
-// Info mask logic: 3 level switch (no mask / mask IP / mask IP + geographic information)
+// Info mask logic: 2-state switch (no mask / mask IP).
+//
+// The actual masking is purely CSS-driven (see `style/style.css`): we mirror the level
+// to a `data-mask-level` attribute on <html>, and components mark their IP cells with
+// `data-mask="ip"`. A blur filter then renders those values unreadable in screenshots
+// — without mutating any underlying value, so refresh / data flows are unaffected.
 //
 // Input:
-//   - refs: { IPCheckRef, webRTCRef, dnsLeaksRef } — each result card component ref
 //   - store: main store (for setAlert / allHasLoaded monitoring)
 //   - t: i18n translation function
 //
 // Output:
-//   - infoMaskLevel: ref<0|1|2>
+//   - infoMaskLevel: ref<0|1>
 //   - toggleInfoMask(): () => void
 //   - showMaskButton: ref<boolean> — becomes true after allHasLoaded
 //   - isInfosLoaded: ref<boolean> — synchronized from store.allHasLoaded, for shortcut judgment
 
 import { ref, watch } from 'vue';
 import { trackEvent } from '../utils/use-analytics.js';
-import { maskedInfo } from '../utils/masked-info.js';
 
-export function useInfoMask({ refs, store, t }) {
+const MASK_ATTR = 'data-mask-level';
+
+const syncMaskAttribute = (level) => {
+    if (typeof document === 'undefined') return;
+    if (level === 0) {
+        document.documentElement.removeAttribute(MASK_ATTR);
+    } else {
+        document.documentElement.setAttribute(MASK_ATTR, String(level));
+    }
+};
+
+export function useInfoMask({ store, t }) {
     const infoMaskLevel = ref(0);
     const isInfosLoaded = ref(false);
     const showMaskButton = ref(false);
-    const originipDataCards = ref([]);
-    const originleakTest = ref([]);
-    const originstunServers = ref([]);
-
-    const applyMask = () => {
-        const { IPCheckRef, webRTCRef, dnsLeaksRef } = refs;
-        if (infoMaskLevel.value === 0) {
-            IPCheckRef.value.ipDataCards.forEach((card) => {
-                if (card.id === 'cloudflare_v6' || card.id === 'ipify_v6') {
-                    card.ip = maskedInfo(t).ipv6;
-                } else {
-                    card.ip = maskedInfo(t).ipv4;
-                }
-            });
-            webRTCRef.value.stunServers.forEach((server) => {
-                server.ip = maskedInfo(t).webrtcip;
-            });
-            dnsLeaksRef.value.leakTest.forEach((server) => {
-                server.ip = maskedInfo(t).dnsendpoints;
-            });
-            infoMaskLevel.value = 1;
-        } else if (infoMaskLevel.value === 1) {
-            IPCheckRef.value.ipDataCards.forEach((card) => {
-                Object.assign(card, maskedInfo(t));
-            });
-            dnsLeaksRef.value.leakTest.forEach((server) => {
-                server.geo = maskedInfo(t).country_name;
-            });
-            infoMaskLevel.value = 2;
-        }
-    };
-
-    const removeMask = () => {
-        const { IPCheckRef, webRTCRef, dnsLeaksRef } = refs;
-        const newIpDataCards = JSON.parse(JSON.stringify(originipDataCards.value));
-        IPCheckRef.value.ipDataCards.splice(0, IPCheckRef.value.ipDataCards.length, ...newIpDataCards);
-
-        const newStunServers = JSON.parse(JSON.stringify(originstunServers.value));
-        webRTCRef.value.stunServers.splice(0, webRTCRef.value.stunServers.length, ...newStunServers);
-
-        const newLeakTests = JSON.parse(JSON.stringify(originleakTest.value));
-        dnsLeaksRef.value.leakTest.splice(0, dnsLeaksRef.value.leakTest.length, ...newLeakTests);
-
-        infoMaskLevel.value = 0;
-    };
 
     const toggleInfoMask = () => {
-        const { IPCheckRef, webRTCRef, dnsLeaksRef } = refs;
         trackEvent('SideButtons', 'ToggleClick', 'InfoMask');
-        let style;
-        let title;
-        let message;
-        if (infoMaskLevel.value === 0) {
-            originipDataCards.value = JSON.parse(JSON.stringify(IPCheckRef.value.ipDataCards));
-            originstunServers.value = JSON.parse(JSON.stringify(webRTCRef.value.stunServers));
-            originleakTest.value = JSON.parse(JSON.stringify(dnsLeaksRef.value.leakTest));
-            applyMask();
-            style = 'text-warning';
-            message = t('alert.maskedInfoMessage_1');
-            title = t('alert.maskedInfoTitle_1');
-        } else if (infoMaskLevel.value === 1) {
-            applyMask();
-            style = 'text-success';
-            message = t('alert.maskedInfoMessage');
-            title = t('alert.maskedInfoTitle');
+        infoMaskLevel.value = infoMaskLevel.value === 0 ? 1 : 0;
+
+        if (infoMaskLevel.value === 1) {
+            store.setAlert(
+                true,
+                'text-warning',
+                t('alert.maskedInfoMessage'),
+                t('alert.maskedInfoTitle'),
+            );
         } else {
-            removeMask();
-            style = 'text-danger';
-            message = t('alert.unmaskedInfoMessage');
-            title = t('alert.unmaskedInfoTitle');
+            store.setAlert(
+                true,
+                'text-danger',
+                t('alert.unmaskedInfoMessage'),
+                t('alert.unmaskedInfoTitle'),
+            );
         }
-        store.setAlert(true, style, message, title);
     };
 
+    // Mirror the level to <html data-mask-level="…"> so the global CSS rule can
+    // apply the blur. Also covers the orchestrator's external reset to 0.
+    watch(infoMaskLevel, syncMaskAttribute, { immediate: true });
+
     watch(
         () => store.allHasLoaded,
         (val) => {
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 2d8f8c993..0b92d788a 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -741,10 +741,8 @@
     "Congrats": "Congrats!",
     "OhNo_Message": "Connectivity test failed, some websites are not accessible.",
     "Congrats_Message": "All connectivity tests passed, you can access all websites.",
-    "maskedInfoTitle_1": "IP masked",
-    "maskedInfoMessage_1": "IP information has been masked, please be careful when taking screenshots.",
-    "maskedInfoTitle": "All infos masked",
-    "maskedInfoMessage": "All information has been masked, you can now safely take screenshots.",
+    "maskedInfoTitle": "IP masked",
+    "maskedInfoMessage": "IP information has been masked, please be careful when taking screenshots.",
     "unmaskedInfoTitle": "Infos Unmasked",
     "unmaskedInfoMessage": "Information has been unmasked, please be careful when taking screenshots.",
     "SignInFailed": "Sign In Failed",
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index 28f1d82ed..f0954916b 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -741,10 +741,8 @@
     "Congrats": "Félicitations !",
     "OhNo_Message": "Le test de connectivité a échoué, certains sites web ne sont pas accessibles.",
     "Congrats_Message": "Tous les tests de connectivité ont réussi, vous pouvez accéder à tous les sites web.",
-    "maskedInfoTitle_1": "IP masquée",
-    "maskedInfoMessage_1": "Les informations sur l'adresse IP ont été masquées, veuillez faire attention lorsque vous prenez des captures d'écran.",
-    "maskedInfoTitle": "Toutes les infos masquées",
-    "maskedInfoMessage": "Toutes les informations ont été masquées, vous pouvez maintenant prendre des captures d'écran en toute sécurité.",
+    "maskedInfoTitle": "IP masquée",
+    "maskedInfoMessage": "Les informations sur l'adresse IP ont été masquées, veuillez faire attention lorsque vous prenez des captures d'écran.",
     "unmaskedInfoTitle": "Infos démasquées",
     "unmaskedInfoMessage": "Les informations ont été démasquées, veuillez faire attention lorsque vous prenez des captures d'écran.",
     "SignInFailed": "Echec de connexion",
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index 4541fb716..f5620a997 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -740,10 +740,8 @@
     "Congrats": "Tebrikler!",
     "OhNo_Message": "Bağlantı testi başarısız oldu, bazı web sitelerine erişilemiyor.",
     "Congrats_Message": "Tüm bağlantı testleri geçti, tüm web sitelerine erişebilirsiniz.",
-    "maskedInfoTitle_1": "IP gizlendi",
-    "maskedInfoMessage_1": "IP bilgileri gizlendi, lütfen ekran görüntüsü alırken dikkatli olun.",
-    "maskedInfoTitle": "Tüm bilgiler gizlendi",
-    "maskedInfoMessage": "Tüm bilgiler gizlendi, şimdi güvenle ekran görüntüsü alabilirsiniz.",
+    "maskedInfoTitle": "IP gizlendi",
+    "maskedInfoMessage": "IP bilgileri gizlendi, lütfen ekran görüntüsü alırken dikkatli olun.",
     "unmaskedInfoTitle": "Bilgiler gösterildi",
     "unmaskedInfoMessage": "Bilgiler gösterildi, lütfen ekran görüntüsü alırken dikkatli olun.",
     "SignInFailed": "Giriş Başarısız",
diff --git a/frontend/locales/zh.json b/frontend/locales/zh.json
index 20558bcdb..aee77502f 100644
--- a/frontend/locales/zh.json
+++ b/frontend/locales/zh.json
@@ -743,10 +743,8 @@
     "Congrats": "恭喜呀！",
     "OhNo_Message": "连通性检测没有通过，部分网站无法访问。",
     "Congrats_Message": "所有的连通性检测均通过，你可以访问所有网站。",
-    "maskedInfoTitle_1": "IP 隐藏成功",
-    "maskedInfoMessage_1": "IP 信息已隐藏，截图时请注意隐私。",
-    "maskedInfoTitle": "全部隐藏成功",
-    "maskedInfoMessage": "所有信息已隐藏，现在可以安心截图了。",
+    "maskedInfoTitle": "IP 隐藏成功",
+    "maskedInfoMessage": "IP 信息已隐藏，截图时请注意隐私。",
     "unmaskedInfoTitle": "取消隐藏",
     "unmaskedInfoMessage": "信息已显示，截图时请注意隐私。",
     "SignInFailed": "登录失败",
diff --git a/frontend/style/style.css b/frontend/style/style.css
index 4dfc37c1b..39ae43a31 100644
--- a/frontend/style/style.css
+++ b/frontend/style/style.css
@@ -157,6 +157,19 @@
 
 /* === Custom CSS === */
 
+/* InfoMask — CSS-only privacy blur.
+   The toggle widget mirrors its on/off state to <html data-mask-level="1">; IP
+   cells throughout the app mark themselves with data-mask="ip". A blur filter
+   then renders those values unreadable in screenshots without mutating any data,
+   so toggling on/off is instantaneous and screenshot-safe. */
+[data-mask-level="1"] [data-mask="ip"] {
+  filter: blur(7px) saturate(0.6);
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  transition: filter 0.25s ease;
+}
+
 @keyframes jn-collapsible-down {
   from { height: 0; }
   to { height: var(--reka-collapsible-content-height); }
diff --git a/frontend/utils/masked-info.js b/frontend/utils/masked-info.js
deleted file mode 100644
index d907eeb68..000000000
--- a/frontend/utils/masked-info.js
+++ /dev/null
@@ -1,30 +0,0 @@
-function maskedInfo(t) {
-  const fakecard = {};
-
-    fakecard.ipv4 = "8.8.8.8",
-    fakecard.ipv6 = "2001:4860:4860::8888",
-    fakecard.dnsendpoints = "12.34.56.78",
-    fakecard.webrtcip = "100.100.200.100",
-    fakecard.country_name = "United States";
-    fakecard.country_code = "US";
-    fakecard.region = "California";
-    fakecard.city = "Mountain View";
-    fakecard.latitude = "37.40599";
-    fakecard.longitude = "-122.078514";
-    fakecard.isp = "Google LLC";
-    fakecard.asn = "AS888888";
-    fakecard.asnlink = "https://bgp.tools/as/AS15169",
-    fakecard.mapUrl = '/res/defaultMap.webp';
-    fakecard.mapUrl_dark = '/res/defaultMap_dark.webp';
-    fakecard.showASNInfo = false;
-    fakecard.isProxy = t('ipInfos.advancedData.proxyNo');
-    fakecard.type = t('ipInfos.advancedData.type.Business');
-    fakecard.isNativeIP = true;
-    fakecard.qualityScore = 100;
-    fakecard.proxyProtocol = t('ipInfos.advancedData.proxyUnknownProtocol');
-    fakecard.proxyOperator = "unknown";
-
-  return fakecard;
-}
-
-export { maskedInfo };
\ No newline at end of file
diff --git a/tests/composable-info-mask.test.js b/tests/composable-info-mask.test.js
index 4515513cd..d4b4500a2 100644
--- a/tests/composable-info-mask.test.js
+++ b/tests/composable-info-mask.test.js
@@ -1,6 +1,6 @@
 import assert from 'node:assert/strict';
 import { describe, it, beforeEach } from 'node:test';
-import { ref, reactive, nextTick } from 'vue';
+import { reactive, nextTick } from 'vue';
 
 import { useInfoMask } from '../frontend/composables/use-info-mask.js';
 
@@ -21,39 +21,13 @@ function makeStoreStub() {
   };
 }
 
-// create three component refs for masking: ipDataCards / stunServers / leakTest are arrays
-function makeCards() {
-  const IPCheckRef = ref({
-    ipDataCards: [
-      { id: 'cloudflare_v4', ip: '1.1.1.1', country_name: 'AU', city: 'Sydney' },
-      { id: 'cloudflare_v6', ip: '2606:4700::1', country_name: 'AU', city: 'Sydney' },
-      { id: 'ipify_v6',     ip: '2607:f8b0::1', country_name: 'US', city: 'Mountain View' },
-    ],
-  });
-  const webRTCRef = ref({
-    stunServers: [
-      { name: 'stun1', ip: '203.0.113.10' },
-      { name: 'stun2', ip: '2001:db8::10' },
-    ],
-  });
-  const dnsLeaksRef = ref({
-    leakTest: [
-      { server: 'A', ip: '198.51.100.1', geo: 'Test Region' },
-      { server: 'B', ip: '198.51.100.2', geo: 'Test Region' },
-    ],
-  });
-  return { IPCheckRef, webRTCRef, dnsLeaksRef };
-}
-
 describe('useInfoMask()', () => {
   let store;
-  let refs;
   let composable;
 
   beforeEach(() => {
     store = makeStoreStub();
-    refs = makeCards();
-    composable = useInfoMask({ refs, store, t });
+    composable = useInfoMask({ store, t });
   });
 
   it('initial state: level=0, mask button hidden, infos not loaded', () => {
@@ -69,43 +43,25 @@ describe('useInfoMask()', () => {
     assert.equal(composable.isInfosLoaded.value, true);
   });
 
-  it('level 0→1: IPv4/IPv6 cards use family-specific dummy IPs, store alert warning', () => {
+  it('toggle flips 0 ↔ 1 and fires the matching alert', () => {
     composable.toggleInfoMask();
     assert.equal(composable.infoMaskLevel.value, 1);
-    assert.equal(refs.IPCheckRef.value.ipDataCards[0].ip, '8.8.8.8', 'v4 card uses v4 dummy');
-    assert.equal(refs.IPCheckRef.value.ipDataCards[1].ip, '2001:4860:4860::8888', 'cloudflare_v6 uses v6 dummy');
-    assert.equal(refs.IPCheckRef.value.ipDataCards[2].ip, '2001:4860:4860::8888', 'ipify_v6 uses v6 dummy');
-    assert.equal(refs.webRTCRef.value.stunServers[0].ip, '100.100.200.100');
-    assert.equal(refs.dnsLeaksRef.value.leakTest[0].ip, '12.34.56.78');
     assert.equal(store.state.lastAlert.style, 'text-warning');
-  });
-
-  it('level 1→2: full card identity replaced + dns geo masked, alert turns success', () => {
-    composable.toggleInfoMask(); // 0 → 1
-    composable.toggleInfoMask(); // 1 → 2
-    assert.equal(composable.infoMaskLevel.value, 2);
-    assert.equal(refs.IPCheckRef.value.ipDataCards[0].country_name, 'United States',
-      'card country overwritten to maskedInfo country');
-    assert.equal(refs.IPCheckRef.value.ipDataCards[0].city, 'Mountain View');
-    assert.equal(refs.dnsLeaksRef.value.leakTest[0].geo, 'United States');
-    assert.equal(store.state.lastAlert.style, 'text-success');
-  });
-
-  it('level 2→0: restores original values snapshot-ed at 0→1 transition', () => {
-    const originalV4Ip = refs.IPCheckRef.value.ipDataCards[0].ip;
-    const originalCity = refs.IPCheckRef.value.ipDataCards[0].city;
-    const originalStunIp = refs.webRTCRef.value.stunServers[0].ip;
-    const originalDnsGeo = refs.dnsLeaksRef.value.leakTest[0].geo;
-
-    composable.toggleInfoMask(); // 0 → 1
-    composable.toggleInfoMask(); // 1 → 2
-    composable.toggleInfoMask(); // 2 → 0
+    assert.equal(store.state.lastAlert.title, '<alert.maskedInfoTitle>');
 
+    composable.toggleInfoMask();
     assert.equal(composable.infoMaskLevel.value, 0);
-    assert.equal(refs.IPCheckRef.value.ipDataCards[0].ip, originalV4Ip);
-    assert.equal(refs.IPCheckRef.value.ipDataCards[0].city, originalCity);
-    assert.equal(refs.webRTCRef.value.stunServers[0].ip, originalStunIp);
-    assert.equal(refs.dnsLeaksRef.value.leakTest[0].geo, originalDnsGeo);
     assert.equal(store.state.lastAlert.style, 'text-danger');
+    assert.equal(store.state.lastAlert.title, '<alert.unmaskedInfoTitle>');
+  });
+
+  it('does not require component refs (CSS-driven masking, no data mutation)', () => {
+    // Toggling must not throw even though the composable was constructed
+    // without any refs — the previous implementation required IPCheckRef /
+    // webRTCRef / dnsLeaksRef.
+    assert.doesNotThrow(() => {
+      composable.toggleInfoMask();
+      composable.toggleInfoMask();
+    });
   });
 });
diff --git a/tests/masked-info.test.js b/tests/masked-info.test.js
deleted file mode 100644
index f2a5beac7..000000000
--- a/tests/masked-info.test.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import assert from 'node:assert/strict';
-import { describe, it } from 'node:test';
-
-import { maskedInfo } from '../frontend/utils/masked-info.js';
-
-// simple i18n translation stub: return key for assertions, to verify template references rather than hardcoded translation text
-const t = (key) => `<${key}>`;
-
-describe('maskedInfo(t)', () => {
-  const card = maskedInfo(t);
-
-  it('returns a frozen-by-shape card with all expected keys', () => {
-    const expectedKeys = [
-      'ipv4', 'ipv6', 'dnsendpoints', 'webrtcip',
-      'country_name', 'country_code', 'region', 'city',
-      'latitude', 'longitude', 'isp', 'asn', 'asnlink',
-      'mapUrl', 'mapUrl_dark',
-      'showASNInfo', 'isProxy', 'type', 'isNativeIP',
-      'qualityScore', 'proxyProtocol', 'proxyOperator',
-    ];
-    for (const key of expectedKeys) {
-      assert.ok(key in card, `missing key: ${key}`);
-    }
-  });
-
-  it('uses well-known public dummy IPs', () => {
-    assert.equal(card.ipv4, '8.8.8.8');
-    assert.equal(card.ipv6, '2001:4860:4860::8888');
-  });
-
-  it('geo fields describe Mountain View, US', () => {
-    assert.equal(card.country_name, 'United States');
-    assert.equal(card.country_code, 'US');
-    assert.equal(card.region, 'California');
-    assert.equal(card.city, 'Mountain View');
-  });
-
-  it('asnlink points to bgp.tools AS15169 (Google)', () => {
-    assert.equal(card.asnlink, 'https://bgp.tools/as/AS15169');
-  });
-
-  it('default map URLs are relative', () => {
-    assert.equal(card.mapUrl, '/res/defaultMap.webp');
-    assert.equal(card.mapUrl_dark, '/res/defaultMap_dark.webp');
-  });
-
-  it('quality score is a perfect 100', () => {
-    assert.equal(card.qualityScore, 100);
-  });
-
-  it('runs translator for i18n-backed fields', () => {
-    assert.equal(card.isProxy, '<ipInfos.advancedData.proxyNo>');
-    assert.equal(card.type, '<ipInfos.advancedData.type.Business>');
-    assert.equal(card.proxyProtocol, '<ipInfos.advancedData.proxyUnknownProtocol>');
-  });
-
-  it('returns a fresh object each call', () => {
-    assert.notStrictEqual(maskedInfo(t), maskedInfo(t));
-  });
-});

From c40005836b9431dd410a0a271e786fb3778fdc22 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 16:53:51 +0800
Subject: [PATCH 18/52] Improvements

---
 frontend/data/changelog.json | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index bebe9f680..e047c1d58 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1206,6 +1206,15 @@
           "tr": "Navbar mobil tarayıcıda kaydırılırken gizlenir"
         }
       },
+      {
+        "type": "improve",
+        "change": {
+          "en": "You can now mask IP when taking screenshots",
+          "zh": "现在可以给 IP 打码，保护隐私",
+          "fr": "Vous pouvez maintenant masquer les IP lors des captures d'écran",
+          "tr": "Ekran görüntülerinde IP'leri gizleyebilirsiniz"
+        }
+      },
       {
         "type": "fix",
         "change": {

From a4bf0326c0992762ba0a0d8af20d7eaab45ccb76 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 17:18:47 +0800
Subject: [PATCH 19/52] Improvements

---
 frontend/components/widgets/InfoMask.vue |  8 +-------
 frontend/composables/use-info-mask.js    | 20 +++++---------------
 tests/composable-info-mask.test.js       |  6 +++---
 3 files changed, 9 insertions(+), 25 deletions(-)

diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index 49794dc37..6a1c8d332 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -3,8 +3,8 @@
         <Button v-show="showMaskButton"
             size="icon"
             type="button"
+            variant="secondary"
             class="fixed bottom-[86px] z-1050 rounded-full shadow-lg cursor-pointer"
-            :class="stateClasses"
             :style="positionStyle"
             aria-label="Toggle Info Mask"
             @click="toggleInfoMask">
@@ -28,12 +28,6 @@ const { showMaskButton, infoMaskLevel, toggleInfoMask } = defineProps({
     toggleInfoMask: Function,
 });
 
-// Two-state color: idle (success) vs IP masked (warning).
-const stateClasses = computed(() => infoMaskLevel === 0
-    ? 'bg-success text-success-foreground hover:bg-success/80'
-    : 'bg-warning text-warning-foreground hover:bg-warning/80',
-);
-
 // Wide screen (>1600px) align to content area right (max-width 1600px), otherwise stick right 20px
 const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
 const positionStyle = computed(() => {
diff --git a/frontend/composables/use-info-mask.js b/frontend/composables/use-info-mask.js
index 3c64bfda5..92023498c 100644
--- a/frontend/composables/use-info-mask.js
+++ b/frontend/composables/use-info-mask.js
@@ -38,21 +38,11 @@ export function useInfoMask({ store, t }) {
         trackEvent('SideButtons', 'ToggleClick', 'InfoMask');
         infoMaskLevel.value = infoMaskLevel.value === 0 ? 1 : 0;
 
-        if (infoMaskLevel.value === 1) {
-            store.setAlert(
-                true,
-                'text-warning',
-                t('alert.maskedInfoMessage'),
-                t('alert.maskedInfoTitle'),
-            );
-        } else {
-            store.setAlert(
-                true,
-                'text-danger',
-                t('alert.unmaskedInfoMessage'),
-                t('alert.unmaskedInfoTitle'),
-            );
-        }
+        // Masking is a neutral toggle, not a success/warning state — both
+        // directions surface the same info-toned toast.
+        const titleKey = infoMaskLevel.value === 1 ? 'alert.maskedInfoTitle' : 'alert.unmaskedInfoTitle';
+        const messageKey = infoMaskLevel.value === 1 ? 'alert.maskedInfoMessage' : 'alert.unmaskedInfoMessage';
+        store.setAlert(true, 'text-info', t(messageKey), t(titleKey));
     };
 
     // Mirror the level to <html data-mask-level="…"> so the global CSS rule can
diff --git a/tests/composable-info-mask.test.js b/tests/composable-info-mask.test.js
index d4b4500a2..f02ff139f 100644
--- a/tests/composable-info-mask.test.js
+++ b/tests/composable-info-mask.test.js
@@ -43,15 +43,15 @@ describe('useInfoMask()', () => {
     assert.equal(composable.isInfosLoaded.value, true);
   });
 
-  it('toggle flips 0 ↔ 1 and fires the matching alert', () => {
+  it('toggle flips 0 ↔ 1 and fires a neutral info toast in both directions', () => {
     composable.toggleInfoMask();
     assert.equal(composable.infoMaskLevel.value, 1);
-    assert.equal(store.state.lastAlert.style, 'text-warning');
+    assert.equal(store.state.lastAlert.style, 'text-info');
     assert.equal(store.state.lastAlert.title, '<alert.maskedInfoTitle>');
 
     composable.toggleInfoMask();
     assert.equal(composable.infoMaskLevel.value, 0);
-    assert.equal(store.state.lastAlert.style, 'text-danger');
+    assert.equal(store.state.lastAlert.style, 'text-info');
     assert.equal(store.state.lastAlert.title, '<alert.unmaskedInfoTitle>');
   });
 

From f41c16f72c4e311682c7186382f08a7e54a2fcaf Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 18:52:54 +0800
Subject: [PATCH 20/52] Improvements

---
 .../components/ip-infos/ASNConnectivity.vue   | 188 +++++++++++-------
 frontend/components/ip-infos/IPCard.vue       |  26 ++-
 .../components/widgets/ScreenshotButton.vue   |  64 ++++++
 frontend/composables/use-screenshot.js        |  91 +++++++++
 frontend/data/changelog.json                  |  18 +-
 frontend/locales/en.json                      |   1 +
 frontend/locales/fr.json                      |   1 +
 frontend/locales/tr.json                      |   1 +
 frontend/locales/zh.json                      |   1 +
 package.json                                  |   1 +
 10 files changed, 307 insertions(+), 85 deletions(-)
 create mode 100644 frontend/components/widgets/ScreenshotButton.vue
 create mode 100644 frontend/composables/use-screenshot.js

diff --git a/frontend/components/ip-infos/ASNConnectivity.vue b/frontend/components/ip-infos/ASNConnectivity.vue
index e7b8fcc3a..8f906cb54 100644
--- a/frontend/components/ip-infos/ASNConnectivity.vue
+++ b/frontend/components/ip-infos/ASNConnectivity.vue
@@ -72,84 +72,104 @@
     <Drawer v-if="layout" :open="isExpanded" @update:open="isExpanded = $event">
         <DrawerContent :title="t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn })"
             class="overflow-hidden flex flex-col h-full rounded-none md:h-[90vh] md:rounded-t-[14px]">
-            <header class="flex items-center gap-2 px-4 pt-1 pb-3 border-b shrink-0">
-                <span
-                    class="flex-1 text-base font-semibold truncate flex items-center justify-start md:justify-center gap-2">
-                    <Network class="size-4 shrink-0 text-muted-foreground" />
-                    {{ t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn }) }}
-                </span>
-                <DrawerClose
-                    class="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors" />
-            </header>
-
-            <!-- Relative wrapper so the floating zoom controls stay pinned while the SVG scrolls. -->
-            <div class="relative flex-1 min-h-0">
-                <div
-                    class="absolute top-2 right-2 z-10 flex items-center gap-0.5 rounded-md border bg-card/90 backdrop-blur-sm shadow-sm p-0.5">
-                    <button v-for="ctrl in zoomControls" :key="ctrl.label" type="button" @click="ctrl.action"
-                        :disabled="ctrl.disabled"
-                        class="p-1.5 rounded-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer"
-                        :aria-label="ctrl.label" :title="ctrl.label">
-                        <component :is="ctrl.icon" class="size-4" />
-                    </button>
+            <!-- Screenshot root; control widgets inside opt out via `data-screenshot-exclude`. -->
+            <div data-screenshot-root class="flex flex-col h-full bg-background">
+                <header class="flex items-center gap-2 px-4 pt-1 pb-3 border-b shrink-0">
+                    <span
+                        class="flex-1 text-base font-semibold truncate flex items-center justify-start md:justify-center gap-2">
+                        <Network class="size-4 shrink-0 text-muted-foreground" />
+                        {{ t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn }) }}
+                    </span>
+                    <DrawerClose data-screenshot-exclude
+                        class="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors" />
+                </header>
+
+                <!-- Relative wrapper so the floating zoom controls stay pinned while the SVG scrolls. -->
+                <div class="relative flex-1 min-h-0">
+                    <div data-screenshot-exclude
+                        class="absolute top-2 right-2 z-10 flex items-center gap-0.5 rounded-md border bg-card/90 backdrop-blur-sm shadow-sm p-0.5">
+                        <button v-for="ctrl in zoomControls" :key="ctrl.label" type="button" @click="ctrl.action"
+                            :disabled="ctrl.disabled"
+                            class="p-1.5 rounded-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer"
+                            :aria-label="ctrl.label" :title="ctrl.label">
+                            <component :is="ctrl.icon" class="size-4" />
+                        </button>
+                        <span class="w-px h-5 bg-border mx-0.5" aria-hidden="true"></span>
+                        <ScreenshotButton
+                            filename-prefix="myip-asn"
+                            :filename-label="props.asn"
+                            :track-label="`AS${props.asn}`"
+                            :before-capture="prepareGraphForCapture">
+                            <template #default="{ capture, isCapturing }">
+                                <button type="button" @click="capture" :disabled="isCapturing"
+                                    class="p-1.5 rounded-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer"
+                                    :aria-label="t('Tooltips.SaveAsImage')" :title="t('Tooltips.SaveAsImage')">
+                                    <Spinner v-if="isCapturing" class="size-4" />
+                                    <ImageDown v-else class="size-4" />
+                                </button>
+                            </template>
+                        </ScreenshotButton>
+                    </div>
+                    <!-- flex + m-auto + shrink-0: narrow SVG centers, wide SVG hugs the start (scroll from x=0).
+                        @click clears the click-pinned highlight; nodes use @click.stop to opt out. -->
+                    <div data-svg-scroll class="h-full overflow-auto px-4 flex" @click="pinnedAsn = null">
+                        <!-- intrinsic w/h scaled by zoom; viewBox stays fixed so content scales with it.
+                            max-h clamp is only kept at zoom=1 so the wrapper actually scrolls when zoomed. -->
+                        <svg :viewBox="`0 0 ${layout.width} ${layout.height}`" :width="layout.width * zoom"
+                            :height="layout.height * zoom"
+                            :class="['block m-auto shrink-0', zoom === 1 ? 'w-auto max-h-full md:max-h-none' : '']">
+                            <defs>
+                                <marker id="jn-arrow-lg" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6"
+                                    markerHeight="6" orient="auto-start-reverse">
+                                    <path d="M 0 0 L 10 5 L 0 10 z" fill="currentColor" />
+                                </marker>
+                            </defs>
+                            <g class="text-muted-foreground">
+                                <path v-for="(e, i) in layout.edges" :key="i" :d="e.d" fill="none" stroke="currentColor"
+                                    stroke-width="1.2" marker-end="url(#jn-arrow-lg)" stroke-linejoin="miter"
+                                    class="transition-opacity duration-150"
+                                    :class="isDimmedEdge(i) ? 'opacity-10' : 'opacity-60'" />
+                            </g>
+                            <g v-for="n in layout.nodes" :key="n.asn"
+                                :transform="`translate(${n.x - n.w / 2}, ${n.y - n.h / 2})`"
+                                class="cursor-pointer transition-opacity duration-150"
+                                :class="{ 'opacity-25': isDimmedNode(n.asn) }" @mouseenter="hoveredAsn = n.asn"
+                                @mouseleave="hoveredAsn = null" @click.stop="onNodeClick(n.asn)">
+                                <title v-if="n.label">AS{{ n.asn }} · {{ n.label }}</title>
+                                <rect :width="n.w" :height="n.h" rx="6" class="fill-card" />
+                                <rect :width="n.w" :height="n.h" rx="6" :class="nodeBoxClass(n.type)" stroke-width="1.5" />
+                                <text :x="n.w / 2" :y="n.h / 2 - 5" text-anchor="middle"
+                                    class="font-mono font-semibold text-[11px] fill-foreground">
+                                    AS{{ n.asn }}
+                                </text>
+                                <text v-if="n.label" :x="n.w / 2" :y="n.h / 2 + 9" text-anchor="middle"
+                                    class="text-[10px] fill-muted-foreground">
+                                    {{ shortLabel(n.label) }}
+                                </text>
+                            </g>
+                        </svg>
+                    </div>
                 </div>
-                <!-- flex + m-auto + shrink-0: narrow SVG centers, wide SVG hugs the start (scroll from x=0).
-                    @click clears the click-pinned highlight; nodes use @click.stop to opt out. -->
-                <div class="h-full overflow-auto px-4 flex" @click="pinnedAsn = null">
-                    <!-- intrinsic w/h scaled by zoom; viewBox stays fixed so content scales with it.
-                        max-h clamp is only kept at zoom=1 so the wrapper actually scrolls when zoomed. -->
-                    <svg :viewBox="`0 0 ${layout.width} ${layout.height}`" :width="layout.width * zoom"
-                        :height="layout.height * zoom"
-                        :class="['block m-auto shrink-0', zoom === 1 ? 'w-auto max-h-full md:max-h-none' : '']">
-                        <defs>
-                            <marker id="jn-arrow-lg" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6"
-                                markerHeight="6" orient="auto-start-reverse">
-                                <path d="M 0 0 L 10 5 L 0 10 z" fill="currentColor" />
-                            </marker>
-                        </defs>
-                        <g class="text-muted-foreground">
-                            <path v-for="(e, i) in layout.edges" :key="i" :d="e.d" fill="none" stroke="currentColor"
-                                stroke-width="1.2" marker-end="url(#jn-arrow-lg)" stroke-linejoin="miter"
-                                class="transition-opacity duration-150"
-                                :class="isDimmedEdge(i) ? 'opacity-10' : 'opacity-60'" />
-                        </g>
-                        <g v-for="n in layout.nodes" :key="n.asn"
-                            :transform="`translate(${n.x - n.w / 2}, ${n.y - n.h / 2})`"
-                            class="cursor-pointer transition-opacity duration-150"
-                            :class="{ 'opacity-25': isDimmedNode(n.asn) }" @mouseenter="hoveredAsn = n.asn"
-                            @mouseleave="hoveredAsn = null" @click.stop="onNodeClick(n.asn)">
-                            <title v-if="n.label">AS{{ n.asn }} · {{ n.label }}</title>
-                            <rect :width="n.w" :height="n.h" rx="6" class="fill-card" />
-                            <rect :width="n.w" :height="n.h" rx="6" :class="nodeBoxClass(n.type)" stroke-width="1.5" />
-                            <text :x="n.w / 2" :y="n.h / 2 - 5" text-anchor="middle"
-                                class="font-mono font-semibold text-[11px] fill-foreground">
-                                AS{{ n.asn }}
-                            </text>
-                            <text v-if="n.label" :x="n.w / 2" :y="n.h / 2 + 9" text-anchor="middle"
-                                class="text-[10px] fill-muted-foreground">
-                                {{ shortLabel(n.label) }}
-                            </text>
-                        </g>
-                    </svg>
+                <!-- Legend pinned outside the scroll area so it stays visible. -->
+                <div
+                    class="shrink-0 px-4 py-3 flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-[11px] text-muted-foreground border-t">
+                    <span v-for="item in legendItems" :key="item.label" class="inline-flex items-center gap-1.5">
+                        <span class="inline-block size-3 rounded-sm" :class="item.swatchClass"></span>
+                        {{ item.label }}
+                    </span>
                 </div>
             </div>
-            <!-- Legend pinned outside the scroll area so it stays visible. -->
-            <div
-                class="shrink-0 px-4 py-3 flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-[11px] text-muted-foreground border-t">
-                <span v-for="item in legendItems" :key="item.label" class="inline-flex items-center gap-1.5">
-                    <span class="inline-block size-3 rounded-sm" :class="item.swatchClass"></span>
-                    {{ item.label }}
-                </span>
-            </div>
         </DrawerContent>
     </Drawer>
 </template>
 
 <script setup>
-import { computed, ref, watch } from 'vue';
+import { computed, nextTick, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { Maximize2, Network, ZoomIn, ZoomOut, RotateCcw } from '@lucide/vue';
+import { ImageDown, Maximize2, Network, ZoomIn, ZoomOut, RotateCcw } from '@lucide/vue';
 import { Drawer, DrawerContent, DrawerClose } from '@/components/ui/drawer';
+import { Spinner } from '@/components/ui/spinner';
+import ScreenshotButton from '@/components/widgets/ScreenshotButton.vue';
 
 const { t } = useI18n();
 const placeholderSizes = [12, 10, 8, 6, 4];
@@ -200,6 +220,38 @@ watch(isExpanded, (open) => {
     }
 });
 
+// Force the captured image to be the full 1:1 topology regardless of the
+// Drawer viewport or current zoom: reset zoom to 1 and drop every height /
+// overflow / max-* constraint that would otherwise clip the SVG. Teardown
+// restores the prior inline styles.
+const prepareGraphForCapture = async (cap) => {
+    const scr = cap.querySelector('[data-svg-scroll]');
+    const svg = scr?.querySelector('svg');
+    if (!scr || !svg) return;
+
+    const prevZoom = zoom.value;
+    const snapshot = [
+        { el: cap, css: cap.style.cssText },
+        { el: scr, css: scr.style.cssText },
+        { el: svg, css: svg.style.cssText },
+    ];
+
+    zoom.value = 1;
+    // `min-width: max-content` so wide topologies aren't clipped to Drawer width.
+    cap.style.height = 'auto';
+    cap.style.minWidth = 'max-content';
+    scr.style.height = 'auto';
+    scr.style.overflow = 'visible';
+    svg.style.maxHeight = 'none';
+    svg.style.maxWidth = 'none';
+    await nextTick();
+
+    return () => {
+        zoom.value = prevZoom;
+        snapshot.forEach(({ el, css }) => { el.style.cssText = css; });
+    };
+};
+
 // Reverse BFS from the active node collects every ancestor that can reach it.
 // An edge is on-path iff both endpoints are in that ancestor set — works for graphs
 // with multiple parallel paths to the same node (no need to enumerate paths).
diff --git a/frontend/components/ip-infos/IPCard.vue b/frontend/components/ip-infos/IPCard.vue
index 2f69f6216..4023329f9 100644
--- a/frontend/components/ip-infos/IPCard.vue
+++ b/frontend/components/ip-infos/IPCard.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- IP Info Card -->
-    <Card
+    <Card data-screenshot-root
         class="keyboard-shortcut-card jn-card flex flex-col h-full overflow-hidden transition-transform duration-300 ease-out hover:-translate-y-1.5 data-[keyboard-hover=true]:ring-2 data-[keyboard-hover=true]:ring-green-500/50">
-        <!-- Card header: number badge + source + refresh -->
+        <!-- Card header: number badge + source + save-image + refresh -->
         <div class="flex items-center justify-between gap-2 px-4 py-2.5 bg-muted/50 border-b">
             <div class="flex items-center gap-2 min-w-0">
                 <span
@@ -14,12 +14,21 @@
                     {{ card.source }}
                 </span>
             </div>
-            <JnTooltip :text="t('Tooltips.RefreshIPCard')" side="left">
-                <Button size="icon" variant="outline" class="size-8 shrink-0 cursor-pointer"
-                    @click="$emit('refresh-card', card, index)" :aria-label="'Refresh ' + card.source">
-                    <RotateCw class="size-4" />
-                </Button>
-            </JnTooltip>
+            <div class="shrink-0 flex items-center gap-1" data-screenshot-exclude>
+                <ScreenshotButton
+                    filename-prefix="myip-card"
+                    :filename-label="card.source"
+                    :track-label="card.source || 'unknown'"
+                    :disabled="!hasData"
+                    :tooltip-text="t('Tooltips.SaveAsImage')"
+                    :aria-label="'Save ' + card.source + ' as image'" />
+                <JnTooltip :text="t('Tooltips.RefreshIPCard')" side="left">
+                    <Button size="icon" variant="outline" class="size-8 cursor-pointer"
+                        @click="$emit('refresh-card', card, index)" :aria-label="'Refresh ' + card.source">
+                        <RotateCw class="size-4" />
+                    </Button>
+                </JnTooltip>
+            </div>
         </div>
 
         <!-- Main body in three states: normal / error / loading -->
@@ -74,6 +83,7 @@ import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card } from '@/components/ui/card';
 import CopyButton from '@/components/widgets/CopyButton.vue';
+import ScreenshotButton from '@/components/widgets/ScreenshotButton.vue';
 import {
     Monitor,
     RotateCw,
diff --git a/frontend/components/widgets/ScreenshotButton.vue b/frontend/components/widgets/ScreenshotButton.vue
new file mode 100644
index 000000000..296b1004d
--- /dev/null
+++ b/frontend/components/widgets/ScreenshotButton.vue
@@ -0,0 +1,64 @@
+<!-- Reusable screenshot trigger. Finds its capture target via `closest()` —
+     callers mark the target with `data-screenshot-root` and drop this
+     component anywhere inside it. Default UI is a shadcn icon Button +
+     JnTooltip; provide a default slot to replace the UI entirely. -->
+<template>
+    <span ref="rootRef" class="contents">
+        <slot v-if="$slots.default" :capture="onCapture" :is-capturing="isCapturing" />
+        <JnTooltip v-else :text="tooltipText" :side="tooltipSide">
+            <Button :size="size" :variant="variant" :class="buttonClass"
+                :disabled="disabled || isCapturing"
+                @click="onCapture" :aria-label="ariaLabel || tooltipText">
+                <Spinner v-if="isCapturing" />
+                <ImageDown v-else class="size-4" />
+            </Button>
+        </JnTooltip>
+    </span>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { Button } from '@/components/ui/button';
+import { Spinner } from '@/components/ui/spinner';
+import { JnTooltip } from '@/components/ui/tooltip';
+import { ImageDown } from '@lucide/vue';
+import { useScreenshot, slugifyForFilename } from '@/composables/use-screenshot.js';
+
+// Filename = `${prefix}-${slug(label)}-${Date.now()}.png`.
+const props = defineProps({
+    targetSelector: { type: String, default: '[data-screenshot-root]' },
+    filenamePrefix: { type: String, required: true },
+    filenameLabel: { type: String, default: '' },
+    trackLabel: { type: String, default: '' },
+    pixelRatio: { type: Number, default: 2 },
+    beforeCapture: { type: Function, default: null },
+
+    // Default-UI passthrough (ignored when the default slot is used).
+    disabled: { type: Boolean, default: false },
+    tooltipText: { type: String, default: '' },
+    tooltipSide: { type: String, default: 'left' },
+    ariaLabel: { type: String, default: '' },
+    size: { type: String, default: 'icon' },
+    variant: { type: String, default: 'outline' },
+    buttonClass: { type: [String, Array, Object], default: 'size-8 cursor-pointer' },
+});
+
+// `class="contents"` keeps the span out of layout while still giving us a
+// stable DOM node to ascend from with `closest()`.
+const rootRef = ref(null);
+const { isCapturing, capture } = useScreenshot();
+
+const onCapture = () => {
+    const start = rootRef.value;
+    if (!start) return;
+    const target = start.closest(props.targetSelector);
+    if (!target) return;
+    const slug = slugifyForFilename(props.filenameLabel, 'image');
+    return capture(target, {
+        filename: `${props.filenamePrefix}-${slug}-${Date.now()}.png`,
+        trackLabel: props.trackLabel,
+        pixelRatio: props.pixelRatio,
+        beforeCapture: props.beforeCapture,
+    });
+};
+</script>
diff --git a/frontend/composables/use-screenshot.js b/frontend/composables/use-screenshot.js
new file mode 100644
index 000000000..77a9e421b
--- /dev/null
+++ b/frontend/composables/use-screenshot.js
@@ -0,0 +1,91 @@
+// Generic DOM screenshot composable. Wraps html-to-image with retina output,
+// `data-screenshot-exclude` filtering, and dynamic import so the library
+// doesn't enter the initial bundle.
+
+import { ref } from 'vue';
+import { trackEvent } from '../utils/use-analytics.js';
+
+export function slugifyForFilename(text, fallback = 'image') {
+    return String(text || '')
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-|-$/g, '') || fallback;
+}
+
+// External CSS rules targeting SVG children (Tailwind `fill-card` etc.) are
+// dropped when html-to-image serializes the SVG, so every <rect> would fall
+// back to black. We force-inline the computed paint here and restore it
+// afterwards.
+const SVG_INLINED_PROPS = [
+    'fill', 'fill-opacity',
+    'stroke', 'stroke-opacity', 'stroke-width', 'stroke-linejoin', 'stroke-linecap',
+    'opacity',
+    'font-family', 'font-size', 'font-weight',
+];
+
+function inlineSvgComputedStyles(root) {
+    if (!root || typeof window === 'undefined') return () => {};
+    const targets = root.querySelectorAll('svg, svg *');
+    const restorers = [];
+    targets.forEach((el) => {
+        const cs = window.getComputedStyle(el);
+        const orig = el.getAttribute('style');
+        let next = orig || '';
+        SVG_INLINED_PROPS.forEach((prop) => {
+            const v = cs.getPropertyValue(prop);
+            if (v) next += `;${prop}:${v}`;
+        });
+        el.setAttribute('style', next);
+        restorers.push(() => {
+            if (orig === null) el.removeAttribute('style');
+            else el.setAttribute('style', orig);
+        });
+    });
+    return () => restorers.forEach((fn) => fn());
+}
+
+export function useScreenshot() {
+    const isCapturing = ref(false);
+
+    // `beforeCapture(element)` lets callers mutate DOM right before capture
+    // (e.g. expand a clipped container); return a teardown to restore.
+    const capture = async (element, {
+        filename,
+        trackLabel,
+        pixelRatio = 2,
+        beforeCapture,
+    } = {}) => {
+        if (!element || isCapturing.value) return false;
+        isCapturing.value = true;
+        if (trackLabel) trackEvent('Screenshot', 'SaveImageClick', trackLabel);
+        const cleanups = [];
+        try {
+            if (typeof beforeCapture === 'function') {
+                const teardown = await beforeCapture(element);
+                if (typeof teardown === 'function') cleanups.push(teardown);
+            }
+            cleanups.push(inlineSvgComputedStyles(element));
+            const { toPng } = await import('html-to-image');
+            const dataUrl = await toPng(element, {
+                pixelRatio,
+                cacheBust: true,
+                filter: (node) => !(node instanceof HTMLElement)
+                    || !node.hasAttribute('data-screenshot-exclude'),
+            });
+            const a = document.createElement('a');
+            a.href = dataUrl;
+            a.download = filename || `myip-${Date.now()}.png`;
+            a.click();
+            return true;
+        } catch (err) {
+            console.error('Screenshot failed:', err);
+            return false;
+        } finally {
+            // LIFO: undo SVG inlining first, then caller's teardown.
+            while (cleanups.length) cleanups.pop()();
+            isCapturing.value = false;
+        }
+    };
+
+    return { isCapturing, capture };
+}
diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index e047c1d58..b171f4bb5 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1179,6 +1179,15 @@
     "version": "v6.4.0",
     "date": "Beta",
     "content": [
+      {
+        "type": "add",
+        "change": {
+          "en": "You can now save IP card or ASN connectivity graph as image",
+          "zh": "现在可以保存 IP 卡片或 ASN 连接图作为图片",
+          "fr": "Vous pouvez maintenant enregistrer les cartes IP ou le graphique de connectivité ASN en image",
+          "tr": "IP kartı veya ASN bağlantı grafiği görüntüsü olarak kaydedilebilir"
+        }
+      },
       {
         "type": "improve",
         "change": {
@@ -1206,15 +1215,6 @@
           "tr": "Navbar mobil tarayıcıda kaydırılırken gizlenir"
         }
       },
-      {
-        "type": "improve",
-        "change": {
-          "en": "You can now mask IP when taking screenshots",
-          "zh": "现在可以给 IP 打码，保护隐私",
-          "fr": "Vous pouvez maintenant masquer les IP lors des captures d'écran",
-          "tr": "Ekran görüntülerinde IP'leri gizleyebilirsiniz"
-        }
-      },
       {
         "type": "fix",
         "change": {
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 0b92d788a..0bd74a7c5 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -515,6 +515,7 @@
   },
   "Tooltips": {
     "RefreshIPCard": "Refresh IP Card",
+    "SaveAsImage": "Save as image",
     "RefreshConnectivityTests": "Refresh Connectivity Tests",
     "RefreshWebRTC": "Refresh WebRTC Leak Test",
     "RefreshDNSLeakTest": "Refresh DNS Leak Test",
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index f0954916b..5147a9ace 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -515,6 +515,7 @@
   },
   "Tooltips": {
     "RefreshIPCard": "Actualiser la carte IP",
+    "SaveAsImage": "Enregistrer en image",
     "RefreshConnectivityTests": "Actualiser les tests de connectivité",
     "RefreshWebRTC": "Actualiser le test WebRTC Leak",
     "RefreshDNSLeakTest": "Actualiser le test de fuite DNS",
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index f5620a997..7cacc3edd 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -514,6 +514,7 @@
   },
   "Tooltips": {
     "RefreshIPCard": "IP Kartını Yenile",
+    "SaveAsImage": "Resim olarak kaydet",
     "RefreshConnectivityTests": "Bağlantı Testlerini Yenile",
     "RefreshWebRTC": "WebRTC Sızıntı Testini Yenile",
     "RefreshDNSLeakTest": "DNS Sızıntı Testini Yenile",
diff --git a/frontend/locales/zh.json b/frontend/locales/zh.json
index aee77502f..6dc2289b6 100644
--- a/frontend/locales/zh.json
+++ b/frontend/locales/zh.json
@@ -517,6 +517,7 @@
   },
   "Tooltips": {
     "RefreshIPCard": "刷新 IP 信息",
+    "SaveAsImage": "保存为图片",
     "RefreshConnectivityTests": "刷新连通性测试",
     "RefreshWebRTC": "刷新 WebRTC 泄露测试",
     "RefreshDNSLeakTest": "刷新 DNS 泄漏测试",
diff --git a/package.json b/package.json
index 67b8d9e74..581c5f8e0 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "express-rate-limit": "^8.5.2",
     "express-slow-down": "^3.1.0",
     "firebase": "^12.13.0",
+    "html-to-image": "^1.11.13",
     "http-proxy-middleware": "^4.0.0",
     "maxmind": "^5.0.6",
     "pinia": "^3.0.4",

From 4cc447e22f47da3104ae1d4839c6ac02ce90cb00 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 19:02:41 +0800
Subject: [PATCH 21/52] Improvements

---
 .../components/ip-infos/ASNConnectivity.vue   |  2 +-
 frontend/components/ip-infos/IPCard.vue       |  2 +-
 frontend/composables/use-screenshot.js        | 36 ++++++++++++++++---
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/frontend/components/ip-infos/ASNConnectivity.vue b/frontend/components/ip-infos/ASNConnectivity.vue
index 8f906cb54..50d2ef698 100644
--- a/frontend/components/ip-infos/ASNConnectivity.vue
+++ b/frontend/components/ip-infos/ASNConnectivity.vue
@@ -96,7 +96,7 @@
                         </button>
                         <span class="w-px h-5 bg-border mx-0.5" aria-hidden="true"></span>
                         <ScreenshotButton
-                            filename-prefix="myip-asn"
+                            filename-prefix="asn-connectivity"
                             :filename-label="props.asn"
                             :track-label="`AS${props.asn}`"
                             :before-capture="prepareGraphForCapture">
diff --git a/frontend/components/ip-infos/IPCard.vue b/frontend/components/ip-infos/IPCard.vue
index 4023329f9..9ece295a3 100644
--- a/frontend/components/ip-infos/IPCard.vue
+++ b/frontend/components/ip-infos/IPCard.vue
@@ -16,7 +16,7 @@
             </div>
             <div class="shrink-0 flex items-center gap-1" data-screenshot-exclude>
                 <ScreenshotButton
-                    filename-prefix="myip-card"
+                    filename-prefix="myip"
                     :filename-label="card.source"
                     :track-label="card.source || 'unknown'"
                     :disabled="!hasData"
diff --git a/frontend/composables/use-screenshot.js b/frontend/composables/use-screenshot.js
index 77a9e421b..59a66befc 100644
--- a/frontend/composables/use-screenshot.js
+++ b/frontend/composables/use-screenshot.js
@@ -5,6 +5,34 @@
 import { ref } from 'vue';
 import { trackEvent } from '../utils/use-analytics.js';
 
+// On touch-primary devices route through the OS share sheet — iOS in
+// particular surfaces "Save Image" → Photos there, while a plain <a download>
+// on iOS Safari only saves to Files. Desktop browsers keep the classic
+// download path so a click doesn't unexpectedly open a share UI.
+async function deliverImage(dataUrl, filename) {
+    const wantsShare = typeof window !== 'undefined'
+        && window.matchMedia?.('(pointer: coarse)').matches
+        && typeof navigator !== 'undefined'
+        && typeof navigator.canShare === 'function';
+    if (wantsShare) {
+        try {
+            const blob = await (await fetch(dataUrl)).blob();
+            const file = new File([blob], filename, { type: blob.type || 'image/png' });
+            if (navigator.canShare({ files: [file] })) {
+                await navigator.share({ files: [file], title: filename });
+                return;
+            }
+        } catch (err) {
+            if (err?.name === 'AbortError') return;  // user dismissed the sheet
+            // Anything else: fall through to download.
+        }
+    }
+    const a = document.createElement('a');
+    a.href = dataUrl;
+    a.download = filename;
+    a.click();
+}
+
 export function slugifyForFilename(text, fallback = 'image') {
     return String(text || '')
         .toLowerCase()
@@ -72,10 +100,10 @@ export function useScreenshot() {
                 filter: (node) => !(node instanceof HTMLElement)
                     || !node.hasAttribute('data-screenshot-exclude'),
             });
-            const a = document.createElement('a');
-            a.href = dataUrl;
-            a.download = filename || `myip-${Date.now()}.png`;
-            a.click();
+            // Restore DOM before opening share sheet / triggering download,
+            // so the page behind the iOS share sheet shows the normal UI.
+            while (cleanups.length) cleanups.pop()();
+            await deliverImage(dataUrl, filename || `myip-${Date.now()}.png`);
             return true;
         } catch (err) {
             console.error('Screenshot failed:', err);

From e83d91a28eb99c9b8cbc179381a72c885d07718c Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 19:16:22 +0800
Subject: [PATCH 22/52] Improvements

---
 frontend/components/ip-infos/ASNConnectivity.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/components/ip-infos/ASNConnectivity.vue b/frontend/components/ip-infos/ASNConnectivity.vue
index 50d2ef698..04c0778ad 100644
--- a/frontend/components/ip-infos/ASNConnectivity.vue
+++ b/frontend/components/ip-infos/ASNConnectivity.vue
@@ -71,6 +71,7 @@
     <!-- Expanded view: bottom Drawer (mobile-fullscreen / md+ sheet at 90vh). -->
     <Drawer v-if="layout" :open="isExpanded" @update:open="isExpanded = $event">
         <DrawerContent :title="t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn })"
+        :safe-area-top="isMobile"
             class="overflow-hidden flex flex-col h-full rounded-none md:h-[90vh] md:rounded-t-[14px]">
             <!-- Screenshot root; control widgets inside opt out via `data-screenshot-exclude`. -->
             <div data-screenshot-root class="flex flex-col h-full bg-background">
@@ -170,7 +171,10 @@ import { ImageDown, Maximize2, Network, ZoomIn, ZoomOut, RotateCcw } from '@luci
 import { Drawer, DrawerContent, DrawerClose } from '@/components/ui/drawer';
 import { Spinner } from '@/components/ui/spinner';
 import ScreenshotButton from '@/components/widgets/ScreenshotButton.vue';
+import { useMainStore } from '@/store';
 
+const store = useMainStore();
+const isMobile = computed(() => store.isMobile);
 const { t } = useI18n();
 const placeholderSizes = [12, 10, 8, 6, 4];
 

From 5a5c0b6176f8070f5cd5f39068de63dfe46f346f Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 19:18:51 +0800
Subject: [PATCH 23/52] Improvements

---
 frontend/composables/use-screenshot.js | 38 ++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/frontend/composables/use-screenshot.js b/frontend/composables/use-screenshot.js
index 59a66befc..79cd0417e 100644
--- a/frontend/composables/use-screenshot.js
+++ b/frontend/composables/use-screenshot.js
@@ -72,6 +72,43 @@ function inlineSvgComputedStyles(root) {
     return () => restorers.forEach((fn) => fn());
 }
 
+// CSS `filter: blur()` doesn't render reliably in iOS Safari's SVG
+// <foreignObject> path. Swap it for an SVG <feGaussianBlur> referenced via
+// `filter: url(#id)` — SVG filters are native to the SVG renderer and
+// survive serialization. The filter <svg> lives inside the capture root so
+// it gets cloned alongside the masked elements, keeping the url() reference
+// self-contained.
+const SVG_NS = 'http://www.w3.org/2000/svg';
+function freezeInfoMaskForCapture(root) {
+    if (!root || typeof document === 'undefined') return () => {};
+    if (!document.documentElement.hasAttribute('data-mask-level')) return () => {};
+    const targets = root.querySelectorAll('[data-mask="ip"]');
+    if (!targets.length) return () => {};
+
+    const filterId = `myip-mask-blur-${Math.random().toString(36).slice(2, 8)}`;
+    const holder = document.createElementNS(SVG_NS, 'svg');
+    holder.setAttribute('aria-hidden', 'true');
+    holder.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden');
+    const filterEl = document.createElementNS(SVG_NS, 'filter');
+    filterEl.setAttribute('id', filterId);
+    const blur = document.createElementNS(SVG_NS, 'feGaussianBlur');
+    blur.setAttribute('stdDeviation', '6');
+    filterEl.appendChild(blur);
+    holder.appendChild(filterEl);
+    root.appendChild(holder);
+
+    const restorers = [() => holder.remove()];
+    targets.forEach((el) => {
+        const orig = el.getAttribute('style');
+        el.setAttribute('style', (orig || '') + `;filter:url(#${filterId})`);
+        restorers.push(() => {
+            if (orig === null) el.removeAttribute('style');
+            else el.setAttribute('style', orig);
+        });
+    });
+    return () => restorers.forEach((fn) => fn());
+}
+
 export function useScreenshot() {
     const isCapturing = ref(false);
 
@@ -93,6 +130,7 @@ export function useScreenshot() {
                 if (typeof teardown === 'function') cleanups.push(teardown);
             }
             cleanups.push(inlineSvgComputedStyles(element));
+            cleanups.push(freezeInfoMaskForCapture(element));
             const { toPng } = await import('html-to-image');
             const dataUrl = await toPng(element, {
                 pixelRatio,

From d016278236431293f374c23d6c9613ded58da48a Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 22:39:27 +0800
Subject: [PATCH 24/52] Improvements

---
 frontend/components/Footer.vue |  6 +--
 frontend/components/Nav.vue    | 89 +++++++++++++++++-----------------
 2 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/frontend/components/Footer.vue b/frontend/components/Footer.vue
index 3a83e2338..72516d09e 100644
--- a/frontend/components/Footer.vue
+++ b/frontend/components/Footer.vue
@@ -102,9 +102,9 @@
                       class="shrink-0 shadow-none! rounded-full justify-center text-secondary p-1" 
                       :title="t('changelog.' + item.type)"
                       >
-                      <CircleFadingArrowUp v-if="item.type === 'improve'" class="size-4" />
-                      <CirclePlus v-if="item.type === 'add'" class="size-4" />
-                      <BugOff v-if="item.type === 'fix'" class="size-4" />
+                      <CircleFadingArrowUp v-if="item.type === 'improve'" class="size-3.5" />
+                      <CirclePlus v-if="item.type === 'add'" class="size-3.5" />
+                      <BugOff v-if="item.type === 'fix'" class="size-3.5" />
                     </Badge>
                     <span class="leading-relaxed">{{ item.change[locale] || item.change.en }}</span>
                   </li>
diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 7e83e9493..515c780bd 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -3,24 +3,19 @@
        in index.html — the only way to get a live status-bar tint on iOS PWA, since WebKit
        ignores JS theme-color writes and media-variant theme-color tags in standalone mode.
        Color tracks --page-bg (style.css), which follows .dark class. -->
-  <div
-    class="fixed top-0 left-0 right-0 z-50 pointer-events-none transition-colors duration-300"
-    style="height: env(safe-area-inset-top); background: var(--page-bg);"
-    aria-hidden="true"
-  ></div>
+  <div class="fixed top-0 left-0 right-0 z-50 pointer-events-none transition-colors duration-300"
+    style="height: env(safe-area-inset-top); background: var(--page-bg);" aria-hidden="true"></div>
   <header
     class="fixed top-[env(safe-area-inset-top)] left-0 right-0 z-40 w-full border-b transition-transform duration-300 ease-out will-change-transform"
     :class="{ '-translate-y-full': isNavHidden,
-    'bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur': !isStandalone,
-    'bg-page-bg': isStandalone }">
-    <nav id="navbar-top"
-      class="mx-auto flex w-full max-w-[1600px] items-center gap-2 px-3 sm:px-4 h-14">
+    'bg-background/80 supports-[backdrop-filter:blur(0px)]:bg-background/60 backdrop-blur': !isStandalone || (isStandalone && !isMobile),
+    'bg-page-bg': isStandalone && isMobile }">
+    <nav id="navbar-top" class="mx-auto flex w-full max-w-[1600px] items-center gap-2 px-3 sm:px-4 h-14">
 
       <!-- Left: Hamburger (only mobile) + Brand -->
       <div class="flex items-center gap-2">
-        <Button v-if="isMobile" variant="ghost" size="icon" class="size-8"
-          :aria-expanded="isNavMenuOpen" aria-label="Toggle navigation menu"
-          @click="store.toggleSheet('navMenu')">
+        <Button v-if="isMobile" variant="ghost" size="icon" class="size-8" :aria-expanded="isNavMenuOpen"
+          aria-label="Toggle navigation menu" @click="store.toggleSheet('navMenu')">
           <Menu />
         </Button>
         <a href="#" @click="handleLogoClick"
@@ -36,17 +31,13 @@
 
       <!-- Middle: Desktop nav links + GitHub star badge (left aligned, next to brand) -->
       <div v-if="!isMobile" class="flex items-center gap-0.5">
-        <a v-for="item in navItems" :key="item" href="#"
-        class=""
-          :class="navLinkClass(item)"
+        <a v-for="item in navItems" :key="item" href="#" class="" :class="navLinkClass(item)"
           @click.prevent="scrollToSection(item); trackEvent('Nav', 'NavClick', item)">
           {{ t(`nav.${item}`) }}
         </a>
         <a :href="t('page.footerLink')" target="_blank" rel="noopener"
-          class="ml-2 inline-flex items-center hover:opacity-80 transition-opacity"
-          aria-label="View source on GitHub">
-          <img src="https://img.shields.io/github/stars/jason5ng32/MyIP"
-            alt="GitHub stars" class="h-5">
+          class="ml-2 inline-flex items-center hover:opacity-80 transition-opacity" aria-label="View source on GitHub">
+          <img src="https://img.shields.io/github/stars/jason5ng32/MyIP" alt="GitHub stars" class="h-5">
         </a>
       </div>
 
@@ -54,16 +45,14 @@
       <div class="ml-auto flex items-center gap-2">
         <!-- Mobile: GitHub icon -->
         <Button v-if="isMobile" variant="ghost" size="icon" class="size-8" as-child>
-          <a :href="t('page.footerLink')" target="_blank" rel="noopener"
-            aria-label="View source on GitHub">
+          <a :href="t('page.footerLink')" target="_blank" rel="noopener" aria-label="View source on GitHub">
             <Icon icon="ri:github-line" />
           </a>
         </Button>
 
         <!-- Preferences -->
         <JnTooltip :text="t('shortcutKeys.Preferences')">
-          <Button variant="ghost" size="icon" class="size-8"
-            aria-label="Open preferences" @click="OpenPreferences">
+          <Button variant="ghost" size="icon" class="size-8" aria-label="Open preferences" @click="OpenPreferences">
             <SlidersHorizontal />
           </Button>
         </JnTooltip>
@@ -72,15 +61,15 @@
         <DropdownMenu v-if="isFireBaseSet">
           <DropdownMenuTrigger as-child>
             <!-- Not signed in -->
-            <Button v-if="!isSignedIn"  size="sm" @click="getUserInfo" class="h-8 gap-1.5">
+            <Button v-if="!isSignedIn" size="sm" @click="getUserInfo" class="h-8 gap-1.5">
               <span>{{ t('user.SignIn') }}</span>
               <ChevronDown class="opacity-60" />
             </Button>
-            <Button v-else variant="ghost" size="sm" @click="getUserInfo"
-              class="h-8 gap-1.5 px-1.5" aria-label="User menu">
+            <Button v-else variant="ghost" size="sm" @click="getUserInfo" class="h-8 gap-1.5 px-1.5"
+              aria-label="User menu">
               <span class="inline-flex size-6 overflow-hidden rounded-full">
-                <img :src="userPhotoURL" :alt="userName" :title="userName"
-                  class="size-full object-cover" referrerpolicy="no-referrer">
+                <img :src="userPhotoURL" :alt="userName" :title="userName" class="size-full object-cover"
+                  referrerpolicy="no-referrer">
               </span>
               <span v-if="!isMobile" class="text-sm font-medium max-w-40 truncate">{{ userName }}</span>
               <ChevronDown class="opacity-60" />
@@ -93,12 +82,14 @@
               <div class="px-2 pt-2 pb-3">
                 <div class="flex items-center gap-3">
                   <span class="inline-flex size-10 overflow-hidden rounded-full shrink-0">
-                    <img :src="userPhotoURL" :alt="userName" class="size-full object-cover" referrerpolicy="no-referrer">
+                    <img :src="userPhotoURL" :alt="userName" class="size-full object-cover"
+                      referrerpolicy="no-referrer">
                   </span>
                   <div class="flex min-w-0 flex-1 flex-col gap-1">
                     <span class="truncate text-sm font-semibold leading-none">{{ userName }}</span>
                     <span v-if="remoteUserInfoFetched">
-                      <Badge :class="levelBadgeClass" class="border-transparent text-[10px] font-medium px-1.5 py-0 h-4">
+                      <Badge :class="levelBadgeClass"
+                        class="border-transparent text-[10px] font-medium px-1.5 py-0 h-4">
                         {{ t('user.Level.' + remoteUserInfo.userLevel) }}
                       </Badge>
                     </span>
@@ -113,7 +104,8 @@
                   <div class="flex items-baseline justify-between gap-2">
                     <dt class="text-muted-foreground">{{ t('user.Fields.FunctionUses') }}</dt>
                     <dd class="font-medium">
-                      <span v-if="remoteUserInfoFetched">{{ remoteUserInfo.functionUses.total }} {{ t('user.Fields.Times') }}</span>
+                      <span v-if="remoteUserInfoFetched">{{ remoteUserInfo.functionUses.total }} {{
+                        t('user.Fields.Times') }}</span>
                       <span v-else class="text-muted-foreground">{{ t('user.Fields.Fetching') }}</span>
                     </dd>
                   </div>
@@ -164,8 +156,7 @@
           <SheetClose />
         </div>
         <nav class="flex flex-col gap-0.5 p-3">
-          <a v-for="item in navItems" :key="item" href="#"
-            :class="navLinkClass(item, { block: true })"
+          <a v-for="item in navItems" :key="item" href="#" :class="navLinkClass(item, { block: true })"
             @click.prevent="scrollToSection(item); trackEvent('Nav', 'NavClick', item); store.setOpenSheet(null)">
             {{ t(`nav.${item}`) }}
           </a>
@@ -214,8 +205,8 @@ const currentSection = computed(() => store.currentSection);
 const loaded = ref(false);
 
 // Check if the app is running in standalone mode
-const isStandalone = window.matchMedia('(display-mode: standalone)').matches 
-|| window.navigator.standalone;
+const isStandalone = window.matchMedia('(display-mode: standalone)').matches
+  || window.navigator.standalone;
 
 const navItems = SECTION_IDS;
 
@@ -241,12 +232,12 @@ const remoteUserInfoFetched = computed(() => store.remoteUserInfoFetched);
 const levelBadgeClass = computed(() => {
   const level = remoteUserInfo.value?.userLevel;
   switch (level) {
-    case 'Premium':        return 'bg-action text-action-foreground';   
-    case 'Owner':          return 'bg-foreground text-background';      
-    case 'Developer':      return 'bg-success text-success-foreground'; 
-    case 'HonoraryMember': return 'bg-warning text-warning-foreground'; 
+    case 'Premium': return 'bg-action text-action-foreground';
+    case 'Owner': return 'bg-foreground text-background';
+    case 'Developer': return 'bg-success text-success-foreground';
+    case 'HonoraryMember': return 'bg-warning text-warning-foreground';
     case 'Standard':
-    default:               return 'bg-muted-foreground text-background';
+    default: return 'bg-muted-foreground text-background';
   }
 });
 
@@ -363,11 +354,21 @@ defineExpose({ OpenPreferences });
   animation: jn-shimmer-slide 1s linear infinite;
 }
 
-.jn-shimmer-light::before { background-color: rgb(0, 0, 0); }
-.jn-shimmer-dark::before  { background-color: rgb(255, 255, 255); }
+.jn-shimmer-light::before {
+  background-color: rgb(0, 0, 0);
+}
+
+.jn-shimmer-dark::before {
+  background-color: rgb(255, 255, 255);
+}
 
 @keyframes jn-shimmer-slide {
-  from { left: -100%; }
-  to   { left: 100%; }
+  from {
+    left: -100%;
+  }
+
+  to {
+    left: 100%;
+  }
 }
 </style>

From 2fc5fe5cf4951a7bd9e57239104663636a863eae Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 23:32:28 +0800
Subject: [PATCH 25/52] Improvements

---
 frontend/composables/use-screenshot.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/composables/use-screenshot.js b/frontend/composables/use-screenshot.js
index 79cd0417e..cbf595d9a 100644
--- a/frontend/composables/use-screenshot.js
+++ b/frontend/composables/use-screenshot.js
@@ -9,6 +9,18 @@ import { trackEvent } from '../utils/use-analytics.js';
 // particular surfaces "Save Image" → Photos there, while a plain <a download>
 // on iOS Safari only saves to Files. Desktop browsers keep the classic
 // download path so a click doesn't unexpectedly open a share UI.
+//
+// Share payload is files-only — no `title` / `text`. IM targets like
+// Telegram and WhatsApp treat title/text as an attached caption and post
+// it as a separate text message after the image, which on Telegram shows
+// up as a stray "filename" line. File.name still carries the suggested
+// name for Save to Photos / Files / AirDrop, which read it directly.
+//
+// Note on the share-sheet thumbnail: iOS Safari intentionally shows a
+// generic document icon instead of a QuickLook preview for Web Share API
+// files (WebKit PR #5043, IPC hardening — the file URL handed to the
+// system is a placeholder, so the OS can't render a thumbnail). This is
+// a platform-level limitation with no developer-side workaround.
 async function deliverImage(dataUrl, filename) {
     const wantsShare = typeof window !== 'undefined'
         && window.matchMedia?.('(pointer: coarse)').matches
@@ -19,7 +31,7 @@ async function deliverImage(dataUrl, filename) {
             const blob = await (await fetch(dataUrl)).blob();
             const file = new File([blob], filename, { type: blob.type || 'image/png' });
             if (navigator.canShare({ files: [file] })) {
-                await navigator.share({ files: [file], title: filename });
+                await navigator.share({ files: [file] });
                 return;
             }
         } catch (err) {

From 4e4ac74579d489e04cf965f8500a60edb8ea7241 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Wed, 27 May 2026 23:51:30 +0800
Subject: [PATCH 26/52] Refactor(system-detect): harden UA sniffing and tighten
 comments

Rewrite browser/OS detection to drop the deprecated `navigator.platform`,
recognize modern Edge ("Edg/"), iOS WebKit wrappers (CriOS / FxiOS / EdgiOS),
iPadOS 13+ desktop-UA disguise (via maxTouchPoints), and Chrome OS. Expand
test coverage to pin the tricky cases, then trim the explanatory comments
in both files to the non-obvious WHY.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/utils/system-detect.js |  58 ++++---
 tests/system-detect.test.js     | 265 ++++++++++++++++++++------------
 2 files changed, 207 insertions(+), 116 deletions(-)

diff --git a/frontend/utils/system-detect.js b/frontend/utils/system-detect.js
index d439320d4..e9d91f153 100644
--- a/frontend/utils/system-detect.js
+++ b/frontend/utils/system-detect.js
@@ -1,26 +1,48 @@
-// browserDetect.js
-const detectBrowser = () => {
-    const userAgent = window.navigator.userAgent;
-    const isFirefox = userAgent.includes('Firefox');
-    const isOpera = userAgent.includes('Opera') || userAgent.includes('OPR');
-    const isIE = userAgent.includes('Trident');
-    const isEdge = userAgent.includes('Edge');
-    const isChrome = userAgent.includes('Chrome');
-    const isSafari = userAgent.includes('Safari') && !isChrome;
+// Minimal browser & OS detection for the PWA install flow and a couple of
+// mobile-only debug switches. UA sniffing is unreliable — only use where a
+// wrong answer is harmless; prefer feature detection elsewhere.
+//
+// We avoid `navigator.platform` (deprecated, frozen to legacy strings like
+// "MacIntel" / "Win32") and `navigator.userAgentData` (Firefox / Safari
+// don't ship it, high-entropy fields are async).
+
+const getUA = () => (typeof window !== 'undefined' && window.navigator?.userAgent) || '';
+const getMaxTouch = () => (typeof window !== 'undefined' && window.navigator?.maxTouchPoints) || 0;
 
+const detectBrowser = () => {
+    const ua = getUA();
+    const isFirefox = /Firefox\/|FxiOS\//.test(ua);
+    // Chromium Opera → "OPR/"; legacy Presto Opera → "Opera/".
+    const isOpera = /OPR\/|Opera\//.test(ua);
+    const isIE = /Trident\//.test(ua);
+    // Modern Edge is "Edg/" (no 'e'); legacy "Edge/" (EdgeHTML) is retired.
+    const isEdge = /Edg\//.test(ua);
+    // Chromium-based, NOT strictly Google Chrome — Edge / Opera / Brave /
+    // Samsung Internet all carry "Chrome/". Combine with !isEdge && !isOpera
+    // at the call site if you need real Chrome.
+    const isChrome = /Chrome\//.test(ua);
+    // Real Safari: "Safari/" without any other-engine / iOS-wrapper marker.
+    const isSafari = /Safari\//.test(ua)
+        && !/Chrome\/|Chromium\/|Edg\/|OPR\/|FxiOS\/|CriOS\/|EdgiOS\//.test(ua);
     return { isFirefox, isOpera, isIE, isEdge, isChrome, isSafari };
 };
 
 const detectOS = () => {
-    const platform = window.navigator.platform;
-    const userAgent = window.navigator.userAgent;
-    const isMac = platform.includes('Mac') || userAgent.includes('Mac' || 'Macintosh' || 'MacIntel' || 'MacPPC' || 'Mac68K');
-    const isWindows = platform.startsWith('Win') || userAgent.includes('Windows' || 'Win64' || 'Win32');
-    const isLinux = platform.includes('Linux') && !userAgent.includes('Android');
-    const isAndroid = userAgent.includes('Android');
-    const isIOS = /iPhone|iPod|iOS/.test(platform) || userAgent.includes('iPhone' || 'iPod' || 'iOS');
-
+    const ua = getUA();
+    // iPadOS 13+ requests the desktop site by default — its UA is identical
+    // to macOS Safari. Touch capability is the only reliable distinguisher
+    // (desktop Macs have no native touchscreen).
+    const isIPadOS = /Macintosh/.test(ua) && getMaxTouch() > 1;
+    const isIOS = /iPhone|iPod|iPad/.test(ua) || isIPadOS;
+    const isAndroid = /Android/.test(ua);
+    // iPhone UA contains "Mac OS X" and iPadOS impersonates "Macintosh" —
+    // iOS must win first, otherwise both also flag as macOS.
+    const isMac = !isIOS && /Macintosh|Mac OS X/.test(ua);
+    const isWindows = /Windows|Win64|Win32/.test(ua);
+    // Chromebooks carry "CrOS", not "Linux" — exclude so they don't flag
+    // as Linux desktop.
+    const isLinux = !isAndroid && !/CrOS/.test(ua) && /Linux/.test(ua);
     return { isMac, isWindows, isLinux, isAndroid, isIOS };
 };
 
-export { detectBrowser, detectOS };
\ No newline at end of file
+export { detectBrowser, detectOS };
diff --git a/tests/system-detect.test.js b/tests/system-detect.test.js
index 70b6728d4..565eda2b4 100644
--- a/tests/system-detect.test.js
+++ b/tests/system-detect.test.js
@@ -1,114 +1,183 @@
 import assert from 'node:assert/strict';
-import { describe, it, before, after } from 'node:test';
+import { describe, it, after } from 'node:test';
 
-// The tested module accesses UA / platform via window.navigator, Node environment does not have window,
-// here we inject a minimal globalThis.window stub directly, the module reads the value after loading,
-// so it must be injected before the import.
+// The module reads `userAgent` / `maxTouchPoints` via getters on every
+// call, so we just swap a stub on globalThis between cases. Node has no
+// window of its own.
 
-function setNavigator({ userAgent = '', platform = '' } = {}) {
-  globalThis.window = { navigator: { userAgent, platform } };
+function setNavigator({ userAgent = '', maxTouchPoints = 0 } = {}) {
+    globalThis.window = { navigator: { userAgent, maxTouchPoints } };
 }
 
 setNavigator();
 const { detectBrowser, detectOS } = await import('../frontend/utils/system-detect.js');
 
 describe('detectBrowser()', () => {
-  it('recognizes Chrome on macOS', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-    });
-    const b = detectBrowser();
-    assert.equal(b.isChrome, true);
-    assert.equal(b.isSafari, false, 'Chrome UA contains "Safari" but should not be classified as Safari');
-    assert.equal(b.isFirefox, false);
-  });
-
-  it('recognizes Safari (no Chrome substring)', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15',
-    });
-    const b = detectBrowser();
-    assert.equal(b.isSafari, true);
-    assert.equal(b.isChrome, false);
-  });
-
-  it('recognizes Firefox', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (X11; Linux x86_64; rv:120.0) Gecko/20100101 Firefox/120.0',
-    });
-    const b = detectBrowser();
-    assert.equal(b.isFirefox, true);
-    assert.equal(b.isChrome, false);
-  });
-
-  it('recognizes Opera (OPR)', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 Chrome/120.0.0.0 Safari/537.36 OPR/106.0.0.0',
-    });
-    const b = detectBrowser();
-    assert.equal(b.isOpera, true);
-  });
-
-  it('recognizes IE via Trident', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko',
-    });
-    assert.equal(detectBrowser().isIE, true);
-  });
+    it('recognizes Chrome on macOS', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isChrome, true);
+        assert.equal(b.isSafari, false, 'Chrome UA contains "Safari" but should not be classified as Safari');
+        assert.equal(b.isFirefox, false);
+        assert.equal(b.isEdge, false);
+    });
+
+    it('recognizes Safari (no Chrome substring)', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isSafari, true);
+        assert.equal(b.isChrome, false);
+    });
+
+    it('recognizes Firefox', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (X11; Linux x86_64; rv:120.0) Gecko/20100101 Firefox/120.0',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isFirefox, true);
+        assert.equal(b.isChrome, false);
+    });
+
+    it('recognizes Opera (OPR)', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 Chrome/120.0.0.0 Safari/537.36 OPR/106.0.0.0',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isOpera, true);
+    });
+
+    it('recognizes IE via Trident', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko',
+        });
+        assert.equal(detectBrowser().isIE, true);
+    });
+
+    // Modern Edge is "Edg/" — guard against regressing to legacy "Edge/".
+    it('recognizes Chromium Edge ("Edg/")', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isEdge, true);
+        assert.equal(b.isChrome, true, 'Edge is Chromium-based; isChrome marks engine, not vendor');
+        assert.equal(b.isSafari, false);
+    });
+
+    // iOS Chrome ("CriOS/") is a WebKit wrapper — must not register as
+    // Safari just because the UA carries a trailing "Safari/" token.
+    it('does not classify iOS Chrome (CriOS) as Safari', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/120.0.0.0 Mobile/15E148 Safari/604.1',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isSafari, false);
+        assert.equal(b.isChrome, false, 'iOS Chrome is a WebKit wrapper, not Chromium');
+    });
+
+    it('does not classify iOS Firefox (FxiOS) as Safari', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/120.0 Mobile/15E148 Safari/605.1.15',
+        });
+        const b = detectBrowser();
+        assert.equal(b.isSafari, false);
+        assert.equal(b.isFirefox, true);
+    });
 });
 
 describe('detectOS()', () => {
-  it('recognizes macOS', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36',
-      platform: 'MacIntel',
-    });
-    const os = detectOS();
-    assert.equal(os.isMac, true);
-    assert.equal(os.isWindows, false);
-  });
-
-  it('recognizes Windows', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36',
-      platform: 'Win32',
-    });
-    const os = detectOS();
-    assert.equal(os.isWindows, true);
-    assert.equal(os.isMac, false);
-  });
-
-  it('recognizes Linux (not Android)', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36',
-      platform: 'Linux x86_64',
-    });
-    const os = detectOS();
-    assert.equal(os.isLinux, true);
-    assert.equal(os.isAndroid, false);
-  });
-
-  it('recognizes Android as not Linux', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (Linux; Android 14; Pixel 7) AppleWebKit/537.36',
-      platform: 'Linux armv8l',
-    });
-    const os = detectOS();
-    assert.equal(os.isAndroid, true);
-    assert.equal(os.isLinux, false, 'Android should not also register as Linux');
-  });
-
-  it('recognizes iOS', () => {
-    setNavigator({
-      userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15',
-      platform: 'iPhone',
-    });
-    const os = detectOS();
-    assert.equal(os.isIOS, true);
-  });
+    it('recognizes macOS', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36',
+        });
+        const os = detectOS();
+        assert.equal(os.isMac, true);
+        assert.equal(os.isWindows, false);
+        assert.equal(os.isIOS, false);
+    });
+
+    it('recognizes Windows', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36',
+        });
+        const os = detectOS();
+        assert.equal(os.isWindows, true);
+        assert.equal(os.isMac, false);
+    });
+
+    it('recognizes Linux (not Android)', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36',
+        });
+        const os = detectOS();
+        assert.equal(os.isLinux, true);
+        assert.equal(os.isAndroid, false);
+    });
+
+    it('recognizes Android as not Linux', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Linux; Android 14; Pixel 7) AppleWebKit/537.36',
+        });
+        const os = detectOS();
+        assert.equal(os.isAndroid, true);
+        assert.equal(os.isLinux, false, 'Android should not also register as Linux');
+    });
+
+    it('recognizes iOS (iPhone)', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15',
+        });
+        const os = detectOS();
+        assert.equal(os.isIOS, true);
+    });
+
+    // iPhone UA contains "Mac OS X" — without the iOS-first guard it would
+    // also flag as macOS.
+    it('does not classify iPhone as macOS', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1',
+        });
+        const os = detectOS();
+        assert.equal(os.isIOS, true);
+        assert.equal(os.isMac, false, 'iPhone UA contains "Mac OS X" but the device is iOS, not macOS');
+    });
+
+    // iPadOS 13+ ships an identical UA to macOS Safari; touch capability
+    // is the only reliable distinguisher.
+    it('recognizes iPadOS 13+ disguised as macOS (touch capability)', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15',
+            maxTouchPoints: 5,
+        });
+        const os = detectOS();
+        assert.equal(os.isIOS, true);
+        assert.equal(os.isMac, false, 'iPad on iPadOS 13+ must be classified as iOS, not macOS');
+    });
+
+    // Same UA as the iPad above with no touch — pins the disambiguation.
+    it('keeps desktop Mac classified as macOS when no touch is present', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15',
+            maxTouchPoints: 0,
+        });
+        const os = detectOS();
+        assert.equal(os.isMac, true);
+        assert.equal(os.isIOS, false);
+    });
+
+    it('does not classify Chrome OS as Linux', () => {
+        setNavigator({
+            userAgent: 'Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+        });
+        const os = detectOS();
+        assert.equal(os.isLinux, false, 'Chromebook UA carries "CrOS"; it is not Linux desktop');
+    });
 });
 
-// clean up global pollution
 after(() => {
-  delete globalThis.window;
+    delete globalThis.window;
 });

From a238b4a0326ad106231dafc98fe5daf899c95f3e Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Thu, 28 May 2026 00:03:18 +0800
Subject: [PATCH 27/52] Improvements

---
 .gitignore   | 1 +
 package.json | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 1d4a1fbb1..5c6a3defa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -61,6 +61,7 @@ public/llms.txt
 public/llms-full.txt
 public/tools/
 public/robots.txt
+public/ads.txt
 
 # Private AI context (per-machine, not for the public repo)
 local-context.md
diff --git a/package.json b/package.json
index 581c5f8e0..ac9070ba0 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "ua-parser-js": "^2.0.10",
     "unbzip2-stream": "^1.4.3",
     "vaul-vue": "^0.4.1",
-    "vue": "^3.5.34",
+    "vue": "^3.5.35",
     "vue-i18n": "^11.4.4",
     "vue-markdown-render": "^2.3.0",
     "vue-router": "^5.0.7",

From 444992e55edbc94bd9933f0654ef71eac94fc14f Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Thu, 28 May 2026 00:23:04 +0800
Subject: [PATCH 28/52] Improvements

---
 frontend/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/main.js b/frontend/main.js
index e2dcca3cc..3a1b7d5e2 100644
--- a/frontend/main.js
+++ b/frontend/main.js
@@ -19,7 +19,7 @@ import './style/style.css'
 // guard doesn't catch those keystrokes).
 if (import.meta.env.DEV) {
     const dbgOS = detectOS();
-    if (dbgOS.isAndroid || dbgOS.isIOS || window.innerWidth < 768) {
+    if (dbgOS.isAndroid || dbgOS.isIOS) {
         import('vconsole').then(({ default: VConsole }) => {
             new VConsole();
             window.__vConsoleActive = true;

From b6fba97956e03998c315cb3162ff5706bad1d0cf Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Thu, 28 May 2026 17:30:04 +0800
Subject: [PATCH 29/52] Improvements

---
 frontend/components/Nav.vue                   | 16 ++++++++--------
 .../components/advanced-tools/BrowserInfo.vue |  2 +-
 .../components/advanced-tools/MtrTest.vue     | 19 ++++++++++---------
 .../components/ip-infos/ASNConnectivity.vue   | 15 ++++++---------
 frontend/components/ip-infos/IPCard.vue       | 15 +++++----------
 .../ui/accordion/AccordionTrigger.vue         |  7 ++++++-
 frontend/components/widgets/CopyButton.vue    |  2 +-
 frontend/components/widgets/InfoMask.vue      |  2 +-
 frontend/components/widgets/Preferences.vue   |  4 ++--
 frontend/locales/en.json                      |  8 ++++----
 frontend/locales/fr.json                      |  8 ++++----
 frontend/locales/tr.json                      |  8 ++++----
 frontend/locales/zh.json                      |  8 ++++----
 13 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 515c780bd..7890b16b9 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -52,7 +52,7 @@
 
         <!-- Preferences -->
         <JnTooltip :text="t('shortcutKeys.Preferences')">
-          <Button variant="ghost" size="icon" class="size-8" aria-label="Open preferences" @click="OpenPreferences">
+          <Button variant="ghost" size="icon" class="size-8 cursor-pointer" aria-label="Open preferences" @click="OpenPreferences">
             <SlidersHorizontal />
           </Button>
         </JnTooltip>
@@ -61,11 +61,11 @@
         <DropdownMenu v-if="isFireBaseSet">
           <DropdownMenuTrigger as-child>
             <!-- Not signed in -->
-            <Button v-if="!isSignedIn" size="sm" @click="getUserInfo" class="h-8 gap-1.5">
+            <Button v-if="!isSignedIn" size="sm" @click="getUserInfo" class="h-8 gap-1.5 cursor-pointer">
               <span>{{ t('user.SignIn') }}</span>
               <ChevronDown class="opacity-60" />
             </Button>
-            <Button v-else variant="ghost" size="sm" @click="getUserInfo" class="h-8 gap-1.5 px-1.5"
+            <Button v-else variant="ghost" size="sm" @click="getUserInfo" class="h-8 gap-1.5 px-1.5 cursor-pointer"
               aria-label="User menu">
               <span class="inline-flex size-6 overflow-hidden rounded-full">
                 <img :src="userPhotoURL" :alt="userName" :title="userName" class="size-full object-cover"
@@ -112,7 +112,7 @@
                 </dl>
               </div>
               <DropdownMenuSeparator />
-              <DropdownMenuItem @select="store.setTriggerAchievements(true)">
+              <DropdownMenuItem class="cursor-pointer" @select="store.setTriggerAchievements(true)">
                 <Award />
                 <span>{{ t('user.MyAchievements') }}</span>
               </DropdownMenuItem>
@@ -120,25 +120,25 @@
 
             <!-- Not signed in -->
             <template v-else>
-              <DropdownMenuItem @select="store.signInWithGoogle">
+              <DropdownMenuItem class="cursor-pointer" @select="store.signInWithGoogle">
                 <Icon icon="ri:google-line" />
                 <span>{{ t('user.SignInWithGoogle') }}</span>
               </DropdownMenuItem>
-              <DropdownMenuItem @select="store.signInWithGithub">
+              <DropdownMenuItem class="cursor-pointer" @select="store.signInWithGithub">
                 <Icon icon="ri:github-line" />
                 <span>{{ t('user.SignInWithGithub') }}</span>
               </DropdownMenuItem>
             </template>
 
             <DropdownMenuSeparator />
-            <DropdownMenuItem @select="store.setTriggerUserBenefits(true)">
+            <DropdownMenuItem class="cursor-pointer" @select="store.setTriggerUserBenefits(true)">
               <HeartHandshake />
               <span>{{ t('user.Benefits.Title') }}</span>
             </DropdownMenuItem>
 
             <template v-if="isSignedIn">
               <DropdownMenuSeparator />
-              <DropdownMenuItem @select="store.signOut">
+              <DropdownMenuItem class="cursor-pointer" @select="store.signOut">
                 <LogOut />
                 <span>{{ t('user.SignOut') }}</span>
               </DropdownMenuItem>
diff --git a/frontend/components/advanced-tools/BrowserInfo.vue b/frontend/components/advanced-tools/BrowserInfo.vue
index 12ecf313d..c980af110 100644
--- a/frontend/components/advanced-tools/BrowserInfo.vue
+++ b/frontend/components/advanced-tools/BrowserInfo.vue
@@ -37,7 +37,7 @@
                                         User Agent
                                     </Badge>
                                     <CopyButton :value="userAgent.ua"
-                                        class="-mr-1 hover:bg-transparent"
+                                        class="-mr-1 hover:bg-success/10"
                                         aria-label="Copy UA" />
                                 </div>
                                 <p class="font-mono text-sm leading-relaxed wrap-break-word">{{ userAgent.ua }}</p>
diff --git a/frontend/components/advanced-tools/MtrTest.vue b/frontend/components/advanced-tools/MtrTest.vue
index 2cb319c38..e311f2f86 100644
--- a/frontend/components/advanced-tools/MtrTest.vue
+++ b/frontend/components/advanced-tools/MtrTest.vue
@@ -18,8 +18,7 @@
                         <SelectItem v-for="ip in allIPs" :key="ip" :value="ip">{{ ip }}</SelectItem>
                     </SelectContent>
                 </Select>
-                <Button variant="action"
-                    :disabled="mtrCheckStatus === 'running' || selectedIP === ''"
+                <Button variant="action" :disabled="mtrCheckStatus === 'running' || selectedIP === ''"
                     @click="startmtrCheck" class="cursor-pointer">
                     <Spinner v-if="mtrCheckStatus === 'running'" />
                     <template v-else>
@@ -39,23 +38,25 @@
         <!-- Result Accordion -->
         <Accordion v-if="mtrResults.length > 0" type="single" collapsible default-value="0" class="space-y-2">
             <AccordionItem v-for="(result, index) in mtrResults" :key="result.country" :value="String(index)"
-                class="rounded-lg border bg-card px-4">
-                <AccordionTrigger class="hover:no-underline">
+                class="rounded-lg border bg-card px-4 data-[state=open]:border-primary/30">
+                <AccordionTrigger class="hover:no-underline cursor-pointer my-1">
                     <div class="flex items-center gap-2 min-w-0 flex-wrap">
-                        <Icon :icon="'circle-flags:' + result.country.toLowerCase()"
-                            class="shrink-0 size-5" />
+                        <Icon :icon="'circle-flags:' + result.country.toLowerCase()" class="shrink-0 size-5" />
                         <span class="text-sm font-semibold">
                             {{ result.country_name }}, {{ result.city }}
                         </span>
                         <template v-if="!isMobile">
                             <span class="text-muted-foreground">·</span>
                             <span class="text-sm text-muted-foreground truncate">{{ result.network }}</span>
-                            <Badge variant="success" class="font-mono font-normal shadow-none rounded-full">AS{{ result.asn }}</Badge>
+                            <Badge variant="success" class="font-mono font-normal shadow-none rounded-full">AS{{
+                                result.asn }}</Badge>
                         </template>
                     </div>
                 </AccordionTrigger>
                 <AccordionContent>
-                    <pre class="mt-2 p-4 rounded-md bg-muted font-mono text-xs leading-relaxed overflow-x-auto whitespace-pre-wrap wrap-break-word">{{ result.rawOutput }}</pre>
+                    <pre
+                        class="mt-2 p-4 rounded-md bg-muted font-mono text-xs leading-relaxed overflow-x-auto whitespace-pre-wrap wrap-break-word">
+                {{ result.rawOutput }}</pre>
                 </AccordionContent>
             </AccordionItem>
         </Accordion>
@@ -75,7 +76,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Spinner } from '@/components/ui/spinner';
 import { Icon } from '@iconify/vue';
-import { Info,Play } from '@lucide/vue';
+import { Info, Play } from '@lucide/vue';
 
 const { t } = useI18n();
 
diff --git a/frontend/components/ip-infos/ASNConnectivity.vue b/frontend/components/ip-infos/ASNConnectivity.vue
index 04c0778ad..1e0ba19de 100644
--- a/frontend/components/ip-infos/ASNConnectivity.vue
+++ b/frontend/components/ip-infos/ASNConnectivity.vue
@@ -4,7 +4,7 @@
         <div class="px-3 pt-3 pb-2 flex items-start gap-2 text-xs text-muted-foreground">
             <span class="flex-1">{{ t('ipInfos.ASNConnectivity.note') }}</span>
             <button v-if="layout" type="button" @click="isExpanded = true"
-                class="shrink-0 rounded-sm p-0.5 hover:text-foreground hover:bg-muted/50 cursor-pointer transition-colors"
+                class="shrink-0 rounded-sm p-0.5 hover:text-foreground hover:bg-muted-foreground/10 cursor-pointer transition-colors"
                 :aria-label="t('ipInfos.ASNConnectivity.expand')" :title="t('ipInfos.ASNConnectivity.expand')">
                 <Maximize2 class="size-3.5" />
             </button>
@@ -70,8 +70,7 @@
 
     <!-- Expanded view: bottom Drawer (mobile-fullscreen / md+ sheet at 90vh). -->
     <Drawer v-if="layout" :open="isExpanded" @update:open="isExpanded = $event">
-        <DrawerContent :title="t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn })"
-        :safe-area-top="isMobile"
+        <DrawerContent :title="t('ipInfos.ASNConnectivity.dialogTitle', { asn: props.asn })" :safe-area-top="isMobile"
             class="overflow-hidden flex flex-col h-full rounded-none md:h-[90vh] md:rounded-t-[14px]">
             <!-- Screenshot root; control widgets inside opt out via `data-screenshot-exclude`. -->
             <div data-screenshot-root class="flex flex-col h-full bg-background">
@@ -96,11 +95,8 @@
                             <component :is="ctrl.icon" class="size-4" />
                         </button>
                         <span class="w-px h-5 bg-border mx-0.5" aria-hidden="true"></span>
-                        <ScreenshotButton
-                            filename-prefix="asn-connectivity"
-                            :filename-label="props.asn"
-                            :track-label="`AS${props.asn}`"
-                            :before-capture="prepareGraphForCapture">
+                        <ScreenshotButton filename-prefix="asn-connectivity" :filename-label="props.asn"
+                            :track-label="`AS${props.asn}`" :before-capture="prepareGraphForCapture">
                             <template #default="{ capture, isCapturing }">
                                 <button type="button" @click="capture" :disabled="isCapturing"
                                     class="p-1.5 rounded-sm text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer"
@@ -138,7 +134,8 @@
                                 @mouseleave="hoveredAsn = null" @click.stop="onNodeClick(n.asn)">
                                 <title v-if="n.label">AS{{ n.asn }} · {{ n.label }}</title>
                                 <rect :width="n.w" :height="n.h" rx="6" class="fill-card" />
-                                <rect :width="n.w" :height="n.h" rx="6" :class="nodeBoxClass(n.type)" stroke-width="1.5" />
+                                <rect :width="n.w" :height="n.h" rx="6" :class="nodeBoxClass(n.type)"
+                                    stroke-width="1.5" />
                                 <text :x="n.w / 2" :y="n.h / 2 - 5" text-anchor="middle"
                                     class="font-mono font-semibold text-[11px] fill-foreground">
                                     AS{{ n.asn }}
diff --git a/frontend/components/ip-infos/IPCard.vue b/frontend/components/ip-infos/IPCard.vue
index 9ece295a3..7fb3e08ff 100644
--- a/frontend/components/ip-infos/IPCard.vue
+++ b/frontend/components/ip-infos/IPCard.vue
@@ -10,8 +10,8 @@
                     {{ index + 1 }}
                 </span>
                 <span class="text-sm font-medium truncate">
-                    <span class="text-muted-foreground">{{ t('ipInfos.Source') }}:</span>
-                    {{ card.source }}
+                    <span class="text-muted-foreground">{{ t('ipInfos.Source') }}:
+                    {{ card.source }}</span>
                 </span>
             </div>
             <div class="shrink-0 flex items-center gap-1" data-screenshot-exclude>
@@ -35,15 +35,11 @@
         <div class="flex-1 flex flex-col">
             <template v-if="hasData">
                 <!-- Monitor is inline inside FitText so it rides the IP's
-                     first line; Copy stays a flex sibling so ellipsis
-                     never clips it. -->
+                    first line; Copy stays a flex sibling so ellipsis
+                    never clips it. -->
                 <div class="px-4 py-3 flex items-start gap-2 min-w-0" data-mask="ip">
                     <FitText :text="card.ip" :tiers="HERO_TIERS" :max-lines="2" :title="card.ip"
-                        class="font-mono font-semibold min-w-0 items-start">
-                        <template #prefix >
-                            <Monitor class="inline size-5 align-middle text-muted-foreground mr-2 mb-1" />
-                        </template>
-                    </FitText>
+                        class="font-mono font-semibold min-w-0 items-start"/>
                     <CopyButton v-if="isValidIP(card.ip)" :value="card.ip"
                         :tooltip="t('Tooltips.CopyIP')"
                         :aria-label="'Copy ' + card.ip" />
@@ -85,7 +81,6 @@ import { Card } from '@/components/ui/card';
 import CopyButton from '@/components/widgets/CopyButton.vue';
 import ScreenshotButton from '@/components/widgets/ScreenshotButton.vue';
 import {
-    Monitor,
     RotateCw,
 } from '@lucide/vue';
 
diff --git a/frontend/components/ui/accordion/AccordionTrigger.vue b/frontend/components/ui/accordion/AccordionTrigger.vue
index cba09744f..86f235d6b 100644
--- a/frontend/components/ui/accordion/AccordionTrigger.vue
+++ b/frontend/components/ui/accordion/AccordionTrigger.vue
@@ -9,7 +9,12 @@ defineProps({
 </script>
 
 <template>
-  <AccordionHeader class="flex">
+  <AccordionHeader class="flex m-0 text-base font-normal leading-normal">
+    <!-- reka-ui renders AccordionHeader as <h3>; neutralize the project's
+         global base h3 styles (margin-bottom / font-size / line-height /
+         font-weight from style.css @layer base) so the trigger row isn't
+         pushed down by the heading reset. -->
+
     <AccordionTrigger
       :class="cn('flex flex-1 items-center justify-between py-3 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', $props.class)"
     >
diff --git a/frontend/components/widgets/CopyButton.vue b/frontend/components/widgets/CopyButton.vue
index adfba1dca..0fbe23fd6 100644
--- a/frontend/components/widgets/CopyButton.vue
+++ b/frontend/components/widgets/CopyButton.vue
@@ -63,7 +63,7 @@ onBeforeUnmount(() => {
 <template>
   <JnTooltip :text="tooltip" :side="tooltipSide" :disabled="!tooltip">
     <button type="button"
-      :class="cn('shrink-0 p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors cursor-pointer', $props.class)"
+      :class="cn('shrink-0 p-1.5 rounded-md text-primary hover:bg-muted transition-colors cursor-pointer', $props.class)"
       :aria-label="ariaLabel || tooltip || 'Copy'"
       @click="onClick">
       <component :is="copied ? CopyCheck : Copy"
diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index 6a1c8d332..2eda795ed 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -3,7 +3,7 @@
         <Button v-show="showMaskButton"
             size="icon"
             type="button"
-            variant="secondary"
+            variant="default"
             class="fixed bottom-[86px] z-1050 rounded-full shadow-lg cursor-pointer"
             :style="positionStyle"
             aria-label="Toggle Info Mask"
diff --git a/frontend/components/widgets/Preferences.vue b/frontend/components/widgets/Preferences.vue
index 98b580466..da47f709e 100644
--- a/frontend/components/widgets/Preferences.vue
+++ b/frontend/components/widgets/Preferences.vue
@@ -54,7 +54,7 @@
                     <ToggleGroup :model-value="userPreferences.theme" type="single" class="w-full" variant="outline"
                         @update:model-value="(v) => v && prefTheme(v)">
                         <ToggleGroupItem v-for="opt in themeOptions" :key="opt.value" :value="opt.value"
-                            class="flex-1 gap-1.5" :aria-label="opt.label" :title="opt.label">
+                            class="flex-1 gap-1.5 cursor-pointer" :aria-label="opt.label" :title="opt.label">
                             <component :is="opt.icon" class="size-4" />
                             {{ opt.label }}
                         </ToggleGroupItem>
@@ -66,7 +66,7 @@
                     <SectionTitle :icon="LayoutGrid">{{ t('nav.preferences.ipSourcesToCheck') }}</SectionTitle>
                     <ToggleGroup :model-value="String(userPreferences.ipCardsToShow)" type="single" class="w-full"
                         variant="outline" @update:model-value="(v) => v && prefipCards(Number(v))">
-                        <ToggleGroupItem v-for="num in [2, 4, 6]" :key="num" :value="String(num)" class="flex-1 gap-1.5"
+                        <ToggleGroupItem v-for="num in [2, 4, 6]" :key="num" :value="String(num)" class="flex-1 gap-1.5 cursor-pointer"
                             :aria-label="num.toString()" :title="num.toString()">
                             {{ num }}
                         </ToggleGroupItem>
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 0bd74a7c5..b481a2c1c 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -742,10 +742,10 @@
     "Congrats": "Congrats!",
     "OhNo_Message": "Connectivity test failed, some websites are not accessible.",
     "Congrats_Message": "All connectivity tests passed, you can access all websites.",
-    "maskedInfoTitle": "IP masked",
-    "maskedInfoMessage": "IP information has been masked, please be careful when taking screenshots.",
-    "unmaskedInfoTitle": "Infos Unmasked",
-    "unmaskedInfoMessage": "Information has been unmasked, please be careful when taking screenshots.",
+    "maskedInfoTitle": "IPs Masked",
+    "maskedInfoMessage": "IPs have been masked. Sharing screenshots won't reveal your IPs.",
+    "unmaskedInfoTitle": "IPs Unmasked",
+    "unmaskedInfoMessage": "IPs have been unmasked. Be careful when sharing screenshots.",
     "SignInFailed": "Sign In Failed",
     "SignInFailedReason": "Reason"
   },
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index 5147a9ace..b4378ac74 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -742,10 +742,10 @@
     "Congrats": "Félicitations !",
     "OhNo_Message": "Le test de connectivité a échoué, certains sites web ne sont pas accessibles.",
     "Congrats_Message": "Tous les tests de connectivité ont réussi, vous pouvez accéder à tous les sites web.",
-    "maskedInfoTitle": "IP masquée",
-    "maskedInfoMessage": "Les informations sur l'adresse IP ont été masquées, veuillez faire attention lorsque vous prenez des captures d'écran.",
-    "unmaskedInfoTitle": "Infos démasquées",
-    "unmaskedInfoMessage": "Les informations ont été démasquées, veuillez faire attention lorsque vous prenez des captures d'écran.",
+    "maskedInfoTitle": "IPs masquées",
+    "maskedInfoMessage": "Les adresses IP ont été masquées. Partager des captures d'écran ne révélera pas vos IP.",
+    "unmaskedInfoTitle": "IPs démasquées",
+    "unmaskedInfoMessage": "Les adresses IP ont été démasquées. Faites attention lors de la partage des captures d'écran.",
     "SignInFailed": "Echec de connexion",
     "SignInFailedReason": "Raison"
   },
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index 7cacc3edd..a94782dda 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -741,10 +741,10 @@
     "Congrats": "Tebrikler!",
     "OhNo_Message": "Bağlantı testi başarısız oldu, bazı web sitelerine erişilemiyor.",
     "Congrats_Message": "Tüm bağlantı testleri geçti, tüm web sitelerine erişebilirsiniz.",
-    "maskedInfoTitle": "IP gizlendi",
-    "maskedInfoMessage": "IP bilgileri gizlendi, lütfen ekran görüntüsü alırken dikkatli olun.",
-    "unmaskedInfoTitle": "Bilgiler gösterildi",
-    "unmaskedInfoMessage": "Bilgiler gösterildi, lütfen ekran görüntüsü alırken dikkatli olun.",
+    "maskedInfoTitle": "IP Bilgileri Gizlendi",
+    "maskedInfoMessage": "IP bilgileri gizlendi. Ekran görüntülerini paylaştığınızda IP bilgilerinizi gözetmez.",
+    "unmaskedInfoTitle": "IP Bilgileri Görünür",
+    "unmaskedInfoMessage": "IP bilgileri görünür. Ekran görüntülerini paylaştığınızda IP bilgilerinizi görünür.",
     "SignInFailed": "Giriş Başarısız",
     "SignInFailedReason": "Neden"
   },
diff --git a/frontend/locales/zh.json b/frontend/locales/zh.json
index 6dc2289b6..8b8dce8b9 100644
--- a/frontend/locales/zh.json
+++ b/frontend/locales/zh.json
@@ -744,10 +744,10 @@
     "Congrats": "恭喜呀！",
     "OhNo_Message": "连通性检测没有通过，部分网站无法访问。",
     "Congrats_Message": "所有的连通性检测均通过，你可以访问所有网站。",
-    "maskedInfoTitle": "IP 隐藏成功",
-    "maskedInfoMessage": "IP 信息已隐藏，截图时请注意隐私。",
-    "unmaskedInfoTitle": "取消隐藏",
-    "unmaskedInfoMessage": "信息已显示，截图时请注意隐私。",
+    "maskedInfoTitle": "IP 信息已隐藏",
+    "maskedInfoMessage": "IP 信息已隐藏。分享截图不会泄露你的 IP 信息。",
+    "unmaskedInfoTitle": "IP 信息已显示",
+    "unmaskedInfoMessage": "IP 信息已显示。分享截图时请注意隐私。",
     "SignInFailed": "登录失败",
     "SignInFailedReason": "原因"
   },

From 79b7ac6898b31acf3535af771630b044fc373e80 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 09:54:26 +0800
Subject: [PATCH 30/52] Chore(cleanup): remove dead imports, exports, and
 unused preference key

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/components/advanced-tools/RuleTest.vue | 2 +-
 frontend/components/ui/tabs/Tabs.vue            | 1 -
 frontend/composables/use-status-tone.js         | 4 ++--
 frontend/data/default-preferences.js            | 1 -
 frontend/store.js                               | 2 +-
 frontend/utils/bgp-prefix.js                    | 2 +-
 tests/default-preferences.test.js               | 1 -
 7 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/components/advanced-tools/RuleTest.vue b/frontend/components/advanced-tools/RuleTest.vue
index c13f493e6..fe6beca00 100644
--- a/frontend/components/advanced-tools/RuleTest.vue
+++ b/frontend/components/advanced-tools/RuleTest.vue
@@ -91,7 +91,7 @@ import { Spinner } from '@/components/ui/spinner';
 import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
 import { useMaxmind } from '@/composables/use-maxmind.js';
 import { Icon } from '@iconify/vue';
-import { EthernetPort, MapPin, RotateCw, Waypoints, SignpostBig } from '@lucide/vue';
+import { EthernetPort, MapPin, RotateCw, Waypoints } from '@lucide/vue';
 import FitText from '@/components/widgets/FitText.vue';
 import { INLINE_TIERS } from '@/composables/use-fit-text.js';
 
diff --git a/frontend/components/ui/tabs/Tabs.vue b/frontend/components/ui/tabs/Tabs.vue
index 3154dd07f..208a3cf37 100644
--- a/frontend/components/ui/tabs/Tabs.vue
+++ b/frontend/components/ui/tabs/Tabs.vue
@@ -1,7 +1,6 @@
 <script setup>
 // shadcn-vue Tabs 根组件（refactor/01 阶段 C commit 2）
 import { TabsRoot } from 'reka-ui';
-import { cn } from '@/lib/utils';
 
 defineProps({
   modelValue: { type: String, default: undefined },
diff --git a/frontend/composables/use-status-tone.js b/frontend/composables/use-status-tone.js
index d021e72a0..a4231a56f 100644
--- a/frontend/composables/use-status-tone.js
+++ b/frontend/composables/use-status-tone.js
@@ -9,14 +9,14 @@
 // to these 4 tone levels, then calls dotClass(tone) / textClass(tone) to get the corresponding
 // Tailwind class. This way Connectivity / WebRTC / DnsLeak / future similar modules
 // all use the same visual language, and the color scheme is applied throughout the site.
-export const dotColorMap = {
+const dotColorMap = {
     'wait':    'bg-info',
     'ok-fast': 'bg-success',
     'ok-slow': 'bg-warning',
     'fail':    'bg-destructive',
 };
 
-export const textColorMap = {
+const textColorMap = {
     'wait':    'text-muted-foreground',
     'ok-fast': 'text-success',
     'ok-slow': 'text-warning',
diff --git a/frontend/data/default-preferences.js b/frontend/data/default-preferences.js
index 8a635cf3f..ca08b9988 100644
--- a/frontend/data/default-preferences.js
+++ b/frontend/data/default-preferences.js
@@ -8,7 +8,6 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   connectivityMultipleTests: false,
   simpleMode: false,
   autoStart: true,
-  hideUnavailableIPStack: false,
   popupConnectivityNotifications: false,
   ipCardsToShow: 2,
   ipGeoSource: 0,
diff --git a/frontend/store.js b/frontend/store.js
index bad8cb079..ec1929da9 100644
--- a/frontend/store.js
+++ b/frontend/store.js
@@ -1,6 +1,6 @@
 // store.js
 import { defineStore } from 'pinia';
-import { getAuth, GoogleAuthProvider, GithubAuthProvider, signInWithPopup, signOut as firebaseSignOut, onAuthStateChanged } from "firebase/auth";
+import { GoogleAuthProvider, GithubAuthProvider, signInWithPopup, signOut as firebaseSignOut, onAuthStateChanged } from "firebase/auth";
 import { auth } from './firebase-init.js';
 import i18n from './locales/i18n.js';
 import { createInitialAchievementsState } from './data/achievements.js';
diff --git a/frontend/utils/bgp-prefix.js b/frontend/utils/bgp-prefix.js
index ece232a6b..f4fb510ac 100644
--- a/frontend/utils/bgp-prefix.js
+++ b/frontend/utils/bgp-prefix.js
@@ -3,4 +3,4 @@
 // valid-ip.js and fetch-with-timeout.js).
 //
 //     import { toBgpPrefix } from '@/utils/bgp-prefix.js';
-export { toBgpPrefix, isValidBgpPrefix } from '../../common/bgp-prefix.js';
+export { toBgpPrefix } from '../../common/bgp-prefix.js';
diff --git a/tests/default-preferences.test.js b/tests/default-preferences.test.js
index 543a91f98..0bbc66c6e 100644
--- a/tests/default-preferences.test.js
+++ b/tests/default-preferences.test.js
@@ -17,7 +17,6 @@ describe('DEFAULT_PREFERENCES', () => {
       connectivityMultipleTests: false,
       simpleMode: false,
       autoStart: true,
-      hideUnavailableIPStack: false,
       popupConnectivityNotifications: false,
       ipCardsToShow: 2,
       ipGeoSource: 0,

From 8b6ee36721bfcdde212fae81cf22fd466ec8b408 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 09:56:19 +0800
Subject: [PATCH 31/52] Style: remove dead legacy CSS classes

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/style/style.css | 230 ---------------------------------------
 1 file changed, 230 deletions(-)

diff --git a/frontend/style/style.css b/frontend/style/style.css
index 39ae43a31..f139054a3 100644
--- a/frontend/style/style.css
+++ b/frontend/style/style.css
@@ -199,40 +199,6 @@
   animation: jn-accordion-up 200ms ease-out;
 }
 
-.jn-title {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  flex-direction: row;
-  margin-top: 10pt;
-  margin-bottom: 10pt;
-}
-
-.jn-title2 {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  flex-direction: row;
-  margin-top: 10pt;
-  margin-bottom: 10pt;
-}
-
-.jn-ip-title {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: row;
-  border: 0;
-  background-color: unset;
-}
-
-.jn-alert {
-  z-index: 9999;
-  position: fixed;
-  width: 100%;
-  bottom: 0;
-}
-
 .jn-card {
   box-shadow: 0 0 10pt #0000001c;
   height: 100%;
@@ -251,36 +217,6 @@
   max-width: 1400px;
 }
 
-.jn-con-title {
-  font-size: 1.25rem;
-  font-weight: 500;
-  line-height: 1.2;
-}
-
-.jn-text {
-  height: fit-content;
-}
-
-.jn-fl {
-  box-shadow: 0 0 1pt #201f1f70;
-}
-
-.jn-list-group-item {
-  border-bottom: 1px dashed rgb(222, 226, 230);
-  padding: 12px 4px 12px 4px;
-  display: flex;
-  margin: 0;
-}
-
-.jn-navbar-top {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 9999;
-  border-bottom: 1px solid #0000001c;
-
-}
-
 footer {
   height: 100pt;
   padding-top: 20pt;
@@ -290,33 +226,6 @@ footer {
   footer {
     height: 140pt;
   }
-
-  .speedtest-h5 {
-    /* font-size: 12px; */
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}
-
-.jn-radio {
-  display: flex;
-  justify-content: flex-end;
-  align-items: stretch;
-  flex-direction: row;
-}
-
-.jn-logo {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex-direction: row;
-}
-
-.dark-mode {
-  background-color: #212529 !important;
-  color: #e3e3e3 !important;
-  border-color: #757575;
 }
 
 .body-dark-mode {
@@ -325,157 +234,18 @@ footer {
   border-color: #757575;
 }
 
-.dark-mode::placeholder {
-  color: #e3e3e38e !important;
-}
-
-.dark-mode-border {
-  border-color: #89949f57;
-  box-shadow: 0 0 4pt #154b8022;
-}
-
-.dark-mode-title {
-  background-color: #171a1d;
-}
-
-.dark-mode-nav {
-  background-color: #171a1d !important;
-  border-color: #a8a8a863 !important;
-}
-
-.jn-deactive {
-  opacity: 0.5;
-}
-
-.active {
-  opacity: 1 !important;
-}
-
-.dark-mode-nav-border {
-  border-color: #a8a8a863 !important;
-}
-
-.dark-mode-close-button {
-  background-color: white;
-}
-
-.dark-mode-refresh {
-  background-color: #141618;
-}
-
-.dark-mode-refresh:hover {
-  background-color: #00000054;
-}
-
-.mobile-list {
-  border: 0;
-}
-
-.mobile-h2 {
-  font-size: 1.25rem;
-}
-
-.mobile-h3 {
-  font-size: 1.25rem;
-}
-
-.mobile-h6 {
-  font-size: 0.8rem;
-}
-
-[v-cloak] {
-  display: none;
-}
-
 .hidden {
   display: none !important;
 }
 
-.jn-dark-mode-help-border {
-  border-color: #a8a8a863 !important;
-}
-
-.jn-border-bottom-none {
-  border-bottom: none !important;
-}
-
-.jn-help-note {
-  background: linear-gradient(to right, #e04343, orange, #8d8d22, green, #50c0ae, indigo, violet);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-
-.jn-progress {
-  padding-bottom: 20pt;
-}
-
-.jn-opacity-0 {
-  opacity: 0;
-}
-
-.jn-progress-dark {
-  background-color: #4b4b4b !important;
-}
-
 *:focus {
   outline: none;
 }
 
-.jn-speedtest-number {
-  font-size: 2em;
-}
-
-.jn-ip-score {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.jn-speedtest-note {
-  background-color: #b2d6c33b;
-  border: 1px solid #1a8754;
-  margin: 0;
-  border-radius: 6pt;
-}
-
-/* .jn-speedtest-note::before {
-  content: "";
-  border-top: 1px solid #19945a5c;
-  width: 50%;
-  margin: 0 auto;
-} */
-
 .speedtest-p {
   margin-top: 10pt;
 }
 
-.jn-ping-form-select {
-  min-width: 140pt;
-}
-
 .svgMap-tooltip {
   z-index: 10001 !important;
-}
-.fs-7 {
-  font-size: 0.9rem !important;
-}
-.jn-check-dark:checked {
-  background-color: #ffffff;
-  border-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23212529'/%3e%3c/svg%3e");
-
-}
-
-.jn-check-dark:focus {
-  border-color: #ffffff;
-}
-
-.jn-check-light:checked {
-  background-color: #212529;
-  border-color: #212529;
-}
-
-.jn-check-light:focus {
-  border-color: #212529;
 }
\ No newline at end of file

From e5492e614d94fecf5ef46c2a783b178cd4858021 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 09:58:39 +0800
Subject: [PATCH 32/52] Chore(i18n): drop dead locale keys across en/zh/fr/tr

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/locales/en.json | 28 +---------------------------
 frontend/locales/fr.json | 28 +---------------------------
 frontend/locales/tr.json | 28 +---------------------------
 frontend/locales/zh.json | 28 +---------------------------
 4 files changed, 4 insertions(+), 108 deletions(-)

diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index b481a2c1c..2972600eb 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -218,12 +218,8 @@
     "browser": {
       "Infos": "Browser Information",
       "browserName": "Browser Name",
-      "browserVersion": "Version",
       "engineName": "Engine",
-      "engineVersion": "Version",
       "osName": "Operating System",
-      "osVersion": "Version",
-      "deviceModel": "Model",
       "deviceVendor": "Manufacturer",
       "cpuArchitecture": "CPU Architecture",
       "gpu": "GPU",
@@ -520,7 +516,6 @@
     "RefreshWebRTC": "Refresh WebRTC Leak Test",
     "RefreshDNSLeakTest": "Refresh DNS Leak Test",
     "SpeedTestButton": "Start/Pause Speed Test",
-    "SourceSelect": "Select IP Geolocation Source",
     "ShowASNInfo": "Show AS Details",
     "ShowASNHistory": "Show ASN History",
     "ShowASNConnectivity": "Show ASN Connectivity",
@@ -529,20 +524,12 @@
     "ViewOnMap": "View location on map",
     "InfoMask": "Hide IP Information",
     "QueryIP": "Query IP Address",
-    "GithubLink": "View Source Code on GitHub",
-    "RefreshRuleTests": "Refresh Rule Tests",
-    "qualityScoreExplain": "The IP quality score is calculated based on multiple weighted factors, including the type of IP, whether it is a proxy/VPN, and the number of recent attack events detected from this IP. A higher score indicates better IP quality, reducing the likelihood of being blocked by risk control on some websites."
+    "GithubLink": "View Source Code on GitHub"
   },
   "ipInfos": {
-    "id": "ipinfos",
-    "database": "Database",
     "Title": "IP Infos",
     "Notes": "The program will first check your IP address from different sources (including IPv4 and IPv6), and then query the corresponding geographical data from the IP geolocation source you selected. If there is only 1 IP stack, the source without data will be displayed as empty.",
-    "Simple": "Simple",
-    "Map": "Map",
-    "MapUnavailable": "Map Unavailable",
     "Source": "IP Source",
-    "IP": "IP",
     "Country": "Region",
     "Region": "State",
     "City": "City",
@@ -551,7 +538,6 @@
     "Coordinates": "Coordinates",
     "IPv4Error": "Fetch Failed or No IPv4 Address",
     "IPv6Error": "Fetch Failed or No IPv6 Address",
-    "SelectSource": "Select IP Geolocation Source",
     "type": "Type",
     "isProxy": "Proxy",
     "qualityScore": "IP Quality",
@@ -599,7 +585,6 @@
       "proxyMaybe": "Possible proxy / VPN",
       "proxyNo": "Not flagged",
       "proxyUnknown": "Unknown type",
-      "proxyUnknownProtocol": "Unknown protocol",
       "type": {
         "Residential": "Residential",
         "Wireless": "Wireless",
@@ -614,7 +599,6 @@
     }
   },
   "connectivity": {
-    "id": "connectivity",
     "Title": "Network Connectivity",
     "Note": "Testing is done by loading small images from corresponding websites. Delay values are for reference only and will be smaller in reality. You can add other websites you frequently use to the test list for quick testing.",
     "StatusWait": "Awaiting Test",
@@ -658,7 +642,6 @@
     }
   },
   "dnsleaktest": {
-    "id": "dnsleaktest",
     "Name": "DNS Endpoint Test",
     "Title": "DNS Leak Test",
     "Note": "A DNS leak means that when you are connected to a VPN/proxy, your domain name resolutions are still done through your local ISP, thus posing a risk of DNS leaks.",
@@ -673,22 +656,17 @@
     }
   },
   "speedtest": {
-    "id": "speedtest",
     "Title": "Speed Test",
     "Note": "The speed test will be conducted using Cloudflare's edge network. You can choose the packet size for download and upload according to your needs. During the test, packets will be uploaded and downloaded 4 times — please be mindful of data usage. Since Cloudflare does not deploy edge nodes in every country worldwide, the results are for reference only; actual speeds may be faster.",
     "Download": "Download",
     "Upload": "Upload",
     "Latency": "Latency",
     "Jitter": "Jitter",
-    "Unit": "Mbps",
-    "StatusWait": "--",
-    "StatusError": "Test Error",
     "loadedLatency": "Loaded latency: ",
     "videoStreaming": "Video Streaming: ",
     "gaming": ", Gaming: ",
     "rtc": ", Video Chatting: ",
     "score": "Based on the speed test, got the following quality scores:",
-    "resultNote": ".",
     "connectionFrom": "Finished speed test from your machine, IP: ",
     "connectionTo": " to test server:",
     "connectionEnd": " .",
@@ -718,7 +696,6 @@
     "Error": "Test failed, it looks like your IP is not allowed to perform Ping test."
   },
   "mtrtest": {
-    "id": "mtrtest",
     "Title": "MTR Test",
     "Note": "The MTR (My Traceroute) test performs detailed route tracing of your IP address from servers located in different continents and regions around the world. MTR combines the functionality of traditional traceroute and ping commands to diagnose the quality and performance of network connections in real-time.",
     "Note2": "This process covers the complete path from various geographical locations to your network environment, providing information on latency and packet loss for each hop. Whether it's congestion in the routing path, latency issues at a specific node, or packet loss during transmission, the MTR test provides critical diagnostic information.",
@@ -728,14 +705,12 @@
     "Error": "Test failed, it looks like your IP is not allowed to perform MTR test."
   },
   "ipcheck": {
-    "id": "ipcheck",
     "Title": "IP Check",
     "Placeholder": "e.g. 1.1.1.1",
     "Error": "Please enter a valid IPv4 or IPv6 address.",
     "NoData": "Unable to fetch information for this IP. It may be unroutable (e.g. 0.0.0.0, private address) or the upstream source has no data for it."
   },
   "alert": {
-    "id": "alert",
     "refreshEverythingMessage": "Refreshing all data, please wait...",
     "refreshEverythingTitle": "Refreshing",
     "OhNo": "Oh No!",
@@ -750,7 +725,6 @@
     "SignInFailedReason": "Reason"
   },
   "shortcutKeys": {
-    "id": "shortcutKeys",
     "GoToTop": "Go to Top",
     "GoToBottom": "Go to Bottom",
     "ToggleDarkMode": "Toggle Dark Mode",
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index b4378ac74..46c26e427 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -218,12 +218,8 @@
     "browser": {
       "Infos": "Informations du Navigateur",
       "browserName": "Nom du Navigateur",
-      "browserVersion": "Version",
       "engineName": "Moteur",
-      "engineVersion": "Version",
       "osName": "Système d'Exploitation",
-      "osVersion": "Version",
-      "deviceModel": "Modèle",
       "deviceVendor": "Fabricant",
       "cpuArchitecture": "Architecture CPU",
       "gpu": "GPU",
@@ -520,7 +516,6 @@
     "RefreshWebRTC": "Actualiser le test WebRTC Leak",
     "RefreshDNSLeakTest": "Actualiser le test de fuite DNS",
     "SpeedTestButton": "Démarrer/Pause le test de vitesse",
-    "SourceSelect": "Sélectionner la source de géolocalisation IP",
     "ShowASNInfo": "Afficher les détails AS",
     "ShowASNHistory": "Afficher l'historique ASN",
     "ShowASNConnectivity": "Afficher la connectivité ASN",
@@ -529,20 +524,12 @@
     "ViewOnMap": "Voir l'emplacement sur la carte",
     "InfoMask": "Masquer les informations IP",
     "QueryIP": "Interroger l'adresse IP",
-    "GithubLink": "Voir le code source sur GitHub",
-    "RefreshRuleTests": "Actualiser les tests de règles",
-    "qualityScoreExplain": "Le score de qualité IP est calculé sur la base de plusieurs facteurs pondérés, incluant le type d'IP, si c'est un proxy/VPN, et le nombre d'événements d'attaque récemment détectés provenant de cette IP. Un score plus élevé indique une meilleure qualité de l'IP, réduisant la probabilité d'être bloqué par le contrôle de risques sur certains sites."
+    "GithubLink": "Voir le code source sur GitHub"
   },
   "ipInfos": {
-    "id": "ipinfos",
-    "database": "Données",
     "Title": "Infos IP",
     "Notes": "Le programme vérifie d'abord votre adresse IP à partir des sources différentes (y compris IPv4 et IPv6), puis interroge les données géographiques correspondantes à partir de la source d'informations de localisation IP que vous avez sélectionnée. Si vous n'avez qu'une seule pile IP active, les sources de données non disponibles seront affichées comme vides.",
-    "Simple": "Simple",
-    "Map": "Carte",
-    "MapUnavailable": "Carte non disponible",
     "Source": "Source IP",
-    "IP": "IP",
     "Country": "Région",
     "Region": "État",
     "City": "Ville",
@@ -551,7 +538,6 @@
     "Coordinates": "Coordonnées",
     "IPv4Error": "Échec de récupération ou pas d'adresse IPv4",
     "IPv6Error": "Échec de récupération ou pas d'adresse IPv6",
-    "SelectSource": "Source de géolocalisation IP",
     "type": "Type",
     "isProxy": "Proxy",
     "qualityScore": "Qualité IP",
@@ -599,7 +585,6 @@
       "proxyMaybe": "Probablement proxy / VPN",
       "proxyNo": "Non signalé",
       "proxyUnknown": "Type inconnu",
-      "proxyUnknownProtocol": "Protocole inconnu",
       "type": {
         "Residential": "Résidentiel",
         "Wireless": "Sans fil",
@@ -614,7 +599,6 @@
     }
   },
   "connectivity": {
-    "id": "connectivity",
     "Title": "Connectivité réseau",
     "Note": "Tests via chargement d'images à partir des sites correspondants. Les valeurs de délai sont données à titre indicatif seulement et seront plus petites en réalité. Vous pouvez ajouter d'autres sites web que vous utilisez fréquemment à la liste de tests pour des tests rapides.",
     "StatusWait": "En attente du test",
@@ -658,7 +642,6 @@
     }
   },
   "dnsleaktest": {
-    "id": "dnsleaktest",
     "Name": "Test de point de DNS",
     "Title": "Test de fuite DNS",
     "Note": "Une fuite DNS signifie que lorsque vous êtes connecté à un VPN/proxy, vos résolutions de noms de domaine sont toujours effectuées via votre fournisseur d'accès Internet local, ce qui pose un risque de fuite DNS.",
@@ -673,22 +656,17 @@
     }
   },
   "speedtest": {
-    "id": "speedtest",
     "Title": "Test de vitesse",
     "Note": "Le test de vitesse sera effectué via le réseau périphérique de Cloudflare. Vous pouvez choisir la taille des paquets de téléchargement et de téléversement selon vos besoins. Pendant le test, les paquets seront téléchargés et téléversés 4 fois — veuillez tenir compte de votre consommation de données. Cloudflare ne disposant pas de nœuds périphériques dans tous les pays, les résultats sont donnés à titre indicatif ; la vitesse réelle peut être plus élevée.",
     "Download": "Téléchargement",
     "Upload": "Téléversement",
     "Latency": "Latence",
     "Jitter": "Gigue",
-    "Unit": "Mbps",
-    "StatusWait": "--",
-    "StatusError": "Erreur de test",
     "loadedLatency": "Latence en charge : ",
     "videoStreaming": "Streaming vidéo : ",
     "gaming": ", Jeu : ",
     "rtc": ", Chat vidéo : ",
     "score": "Sur la base du test de vitesse, voici les scores de qualité suivants :",
-    "resultNote": ".",
     "connectionFrom": "Test de vitesse terminé depuis votre machine, IP: ",
     "connectionTo": " vers le serveur de test:",
     "connectionEnd": " .",
@@ -718,7 +696,6 @@
     "Error": "Échec du test, il semble que votre IP ne soit pas autorisée à effectuer le test de ping."
   },
   "mtrtest": {
-    "id": "mtrtest",
     "Title": "Test MTR",
     "Note": "Le test MTR (My Traceroute) effectue une traçabilité détaillée de votre adresse IP à partir de serveurs situés sur différents continents et régions du monde. Le test MTR combine les fonctionnalités des commandes de traceroute traditionnelles et de ping pour diagnostiquer la qualité et les performances des connexions réseau en temps réel.",
     "Note2": "Ce processus couvre le chemin complet depuis différentes localisations géographiques jusqu'à votre environnement réseau, fournissant des informations sur la latence et la perte de paquets pour chaque saut. Qu'il s'agisse de congestion dans le chemin de routage, de problèmes de latence à un nœud spécifique ou de perte de paquets pendant la transmission, le test MTR fournit des informations de diagnostic essentielles.",
@@ -728,14 +705,12 @@
     "Error": "Échec du test, il semble que votre IP ne soit pas autorisée à effectuer le test MTR."
   },
   "ipcheck": {
-    "id": "ipcheck",
     "Title": "Vérification IP",
     "Placeholder": "ex. 1.1.1.1",
     "Error": "Veuillez entrer une adresse IPv4 ou IPv6 valide.",
     "NoData": "Impossible de récupérer les informations pour cette IP. Elle peut être non routable (ex. 0.0.0.0, adresse privée) ou la source amont n'a pas de données pour celle-ci."
   },
   "alert": {
-    "id": "alert",
     "refreshEverythingMessage": "Actualisation de toutes les données, veuillez patienter...",
     "refreshEverythingTitle": "Actualisation",
     "OhNo": "Oh non !",
@@ -750,7 +725,6 @@
     "SignInFailedReason": "Raison"
   },
   "shortcutKeys": {
-    "id": "shortcutKeys",
     "GoToTop": "Aller en haut",
     "GoToBottom": "Aller en bas",
     "ToggleDarkMode": "Activer/désactiver le mode sombre",
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index a94782dda..cefeb3531 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -218,12 +218,8 @@
     "browser": {
       "Infos": "Tarayıcı Bilgileri",
       "browserName": "Tarayıcı Adı",
-      "browserVersion": "Sürüm",
       "engineName": "Motor",
-      "engineVersion": "Sürüm",
       "osName": "İşletim Sistemi",
-      "osVersion": "Sürüm",
-      "deviceModel": "Model",
       "deviceVendor": "Üretici",
       "cpuArchitecture": "CPU Mimarisi",
       "gpu": "GPU",
@@ -519,7 +515,6 @@
     "RefreshWebRTC": "WebRTC Sızıntı Testini Yenile",
     "RefreshDNSLeakTest": "DNS Sızıntı Testini Yenile",
     "SpeedTestButton": "Hız Testini Başlat/Duraklat",
-    "SourceSelect": "IP Coğrafi Konum Kaynağını Seç",
     "ShowASNInfo": "AS Detaylarını Göster",
     "ShowASNHistory": "ASN Geçmişini Göster",
     "ShowASNConnectivity": "ASN Bağlantı Haritasını Göster",
@@ -528,20 +523,12 @@
     "ViewOnMap": "Konumu haritada görüntüle",
     "InfoMask": "IP Bilgilerini Gizle",
     "QueryIP": "IP Adresini Sorgula",
-    "GithubLink": "Kaynak Kodunu GitHub'da Görüntüle",
-    "RefreshRuleTests": "Kural Testlerini Yenile",
-    "qualityScoreExplain": "IP kalite puanı, IP'nin türü, proxy/VPN olup olmadığı ve bu IP'den son zamanlarda tespit edilen saldırı olaylarının sayısı dahil olmak üzere birden fazla ağırlıklı faktöre göre hesaplanır. Daha yüksek bir puan, daha iyi IP kalitesi anlamına gelir ve bazı web sitelerinde risk kontrolü tarafından engellenme olasılığını azaltır."
+    "GithubLink": "Kaynak Kodunu GitHub'da Görüntüle"
   },
   "ipInfos": {
-    "id": "ipinfos",
-    "database": "Veritabanı",
     "Title": "IP Bilgileri",
     "Notes": "Program önce IP adresinizi farklı kaynaklardan (IPv4 ve IPv6 dahil) kontrol edecek ve ardından seçtiğiniz IP coğrafi konum kaynağından ilgili coğrafi verileri sorgulayacaktır. Yalnızca 1 IP yığını varsa, verisi olmayan kaynak boş olarak görüntülenecektir.",
-    "Simple": "Basit",
-    "Map": "Harita",
-    "MapUnavailable": "Harita Kullanılamıyor",
     "Source": "IP Kaynağı",
-    "IP": "IP",
     "Country": "Bölge",
     "Region": "Eyalet",
     "City": "Şehir",
@@ -550,7 +537,6 @@
     "Coordinates": "Koordinatlar",
     "IPv4Error": "Alım Başarısız veya IPv4 Adresi Yok",
     "IPv6Error": "Alım Başarısız veya IPv6 Adresi Yok",
-    "SelectSource": "IP Coğrafi Konum Kaynağını Seç",
     "type": "Tür",
     "isProxy": "Proxy",
     "qualityScore": "IP Kalitesi",
@@ -598,7 +584,6 @@
       "proxyMaybe": "Olası proxy / VPN",
       "proxyNo": "İşaretlenmedi",
       "proxyUnknown": "Bilinmeyen tür",
-      "proxyUnknownProtocol": "Bilinmeyen protokol",
       "type": {
         "Residential": "Konut",
         "Wireless": "Kablosuz",
@@ -613,7 +598,6 @@
     }
   },
   "connectivity": {
-    "id": "connectivity",
     "Title": "Ağ Bağlantısı",
     "Note": "Test, ilgili web sitelerinden küçük resimler yüklenerek yapılır. Gecikme değerleri yalnızca referans amaçlıdır ve gerçekte daha küçük olacaktır. Sık kullandığınız diğer web sitelerini test listesine ekleyerek hızlı testler yapabilirsiniz.",
     "StatusWait": "Test Bekleniyor",
@@ -657,7 +641,6 @@
     }
   },
   "dnsleaktest": {
-    "id": "dnsleaktest",
     "Name": "DNS Uç Noktası Testi",
     "Title": "DNS Sızıntı Testi",
     "Note": "DNS sızıntısı, bir VPN/proxy'ye bağlıyken alan adı çözümlemelerinizin hala yerel İSS'niz aracılığıyla yapılması anlamına gelir, bu da DNS sızıntısı riski oluşturur.",
@@ -672,22 +655,17 @@
     }
   },
   "speedtest": {
-    "id": "speedtest",
     "Title": "Hız Testi",
     "Note": "Hız testi, Cloudflare'in kenar ağı kullanılarak gerçekleştirilecektir. İndirme ve yükleme için veri paketi boyutunu ihtiyacınıza göre seçebilirsiniz. Test sırasında veri paketleri 4 kez yüklenip indirilecektir; lütfen veri tüketimine dikkat edin. Cloudflare dünyadaki her ülkede kenar düğümü bulundurmadığından, test sonuçları yalnızca referans niteliğindedir ve gerçek hız daha yüksek olabilir.",
     "Download": "İndirme",
     "Upload": "Yükleme",
     "Latency": "Gecikme",
     "Jitter": "Jitter",
-    "Unit": "Mbps",
-    "StatusWait": "--",
-    "StatusError": "Test Hatası",
     "loadedLatency": "Yüklü gecikme: ",
     "videoStreaming": "Video Akışı: ",
     "gaming": ", Oyun: ",
     "rtc": ", Görüntülü Sohbet: ",
     "score": "Hız testine dayanarak, aşağıdaki kalite puanları alındı:",
-    "resultNote": ".",
     "connectionFrom": "Makinenizden hız testi tamamlandı, IP: ",
     "connectionTo": " test sunucusuna:",
     "connectionEnd": " .",
@@ -717,7 +695,6 @@
     "Error": "Test başarısız oldu, görünüşe göre IP'nizin Ping testi yapmasına izin verilmiyor."
   },
   "mtrtest": {
-    "id": "mtrtest",
     "Title": "MTR Testi",
     "Note": "MTR (My Traceroute) testi, dünyanın farklı kıtalarında ve bölgelerinde bulunan sunuculardan IP adresinize ayrıntılı rota takibi yapar. MTR, ağ bağlantılarının kalitesini ve performansını gerçek zamanlı olarak teşhis etmek için geleneksel traceroute ve ping komutlarının işlevselliğini birleştirir.",
     "Note2": "Bu süreç, çeşitli coğrafi konumlardan ağ ortamınıza giden tüm yolu kapsar ve her atlama (hop) için gecikme ve paket kaybı hakkında bilgi sağlar. İster yönlendirme yolundaki tıkanıklık, ister belirli bir düğümdeki gecikme sorunları veya iletim sırasındaki paket kaybı olsun, MTR testi kritik teşhis bilgileri sağlar.",
@@ -727,14 +704,12 @@
     "Error": "Test başarısız oldu, görünüşe göre IP'nizin MTR testi yapmasına izin verilmiyor."
   },
   "ipcheck": {
-    "id": "ipcheck",
     "Title": "IP Kontrolü",
     "Placeholder": "örn. 1.1.1.1",
     "Error": "Lütfen geçerli bir IPv4 veya IPv6 adresi girin.",
     "NoData": "Bu IP için bilgi alınamadı. Yönlendirilemez bir adres olabilir (örn. 0.0.0.0, özel adres) veya kaynak bu IP için veri bulamadı."
   },
   "alert": {
-    "id": "alert",
     "refreshEverythingMessage": "Tüm veriler yenileniyor, lütfen bekleyin...",
     "refreshEverythingTitle": "Yenileniyor",
     "OhNo": "Eyvah!",
@@ -749,7 +724,6 @@
     "SignInFailedReason": "Neden"
   },
   "shortcutKeys": {
-    "id": "shortcutKeys",
     "GoToTop": "En Üste Git",
     "GoToBottom": "En Alta Git",
     "ToggleDarkMode": "Karanlık Modu Değiştir",
diff --git a/frontend/locales/zh.json b/frontend/locales/zh.json
index 8b8dce8b9..f930ba702 100644
--- a/frontend/locales/zh.json
+++ b/frontend/locales/zh.json
@@ -218,12 +218,8 @@
     "browser": {
       "Infos": "浏览器信息",
       "browserName": "浏览器名称",
-      "browserVersion": "版本",
       "engineName": "引擎",
-      "engineVersion": "版本",
       "osName": "系统",
-      "osVersion": "版本",
-      "deviceModel": "型号",
       "deviceVendor": "制造商",
       "cpuArchitecture": "CPU 架构",
       "gpu": "GPU",
@@ -522,7 +518,6 @@
     "RefreshWebRTC": "刷新 WebRTC 泄露测试",
     "RefreshDNSLeakTest": "刷新 DNS 泄漏测试",
     "SpeedTestButton": "开始/暂停网速测试",
-    "SourceSelect": "选择 IP 归属地数据来源",
     "ShowASNInfo": "显示 AS 详细信息",
     "ShowASNHistory": "显示 ASN 历史",
     "ShowASNConnectivity": "显示 ASN 连接图",
@@ -531,20 +526,12 @@
     "ViewOnMap": "在地图上查看位置",
     "InfoMask": "隐藏信息",
     "QueryIP": "查询 IP 信息",
-    "GithubLink": "查看源代码",
-    "RefreshRuleTests": "刷新规则测试",
-    "qualityScoreExplain": "IP 质量分根据多个因素加权计算出来，包含了 IP 的类型、是否属于代理/VPN 和近期监测到来自该 IP 的攻击事件数量等。分数越高，意味着该 IP 的质量越好，在一些网站里，这个 IP 被风控阻断的概率就越低。"
+    "GithubLink": "查看源代码"
   },
   "ipInfos": {
-    "id": "ipinfos",
-    "database": "数据源",
     "Title": "IP 信息",
     "Notes": "程序会先从多个不同的来源（包含 IPv4 和 IPv6）检查你的 IP 地址，然后通过你选择的 IP 地理位置信息源查询对应的地理数据。如果当前 IP 栈只有 1 个，则没有数据的来源会显示为空。",
-    "Simple": "简约",
-    "Map": "地图",
-    "MapUnavailable": "地图不可用",
     "Source": "IP 来源",
-    "IP": "IP",
     "Country": "地区",
     "Region": "省份",
     "City": "城市",
@@ -553,7 +540,6 @@
     "Coordinates": "经纬度",
     "IPv4Error": "获取失败或不存在 IPv4 地址",
     "IPv6Error": "获取失败或不存在 IPv6 地址",
-    "SelectSource": "选择 IP 归属地数据来源",
     "type": "类型",
     "isProxy": "代理",
     "qualityScore": "IP 质量分",
@@ -601,7 +587,6 @@
       "proxyMaybe": "疑似代理 / VPN",
       "proxyNo": "未识别为代理",
       "proxyUnknown": "未知类型",
-      "proxyUnknownProtocol": "未知协议",
       "type": {
         "Residential": "住宅线路",
         "Wireless": "无线网络",
@@ -616,7 +601,6 @@
     }
   },
   "connectivity": {
-    "id": "connectivity",
     "Title": "网络连通性",
     "Note": "通过加载对应网站上的小图片进行测试，延迟值仅供参考，实际会更小。你可以添加其它你常用的网站到测试列表中，方便快速测试。",
     "StatusWait": "待检测",
@@ -660,7 +644,6 @@
     }
   },
   "dnsleaktest": {
-    "id": "dnsleaktest",
     "Name": "DNS 出口检测",
     "Title": "DNS 泄漏测试",
     "Note": "DNS 泄露（DNS Leaks）的意思是，当你挂上 VPN/代理后，你解析域名时，依然通过当地的运营商进行解析，这时就有 DNS 泄露的风险。",
@@ -675,22 +658,17 @@
     }
   },
   "speedtest": {
-    "id": "speedtest",
     "Title": "网速测试",
     "Note": "将从 Cloudflare 使用边缘网络进行速度测试。你可以根据需要，选择测速时下载和上传的数据包大小。测速过程中，会进行 4 次数据包上传与下载，请注意流量消耗。考虑到 Cloudflare 并非在全球每一个国家都部署边缘节点，测速结果仅供参考，实际速度可能更快。",
     "Download": "下载",
     "Upload": "上传",
     "Latency": "延迟",
     "Jitter": "抖动",
-    "Unit": "Mbps",
-    "StatusWait": "--",
-    "StatusError": "测试出错",
     "loadedLatency": "满载延迟：",
     "videoStreaming": "在线视频：",
     "gaming": " ，在线游戏：",
     "rtc": " ，视频会议：",
     "score": "根据网速测试，得出以下质量分数：",
-    "resultNote": " 。",
     "connectionFrom": "已完成从你的机器，IP：",
     "connectionTo": "与测速服务器：",
     "connectionEnd": " 的测试。",
@@ -720,7 +698,6 @@
     "Error": "测试失败，看起来你的 IP 不允许进行 Ping 测试。"
   },
   "mtrtest": {
-    "id": "mtrtest",
     "Title": "MTR 测试",
     "Note": "MTR (My Traceroute) 测试会从遍布全球不同大洲和地区的服务器出发，对你的 IP 地址进行详细的路由跟踪。MTR 结合了传统 traceroute 和 ping 命令的功能，能够实时地诊断网络连接的质量和性能。",
     "Note2": "这个过程涵盖了从各个地理位置到你的网络环境的完整路径，提供关于每一跳的延迟和数据包丢失信息。无论是路由路径的拥堵、某个特定节点的延迟问题，还是数据包在传输过程中的丢失，MTR 测试都能提供关键的诊断信息。",
@@ -730,14 +707,12 @@
     "Error": "测试失败，看起来你的 IP 不允许进行 MTR 测试。"
   },
   "ipcheck": {
-    "id": "ipcheck",
     "Title": "IP 查询",
     "Placeholder": "例如 1.1.1.1",
     "Error": "请输入有效的 IPv4 或 IPv6 地址。",
     "NoData": "无法查询到该 IP 的信息。可能是不可路由地址（如 0.0.0.0、私有地址）或数据源没有该 IP 的记录。"
   },
   "alert": {
-    "id": "alert",
     "refreshEverythingMessage": "正在刷新所有数据，请等待...",
     "refreshEverythingTitle": "正在刷新",
     "OhNo": "糟糕！",
@@ -752,7 +727,6 @@
     "SignInFailedReason": "原因"
   },
   "shortcutKeys": {
-    "id": "shortcutKeys",
     "GoToTop": "回到顶部",
     "GoToBottom": "回到底部",
     "ToggleDarkMode": "切换深色模式",

From 9dcb1529cd31b231d6dc355720afcc84039510f2 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 09:59:56 +0800
Subject: [PATCH 33/52] Chore(ui): remove unused button-group primitive
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The button-group primitive (ButtonGroup.vue + index.js) had zero usages
across the frontend and was not globally registered. Remove the directory
and drop its references from frontend/AGENTS.md (primitive count 23 → 22,
removed from the primitives list and the project-specific bullet section).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/AGENTS.md                            |  7 ++--
 .../ui/button-group/ButtonGroup.vue           | 38 -------------------
 frontend/components/ui/button-group/index.js  |  1 -
 3 files changed, 3 insertions(+), 43 deletions(-)
 delete mode 100644 frontend/components/ui/button-group/ButtonGroup.vue
 delete mode 100644 frontend/components/ui/button-group/index.js

diff --git a/frontend/AGENTS.md b/frontend/AGENTS.md
index 9c07026f6..492bc4ee7 100644
--- a/frontend/AGENTS.md
+++ b/frontend/AGENTS.md
@@ -67,13 +67,12 @@ Before hand-rolling a UI component (button, dialog, popover, list, etc.):
 
 ### Primitives
 
-Located at `frontend/components/ui/`. 23 primitives copied in:
+Located at `frontend/components/ui/`. 22 primitives copied in:
 
-`accordion` · `badge` · `button` · `button-group` · `card` · `collapsible` · `dialog` (with `DialogHeader`) · `drawer` (vaul-vue) · `dropdown-menu` · `input` · `input-group` (with `InputGroupAddon` / `InputGroupButton` / `InputGroupInput` / `InputGroupText` / `InputGroupTextarea`) · `progress` · `select` · `separator` · `sheet` · `sonner` · `spinner` · `switch` · `table` (with `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell`) · `tabs` · `textarea` · `toggle-group` · `tooltip`
+`accordion` · `badge` · `button` · `card` · `collapsible` · `dialog` (with `DialogHeader`) · `drawer` (vaul-vue) · `dropdown-menu` · `input` · `input-group` (with `InputGroupAddon` / `InputGroupButton` / `InputGroupInput` / `InputGroupText` / `InputGroupTextarea`) · `progress` · `select` · `separator` · `sheet` · `sonner` · `spinner` · `switch` · `table` (with `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell`) · `tabs` · `textarea` · `toggle-group` · `tooltip`
 
-Two are project-specific, not in stock shadcn-vue:
+One is project-specific, not in stock shadcn-vue:
 
-- **`ButtonGroup`** — visual container for stitching buttons together.
 - **`Spinner`** — lucide `Loader2` + `animate-spin` + `role="status"`.
 
 ### Design tokens
diff --git a/frontend/components/ui/button-group/ButtonGroup.vue b/frontend/components/ui/button-group/ButtonGroup.vue
deleted file mode 100644
index fd01bbbcd..000000000
--- a/frontend/components/ui/button-group/ButtonGroup.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup>
-// shadcn-vue Button Group：把一组 Button 视觉上拼接成一体
-// - 相邻 Button 的内侧 border / rounding 取消，外侧保留；-ml-px 让 border 重叠不加粗
-// - 支持 horizontal（默认）/ vertical
-// 用法：<ButtonGroup><Button variant="outline">A</Button><Button ...>B</Button></ButtonGroup>
-// 常见搭配 Tab 语义时：active 项 variant="default"，其他 variant="outline"
-import { cn } from '@/lib/utils';
-
-defineProps({
-  orientation: { type: String, default: 'horizontal' }, // 'horizontal' | 'vertical'
-  class: { type: [String, Array, Object], default: undefined },
-});
-</script>
-
-<template>
-  <div
-    role="group"
-    data-slot="button-group"
-    :data-orientation="orientation"
-    :class="cn(
-      'inline-flex w-fit items-stretch',
-      '[&>*]:focus-visible:relative [&>*]:focus-visible:z-10',
-      // 横向：去掉相邻 Button 的内侧 rounding + 用负 margin 折叠相邻 border
-      'data-[orientation=horizontal]:flex-row',
-      'data-[orientation=horizontal]:[&>*:not(:first-child)]:rounded-l-none',
-      'data-[orientation=horizontal]:[&>*:not(:last-child)]:rounded-r-none',
-      'data-[orientation=horizontal]:[&>*:not(:first-child)]:-ml-px',
-      // 纵向
-      'data-[orientation=vertical]:flex-col',
-      'data-[orientation=vertical]:[&>*:not(:first-child)]:rounded-t-none',
-      'data-[orientation=vertical]:[&>*:not(:last-child)]:rounded-b-none',
-      'data-[orientation=vertical]:[&>*:not(:first-child)]:-mt-px',
-      $props.class,
-    )"
-  >
-    <slot />
-  </div>
-</template>
diff --git a/frontend/components/ui/button-group/index.js b/frontend/components/ui/button-group/index.js
deleted file mode 100644
index 28eb2e249..000000000
--- a/frontend/components/ui/button-group/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as ButtonGroup } from './ButtonGroup.vue';

From bbed82acd4713cec0d83e358612fc3ec540e1a91 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:01:47 +0800
Subject: [PATCH 34/52] Chore(ui): remove unused input-group primitive

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/AGENTS.md                            |  8 ++--
 .../components/ui/input-group/InputGroup.vue  | 40 ----------------
 .../ui/input-group/InputGroupAddon.vue        | 36 --------------
 .../ui/input-group/InputGroupButton.vue       | 25 ----------
 .../ui/input-group/InputGroupInput.vue        | 24 ----------
 .../ui/input-group/InputGroupText.vue         | 24 ----------
 .../ui/input-group/InputGroupTextarea.vue     | 24 ----------
 frontend/components/ui/input-group/index.js   | 47 -------------------
 8 files changed, 3 insertions(+), 225 deletions(-)
 delete mode 100644 frontend/components/ui/input-group/InputGroup.vue
 delete mode 100644 frontend/components/ui/input-group/InputGroupAddon.vue
 delete mode 100644 frontend/components/ui/input-group/InputGroupButton.vue
 delete mode 100644 frontend/components/ui/input-group/InputGroupInput.vue
 delete mode 100644 frontend/components/ui/input-group/InputGroupText.vue
 delete mode 100644 frontend/components/ui/input-group/InputGroupTextarea.vue
 delete mode 100644 frontend/components/ui/input-group/index.js

diff --git a/frontend/AGENTS.md b/frontend/AGENTS.md
index 492bc4ee7..ce312d784 100644
--- a/frontend/AGENTS.md
+++ b/frontend/AGENTS.md
@@ -59,7 +59,7 @@ frontend/
 
 Before hand-rolling a UI component (button, dialog, popover, list, etc.):
 
-1. **Check `frontend/components/ui/` first** — 21 primitives are already copied in (see below). Missing variants are almost never a reason to bypass a primitive; `:class` overrides, `as-child`, and tw-merge cover nearly every state-color need.
+1. **Check `frontend/components/ui/` first** — 20 primitives are already copied in (see below). Missing variants are almost never a reason to bypass a primitive; `:class` overrides, `as-child`, and tw-merge cover nearly every state-color need.
 2. **If no local primitive fits, check https://www.shadcn-vue.com/docs/components** — shadcn-vue covers a lot more than what's in the repo. Copy one in if it's a good fit.
 3. **Only fall back to hand-rolled Tailwind** when the shape or behavior genuinely doesn't exist in shadcn-vue.
 
@@ -67,9 +67,9 @@ Before hand-rolling a UI component (button, dialog, popover, list, etc.):
 
 ### Primitives
 
-Located at `frontend/components/ui/`. 22 primitives copied in:
+Located at `frontend/components/ui/`. 21 primitives copied in:
 
-`accordion` · `badge` · `button` · `card` · `collapsible` · `dialog` (with `DialogHeader`) · `drawer` (vaul-vue) · `dropdown-menu` · `input` · `input-group` (with `InputGroupAddon` / `InputGroupButton` / `InputGroupInput` / `InputGroupText` / `InputGroupTextarea`) · `progress` · `select` · `separator` · `sheet` · `sonner` · `spinner` · `switch` · `table` (with `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell`) · `tabs` · `textarea` · `toggle-group` · `tooltip`
+`accordion` · `badge` · `button` · `card` · `collapsible` · `dialog` (with `DialogHeader`) · `drawer` (vaul-vue) · `dropdown-menu` · `input` · `progress` · `select` · `separator` · `sheet` · `sonner` · `spinner` · `switch` · `table` (with `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell`) · `tabs` · `textarea` · `toggle-group` · `tooltip`
 
 One is project-specific, not in stock shadcn-vue:
 
@@ -134,8 +134,6 @@ Rule: any new module that surfaces a status reuses these tones. Do not hand-writ
 
 Every free-form Input that takes a URL / IP / MAC / domain / custom identifier carries the same six attributes shown above: `autocomplete="off"`, `autocorrect="off"`, `autocapitalize="off"`, `spellcheck="false"`, `data-1p-ignore`, `data-lpignore="true"`. iOS Safari's QuickType bar uses placeholder + nearby label text to offer address / email / password AutoFill — without these attributes it will push iCloud-address or password suggestions onto a plain IP/URL input. Keep placeholder copy free of "address / 地址 / adresse / adresi" style words where possible — iOS heuristics trigger on the word itself even with `autocomplete="off"`.
 
-The `input-group` primitive (stock shadcn-vue, with `InputGroupInput` / `InputGroupAddon` / `InputGroupButton` / `InputGroupText` / `InputGroupTextarea` sub-parts) is available if you need a genuinely merged border / ring around a composite input — but the current convention above is what every consumer uses today.
-
 **Status card** — homepage status cards (Connectivity / WebRTC / DnsLeak / IPCard / RuleTest) use:
 
 ```vue
diff --git a/frontend/components/ui/input-group/InputGroup.vue b/frontend/components/ui/input-group/InputGroup.vue
deleted file mode 100644
index e4ecbdc00..000000000
--- a/frontend/components/ui/input-group/InputGroup.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-
-const props = defineProps({
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-</script>
-
-<template>
-  <div
-    data-slot="input-group"
-    role="group"
-    :class="
-      cn(
-        'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none',
-        'h-9 min-w-0 has-[>textarea]:h-auto',
-
-        // Variants based on alignment.
-        'has-[>[data-align=inline-start]]:[&>input]:pl-2',
-        'has-[>[data-align=inline-end]]:[&>input]:pr-2',
-        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',
-        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',
-
-        // Focus state.
-        'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]',
-
-        // Error state.
-        'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40',
-
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </div>
-</template>
diff --git a/frontend/components/ui/input-group/InputGroupAddon.vue b/frontend/components/ui/input-group/InputGroupAddon.vue
deleted file mode 100644
index 341692a8e..000000000
--- a/frontend/components/ui/input-group/InputGroupAddon.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-import { inputGroupAddonVariants } from ".";
-
-const props = defineProps({
-  align: { type: null, required: false, default: "inline-start" },
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-
-function handleInputGroupAddonClick(e) {
-  const currentTarget = e.currentTarget;
-  const target = e.target;
-  if (target && target.closest("button")) {
-    return;
-  }
-  if (currentTarget && currentTarget?.parentElement) {
-    currentTarget.parentElement?.querySelector("input")?.focus();
-  }
-}
-</script>
-
-<template>
-  <div
-    role="group"
-    data-slot="input-group-addon"
-    :data-align="props.align"
-    :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
-    @click="handleInputGroupAddonClick"
-  >
-    <slot />
-  </div>
-</template>
diff --git a/frontend/components/ui/input-group/InputGroupButton.vue b/frontend/components/ui/input-group/InputGroupButton.vue
deleted file mode 100644
index 617feafbc..000000000
--- a/frontend/components/ui/input-group/InputGroupButton.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-import { Button } from '@/components/ui/button';
-import { inputGroupButtonVariants } from ".";
-
-const props = defineProps({
-  variant: { type: null, required: false, default: "ghost" },
-  size: { type: null, required: false, default: "xs" },
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-</script>
-
-<template>
-  <Button
-    :data-size="props.size"
-    :variant="props.variant"
-    :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
-  >
-    <slot />
-  </Button>
-</template>
diff --git a/frontend/components/ui/input-group/InputGroupInput.vue b/frontend/components/ui/input-group/InputGroupInput.vue
deleted file mode 100644
index b3de7fc1c..000000000
--- a/frontend/components/ui/input-group/InputGroupInput.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-import { Input } from '@/components/ui/input';
-
-const props = defineProps({
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-</script>
-
-<template>
-  <Input
-    data-slot="input-group-control"
-    :class="
-      cn(
-        'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',
-        props.class,
-      )
-    "
-  />
-</template>
diff --git a/frontend/components/ui/input-group/InputGroupText.vue b/frontend/components/ui/input-group/InputGroupText.vue
deleted file mode 100644
index a19f0adc2..000000000
--- a/frontend/components/ui/input-group/InputGroupText.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-
-const props = defineProps({
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-</script>
-
-<template>
-  <span
-    :class="
-      cn(
-        'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </span>
-</template>
diff --git a/frontend/components/ui/input-group/InputGroupTextarea.vue b/frontend/components/ui/input-group/InputGroupTextarea.vue
deleted file mode 100644
index 7feb91efc..000000000
--- a/frontend/components/ui/input-group/InputGroupTextarea.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup>
-import { cn } from "@/lib/utils";
-import { Textarea } from '@/components/ui/textarea';
-
-const props = defineProps({
-  class: {
-    type: [Boolean, null, String, Object, Array],
-    required: false,
-    skipCheck: true,
-  },
-});
-</script>
-
-<template>
-  <Textarea
-    data-slot="input-group-control"
-    :class="
-      cn(
-        'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
-        props.class,
-      )
-    "
-  />
-</template>
diff --git a/frontend/components/ui/input-group/index.js b/frontend/components/ui/input-group/index.js
deleted file mode 100644
index f1081fd20..000000000
--- a/frontend/components/ui/input-group/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { cva } from "class-variance-authority";
-
-export { default as InputGroup } from "./InputGroup.vue";
-export { default as InputGroupAddon } from "./InputGroupAddon.vue";
-export { default as InputGroupButton } from "./InputGroupButton.vue";
-export { default as InputGroupInput } from "./InputGroupInput.vue";
-export { default as InputGroupText } from "./InputGroupText.vue";
-export { default as InputGroupTextarea } from "./InputGroupTextarea.vue";
-
-export const inputGroupAddonVariants = cva(
-  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
-  {
-    variants: {
-      align: {
-        "inline-start":
-          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end":
-          "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start":
-          "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
-        "block-end":
-          "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
-      },
-    },
-    defaultVariants: {
-      align: "inline-start",
-    },
-  },
-);
-
-export const inputGroupButtonVariants = cva(
-  "text-sm shadow-none flex gap-2 items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-        sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-        "icon-xs":
-          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
-      },
-    },
-    defaultVariants: {
-      size: "xs",
-    },
-  },
-);

From 94ffddc9a250080eeb7fef234d4bd45025aab61c Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:03:22 +0800
Subject: [PATCH 35/52] Refactor(advanced-tools): share Globalping default
 locations and selectable IPs

Extract the verbatim-identical 16-country default locations array and the
store.allIPs filter from MtrTest and GlobalLatencyTest into the shared
use-globalping-measurement composable as GLOBALPING_DEFAULT_LOCATIONS and
selectableIPs(). Pure data/computed extraction; behavior unchanged.
CensorshipCheck is intentionally left untouched (per-country probe limits).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../advanced-tools/GlobalLatencyTest.vue       | 14 +++-----------
 frontend/components/advanced-tools/MtrTest.vue | 14 +++-----------
 .../composables/use-globalping-measurement.js  | 18 ++++++++++++++++++
 3 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/frontend/components/advanced-tools/GlobalLatencyTest.vue b/frontend/components/advanced-tools/GlobalLatencyTest.vue
index 0d0ecdb3d..f116b8da8 100644
--- a/frontend/components/advanced-tools/GlobalLatencyTest.vue
+++ b/frontend/components/advanced-tools/GlobalLatencyTest.vue
@@ -102,7 +102,7 @@ import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
-import { useGlobalpingMeasurement } from '@/composables/use-globalping-measurement';
+import { useGlobalpingMeasurement, GLOBALPING_DEFAULT_LOCATIONS, selectableIPs } from '@/composables/use-globalping-measurement';
 import getCountryName from '@/data/country-name.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select';
 import { Button } from '@/components/ui/button';
@@ -118,10 +118,7 @@ const { t } = useI18n();
 const store = useMainStore();
 const isMobile = computed(() => store.isMobile);
 const lang = computed(() => store.lang);
-const allIPs = computed(() => {
-    const _allIPs = store.allIPs;
-    return _allIPs.filter(ip => ip && !ip.includes(' '));
-});
+const allIPs = computed(() => selectableIPs(store.allIPs));
 
 const selectedIP = ref('');
 const pingResults = ref([]);
@@ -157,12 +154,7 @@ const startPingCheck = () => {
 
     runMeasurement({
         limit: 16,
-        locations: [
-            { country: 'HK' }, { country: 'TW' }, { country: 'CN' }, { country: 'JP' },
-            { country: 'SG' }, { country: 'IN' }, { country: 'RU' }, { country: 'US' },
-            { country: 'CA' }, { country: 'AU' }, { country: 'GB' }, { country: 'DE' },
-            { country: 'FR' }, { country: 'BR' }, { country: 'ZA' }, { country: 'SA' },
-        ],
+        locations: GLOBALPING_DEFAULT_LOCATIONS,
         target: selectedIP.value,
         type: 'ping',
         measurementOptions: { packets: 8 },
diff --git a/frontend/components/advanced-tools/MtrTest.vue b/frontend/components/advanced-tools/MtrTest.vue
index e311f2f86..3f4d50c35 100644
--- a/frontend/components/advanced-tools/MtrTest.vue
+++ b/frontend/components/advanced-tools/MtrTest.vue
@@ -68,7 +68,7 @@ import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import { trackEvent } from '@/utils/use-analytics';
-import { useGlobalpingMeasurement } from '@/composables/use-globalping-measurement';
+import { useGlobalpingMeasurement, GLOBALPING_DEFAULT_LOCATIONS, selectableIPs } from '@/composables/use-globalping-measurement';
 import getCountryName from '@/data/country-name.js';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select';
@@ -83,10 +83,7 @@ const { t } = useI18n();
 const store = useMainStore();
 const isMobile = computed(() => store.isMobile);
 const lang = computed(() => store.lang);
-const allIPs = computed(() => {
-    const _allIPs = store.allIPs;
-    return _allIPs.filter(ip => ip && !ip.includes(' '));
-});
+const allIPs = computed(() => selectableIPs(store.allIPs));
 
 const selectedIP = ref('');
 const mtrResults = ref([]);
@@ -102,12 +99,7 @@ const startmtrCheck = () => {
 
     runMeasurement({
         limit: 16,
-        locations: [
-            { country: 'HK' }, { country: 'TW' }, { country: 'CN' }, { country: 'JP' },
-            { country: 'SG' }, { country: 'IN' }, { country: 'RU' }, { country: 'US' },
-            { country: 'CA' }, { country: 'AU' }, { country: 'GB' }, { country: 'DE' },
-            { country: 'FR' }, { country: 'BR' }, { country: 'ZA' }, { country: 'SA' },
-        ],
+        locations: GLOBALPING_DEFAULT_LOCATIONS,
         target: selectedIP.value,
         type: 'mtr',
         measurementOptions: { port: 80, protocol: 'ICMP' },
diff --git a/frontend/composables/use-globalping-measurement.js b/frontend/composables/use-globalping-measurement.js
index 3ca8b231d..4eef550f6 100644
--- a/frontend/composables/use-globalping-measurement.js
+++ b/frontend/composables/use-globalping-measurement.js
@@ -26,6 +26,24 @@
 import { ref, onScopeDispose } from 'vue';
 import { fetchWithTimeout } from '../../common/fetch-with-timeout.js';
 
+// Default 16-country probe spread shared by the MtrTest and GlobalLatencyTest
+// tools (both POST `limit: 16` against exactly this set). CensorshipCheck keeps
+// its own list because it applies per-country probe limits.
+export const GLOBALPING_DEFAULT_LOCATIONS = [
+    { country: 'HK' }, { country: 'TW' }, { country: 'CN' }, { country: 'JP' },
+    { country: 'SG' }, { country: 'IN' }, { country: 'RU' }, { country: 'US' },
+    { country: 'CA' }, { country: 'AU' }, { country: 'GB' }, { country: 'DE' },
+    { country: 'FR' }, { country: 'BR' }, { country: 'ZA' }, { country: 'SA' },
+];
+
+// Filter the store's collected IPs down to the ones usable as a measurement
+// target: truthy and free of spaces (the store sometimes holds placeholder /
+// status strings that contain whitespace). Shared by the Globalping tools'
+// IP picker dropdowns.
+export function selectableIPs(storeIPs) {
+    return storeIPs.filter(ip => ip && !ip.includes(' '));
+}
+
 const API_BASE = 'https://api.globalping.io/v1/measurements';
 // Globalping probes can be slow on first create + under load; allow more
 // headroom than the 5s front-end default.

From 76b7489c7522accefc8b094623fd90afb90d4fba Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:04:35 +0800
Subject: [PATCH 36/52] Refactor(status-tone): extract shared isFieldPending
 helper

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/components/DnsLeaksTest.vue            |  9 +++++----
 frontend/components/WebRtcTest.vue              | 11 +++++------
 frontend/components/advanced-tools/RuleTest.vue |  9 +++++----
 frontend/composables/use-status-tone.js         | 11 +++++++++++
 4 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index 1cfefaaa0..27412e299 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -121,7 +121,7 @@ import { trackEvent } from '@/utils/use-analytics';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
-import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
+import { useStatusTone, ipFieldTone, isFieldPending as isFieldPendingShared } from '@/composables/use-status-tone.js';
 import { useMaxmind } from '@/composables/use-maxmind.js';
 import { EthernetPort, Play, MapPin, RotateCw, Sparkles, ArrowRight, DoorOpen } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
@@ -166,9 +166,10 @@ const toneOf = (leak) => ipFieldTone(leak.ip, {
 
 
 // Status
-const isFieldPending = (value) => {
-  return !value || value === t('dnsleaktest.StatusWait') || value === t('dnsleaktest.StatusError');
-};
+const isFieldPending = (value) => isFieldPendingShared(value, {
+  waitLabels: t('dnsleaktest.StatusWait'),
+  errorLabels: t('dnsleaktest.StatusError'),
+});
 
 const createDefaultCard = () => ({
   name: t('dnsleaktest.Name'),
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index 3b3ab4d90..fe5015c5f 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -124,7 +124,7 @@ import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
-import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
+import { useStatusTone, ipFieldTone, isFieldPending as isFieldPendingShared } from '@/composables/use-status-tone.js';
 import { useMaxmind } from '@/composables/use-maxmind.js';
 import { Play, MapPin, EthernetPort, Flower, Network, RotateCw, FileText, ChevronDown } from '@lucide/vue';
 import { Icon } from '@iconify/vue';
@@ -167,11 +167,10 @@ const toneOf = (stun) => ipFieldTone(stun.ip, {
 // Single field in dl block is in "no data" state (waiting/error).
 // Fields may fail independently (e.g. IP success but country lookup fails),
 // so the check is run per-field in the template.
-const isFieldPending = (value) => {
-  return !value
-    || value === t('webrtc.StatusWait')
-    || value === t('webrtc.StatusError');
-};
+const isFieldPending = (value) => isFieldPendingShared(value, {
+  waitLabels: t('webrtc.StatusWait'),
+  errorLabels: t('webrtc.StatusError'),
+});
 
 // Run a STUN test against one server. ICE gathering with a 5s backstop.
 //
diff --git a/frontend/components/advanced-tools/RuleTest.vue b/frontend/components/advanced-tools/RuleTest.vue
index fe6beca00..d06a1d59d 100644
--- a/frontend/components/advanced-tools/RuleTest.vue
+++ b/frontend/components/advanced-tools/RuleTest.vue
@@ -88,7 +88,7 @@ import getCountryName from '@/data/country-name.js';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import { Spinner } from '@/components/ui/spinner';
-import { useStatusTone, ipFieldTone } from '@/composables/use-status-tone.js';
+import { useStatusTone, ipFieldTone, isFieldPending as isFieldPendingShared } from '@/composables/use-status-tone.js';
 import { useMaxmind } from '@/composables/use-maxmind.js';
 import { Icon } from '@iconify/vue';
 import { EthernetPort, MapPin, RotateCw, Waypoints } from '@lucide/vue';
@@ -128,9 +128,10 @@ const toneOf = (test) => ipFieldTone(test.ip, {
     errorLabels: t('ruletest.StatusError'),
 });
 
-const isFieldPending = (value) => {
-    return !value || value === t('ruletest.StatusWait') || value === t('ruletest.StatusError');
-};
+const isFieldPending = (value) => isFieldPendingShared(value, {
+    waitLabels: t('ruletest.StatusWait'),
+    errorLabels: t('ruletest.StatusError'),
+});
 
 
 const fetchTrace = async (id, url) => {
diff --git a/frontend/composables/use-status-tone.js b/frontend/composables/use-status-tone.js
index a4231a56f..057d21e20 100644
--- a/frontend/composables/use-status-tone.js
+++ b/frontend/composables/use-status-tone.js
@@ -62,6 +62,17 @@ export function ipFieldTone(value, {
     return 'wait';
 }
 
+// Shared "is this single field still in a no-data state?" predicate.
+//
+// A field is pending when it's empty/falsy, or equals one of the localized
+// wait / error sentinels. Callers pass their own localized label arrays so
+// each module keeps its own i18n namespace (webrtc / dnsleaktest / ruletest).
+// Mirrors the per-field check the card-row components run in their templates
+// (e.g. IP succeeds but country lookup fails independently).
+export function isFieldPending(value, { waitLabels = [], errorLabels = [] } = {}) {
+    return !value || asArray(waitLabels).includes(value) || asArray(errorLabels).includes(value);
+}
+
 function asArray(x) {
     if (Array.isArray(x)) return x;
     if (x == null) return [];

From 3774b83597ce28f8db016760bd02832b4ebcdf27 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:05:51 +0800
Subject: [PATCH 37/52] Refactor(api): extract resolveAsnOrgName into
 common/ripestat.js
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

asn-history and asn-connectivity each defined a near-identical two-tier
AS org-name resolver (local CAIDA as2org → RIPEstat as-overview fallback).
Consolidate into a shared resolveAsnOrgName in common/ripestat.js with an
optional onError hook: asn-history passes a warn logger, asn-connectivity
omits it and stays silent — preserving each handler's existing observability.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 api/asn-connectivity.js | 21 +++++----------------
 api/asn-history.js      | 27 ++++++++-------------------
 common/ripestat.js      | 24 ++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/api/asn-connectivity.js b/api/asn-connectivity.js
index 7cbd10068..c506a499b 100644
--- a/api/asn-connectivity.js
+++ b/api/asn-connectivity.js
@@ -7,8 +7,7 @@
 // whole BFS is synchronous. We only hit RIPEstat for as-overview as a
 // rare fallback when as2org doesn't have an ASN's org name.
 
-import { fetchAsOverview, extractOrgFromHolder } from '../common/ripestat.js';
-import { lookupAsOrgName } from '../common/as-org-db.js';
+import { resolveAsnOrgName } from '../common/ripestat.js';
 import { providersOf, customerCountOf, isTier1 } from '../common/as-rel-db.js';
 import logger from '../common/logger.js';
 
@@ -21,20 +20,10 @@ const MAX_DEPTH = 3;
 // as a proxy for "primary transit".
 const MAX_INTERMEDIATE_BRANCH = 3;
 
-// Two-tier org name resolver: local CAIDA as2org first (µs), RIPEstat
-// as-overview fallback when the snapshot doesn't have the ASN.
-async function resolveOrgName(asn) {
-    const local = lookupAsOrgName(asn);
-    if (local) return local;
-    try {
-        const res = await fetchAsOverview(asn);
-        if (!res.ok) return null;
-        const payload = await res.json();
-        return extractOrgFromHolder(payload?.data?.holder);
-    } catch {
-        return null;
-    }
-}
+// Two-tier org name resolver lives in common/ripestat.js. No onError hook
+// here — connectivity stays silent on as-overview fallback failures (a node
+// just keeps name=null); asn-history is the one that warns.
+const resolveOrgName = (asn) => resolveAsnOrgName(asn);
 
 async function buildGraph(origin) {
     const nodes = new Map();
diff --git a/api/asn-history.js b/api/asn-history.js
index f1d5da344..b5014e3fa 100644
--- a/api/asn-history.js
+++ b/api/asn-history.js
@@ -12,10 +12,8 @@
 
 import {
     fetchRoutingHistory,
-    fetchAsOverview,
-    extractOrgFromHolder,
+    resolveAsnOrgName,
 } from '../common/ripestat.js';
-import { lookupAsOrgName } from '../common/as-org-db.js';
 import logger from '../common/logger.js';
 
 const prefixLength = (prefix) => parseInt((prefix || '').split('/')[1], 10);
@@ -58,22 +56,13 @@ function summarizeOrigin(entry, minLen) {
     };
 }
 
-// Two-tier resolver: local CAIDA as2org first (µs), RIPEstat as-overview
-// fallback. Best-effort — any failure yields null so the row drops to
-// ASN-only display rather than blocking the whole batch.
-async function resolveOrgName(asn) {
-    const local = lookupAsOrgName(asn);
-    if (local) return local;
-    try {
-        const res = await fetchAsOverview(asn);
-        if (!res.ok) return null;
-        const payload = await res.json();
-        return extractOrgFromHolder(payload?.data?.holder);
-    } catch (error) {
-        logger.warn({ err: error, asn }, 'as-overview lookup failed');
-        return null;
-    }
-}
+// Two-tier resolver lives in common/ripestat.js. Here we pass a warn hook so
+// a failed as-overview fallback stays observable (asn-connectivity omits it
+// and stays silent — keep that difference).
+const resolveOrgName = (asn) =>
+    resolveAsnOrgName(asn, {
+        onError: (error) => logger.warn({ err: error, asn }, 'as-overview lookup failed'),
+    });
 
 export default async (req, res) => {
     // Prefix presence + validity guaranteed by requireValidPrefix middleware.
diff --git a/common/ripestat.js b/common/ripestat.js
index b7a649688..0e4ca9939 100644
--- a/common/ripestat.js
+++ b/common/ripestat.js
@@ -2,6 +2,7 @@
 // its endpoint's normal latency; callers can override per call.
 
 import { fetchUpstream } from './fetch-with-timeout.js';
+import { lookupAsOrgName } from './as-org-db.js';
 
 const BASE_URL = 'https://stat.ripe.net/data';
 const SOURCE_APP = process.env.RIPESTAT_SOURCE_APP || 'myip';
@@ -32,3 +33,26 @@ export function extractOrgFromHolder(holder) {
     const dash = holder.indexOf(' - ');
     return dash > 0 ? holder.slice(dash + 3).trim() : holder.trim();
 }
+
+/**
+ * Two-tier AS org-name resolver: local CAIDA as2org first (µs), RIPEstat
+ * as-overview fallback when the snapshot doesn't have the ASN. Best-effort —
+ * any failure yields null so callers can fall back to ASN-only display.
+ *
+ * `onError(error, asn)` is an optional observability hook invoked on the
+ * fallback failure/catch path. asn-history passes a warn logger here;
+ * asn-connectivity omits it and stays silent — preserve that asymmetry.
+ */
+export async function resolveAsnOrgName(asn, { onError } = {}) {
+    const local = lookupAsOrgName(asn);
+    if (local) return local;
+    try {
+        const res = await fetchAsOverview(asn);
+        if (!res.ok) return null;
+        const payload = await res.json();
+        return extractOrgFromHolder(payload?.data?.holder);
+    } catch (error) {
+        if (onError) onError(error, asn);
+        return null;
+    }
+}

From c9e22e3a13993a9d72fbd72c9ad098366ea5a759 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:06:51 +0800
Subject: [PATCH 38/52] Refactor(api): share SUPPORTED_LANGS across handlers

Extract the ['zh-CN','en','fr','tr'] language allow-list and its
validation into common/langs.js (SUPPORTED_LANGS + pickLang). Both
dns-leak-test and maxmind handlers import pickLang and keep their own
distinct default ('zh-CN' / 'en'). No behavior change.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 api/dns-leak-test.js | 4 ++--
 api/maxmind.js       | 4 ++--
 common/langs.js      | 9 +++++++++
 3 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 common/langs.js

diff --git a/api/dns-leak-test.js b/api/dns-leak-test.js
index 080346db5..35f6ee2fb 100644
--- a/api/dns-leak-test.js
+++ b/api/dns-leak-test.js
@@ -10,9 +10,9 @@
 
 import { fetchUpstream } from '../common/fetch-with-timeout.js';
 import logger from '../common/logger.js';
+import { pickLang } from '../common/langs.js';
 
 const TOKEN_RE = /^[0-9a-f]{32}$/;
-const SUPPORTED_LANGS = ['zh-CN', 'en', 'fr', 'tr'];
 
 export async function getSessionResult(req, res) {
     if (req.method !== 'GET') {
@@ -30,7 +30,7 @@ export async function getSessionResult(req, res) {
         return res.status(500).json({ error: 'API key is missing' });
     }
 
-    const lang = SUPPORTED_LANGS.includes(req.query.lang) ? req.query.lang : 'zh-CN';
+    const lang = pickLang(req.query.lang, 'zh-CN');
 
     const url = new URL(`${apiEndpoint}/dnsleaktest/session/${token}`);
     url.searchParams.set('apikey', apiKey);
diff --git a/api/maxmind.js b/api/maxmind.js
index ed1951c9e..ed0f10585 100644
--- a/api/maxmind.js
+++ b/api/maxmind.js
@@ -1,13 +1,13 @@
 import { lookupMaxMind } from '../common/maxmind-service.js';
 import logger from '../common/logger.js';
+import { pickLang } from '../common/langs.js';
 
 export default (req, res) => {
     // IP presence + validity guaranteed by requireValidIP middleware.
     const ip = req.query.ip;
 
     // Get request language
-    const supportedLanguages = ['zh-CN', 'en', 'fr', 'tr'];
-    const lang = supportedLanguages.includes(req.query.lang) ? req.query.lang : 'en';
+    const lang = pickLang(req.query.lang, 'en');
 
     try {
         res.json(lookupMaxMind(ip, lang));
diff --git a/common/langs.js b/common/langs.js
new file mode 100644
index 000000000..9fabb2557
--- /dev/null
+++ b/common/langs.js
@@ -0,0 +1,9 @@
+// Shared language allow-list for handlers that accept a ?lang query param.
+// Each consumer keeps its own default; pickLang validates against this list.
+
+export const SUPPORTED_LANGS = ['zh-CN', 'en', 'fr', 'tr'];
+
+// Return raw if it's a supported language, otherwise the given fallback.
+export function pickLang(raw, fallback) {
+    return SUPPORTED_LANGS.includes(raw) ? raw : fallback;
+}

From 94a0676bb9f46b593285d742c81cab1b317932b6 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:08:31 +0800
Subject: [PATCH 39/52] Refactor(api): extract makeGeoHandler factory for geo
 source handlers

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 api/ip-sb.js          | 28 +++++++++++-----------------
 api/ip2location-io.js | 25 ++++++++++---------------
 api/ipapi-com.js      | 24 ++++++++++--------------
 api/ipapi-is.js       | 25 ++++++++++---------------
 api/ipinfo-io.js      | 25 ++++++++++---------------
 common/geo-handler.js | 40 ++++++++++++++++++++++++++++++++++++++++
 6 files changed, 91 insertions(+), 76 deletions(-)
 create mode 100644 common/geo-handler.js

diff --git a/api/ip-sb.js b/api/ip-sb.js
index b2d91ff95..2cfeb994f 100644
--- a/api/ip-sb.js
+++ b/api/ip-sb.js
@@ -1,21 +1,13 @@
-import { fetchUpstream } from '../common/fetch-with-timeout.js';
-import logger from '../common/logger.js';
+// /api/ipsb — geolocation source handler backed by api.ip.sb.
+// Token-free upstream; normalizes the response into the canonical geo
+// shape via the shared makeGeoHandler factory.
 
-export default async (req, res) => {
-    // IP presence + validity guaranteed by requireValidIP middleware.
-    const ipAddress = req.query.ip;
-
-    const url = `https://api.ip.sb/geoip/${ipAddress}`;
+import { makeGeoHandler } from '../common/geo-handler.js';
 
-    try {
-        const apiRes = await fetchUpstream(url);
-        const json = await apiRes.json();
-        res.json(modifyJsonForIPSB(json));
-    } catch (e) {
-        logger.error({ err: e, ip: ipAddress }, 'ip-sb handler failed');
-        res.status(500).json({ error: e.message });
-    }
-};
+function buildUrl(req) {
+    const ipAddress = req.query.ip;
+    return `https://api.ip.sb/geoip/${ipAddress}`;
+}
 
 function modifyJsonForIPSB(json) {
     return {
@@ -30,4 +22,6 @@ function modifyJsonForIPSB(json) {
         asn: "AS" + json.asn,
         org: json.isp
     };
-}
\ No newline at end of file
+}
+
+export default makeGeoHandler({ name: 'ip-sb', buildUrl, normalize: modifyJsonForIPSB });
diff --git a/api/ip2location-io.js b/api/ip2location-io.js
index 66113d35a..36ff5417f 100644
--- a/api/ip2location-io.js
+++ b/api/ip2location-io.js
@@ -1,23 +1,16 @@
-import { fetchUpstream } from '../common/fetch-with-timeout.js';
-import logger from '../common/logger.js';
+// /api/ip2location — geolocation source handler backed by api.ip2location.io.
+// Picks a random API key and normalizes the response into the canonical
+// geo shape via the shared makeGeoHandler factory.
 
-export default async (req, res) => {
-    // IP presence + validity guaranteed by requireValidIP middleware.
+import { makeGeoHandler } from '../common/geo-handler.js';
+
+function buildUrl(req) {
     const ipAddress = req.query.ip;
 
     const keys = (process.env.IP2LOCATION_API_KEY).split(',');
     const key = keys[Math.floor(Math.random() * keys.length)];
-    const url = `https://api.ip2location.io/?ip=${ipAddress}&key=${key}`;
-
-    try {
-        const apiRes = await fetchUpstream(url);
-        const json = await apiRes.json();
-        res.json(modifyJsonForIPAPI(json));
-    } catch (e) {
-        logger.error({ err: e, ip: ipAddress }, 'ip2location-io handler failed');
-        res.status(500).json({ error: e.message });
-    }
-};
+    return `https://api.ip2location.io/?ip=${ipAddress}&key=${key}`;
+}
 
 function modifyJsonForIPAPI(json) {
     let asn = json.asn || {};
@@ -36,3 +29,5 @@ function modifyJsonForIPAPI(json) {
         org: as || 'N/A',
     };
 }
+
+export default makeGeoHandler({ name: 'ip2location-io', buildUrl, normalize: modifyJsonForIPAPI });
diff --git a/api/ipapi-com.js b/api/ipapi-com.js
index 139f08c21..2760b2a69 100644
--- a/api/ipapi-com.js
+++ b/api/ipapi-com.js
@@ -1,23 +1,17 @@
-import { fetchUpstream } from '../common/fetch-with-timeout.js';
-import logger from '../common/logger.js';
+// /api/ipapi — geolocation source handler backed by ip-api.com.
+// Forwards the optional ?lang and normalizes the response into the
+// canonical geo shape via the shared makeGeoHandler factory.
 
-export default async (req, res) => {
-    // IP presence + validity guaranteed by requireValidIP middleware.
+import { makeGeoHandler } from '../common/geo-handler.js';
+
+function buildUrl(req) {
     const ipAddress = req.query.ip;
 
     // Build request URL for ip-api.com
     const lang = req.query.lang || 'en';
     const url = `http://ip-api.com/json/${ipAddress}?fields=66842623&lang=${lang}`;
-
-    try {
-        const apiRes = await fetchUpstream(url);
-        const json = await apiRes.json();
-        res.json(modifyJsonForIPAPI(json));
-    } catch (e) {
-        logger.error({ err: e, ip: ipAddress, lang }, 'ipapi-com handler failed');
-        res.status(500).json({ error: e.message });
-    }
-};
+    return { url, logContext: { lang } };
+}
 
 function modifyJsonForIPAPI(json) {
     const { query, country, countryCode, regionName, city, lat, lon, isp, as } = json;
@@ -36,3 +30,5 @@ function modifyJsonForIPAPI(json) {
         org: isp
     };
 }
+
+export default makeGeoHandler({ name: 'ipapi-com', buildUrl, normalize: modifyJsonForIPAPI });
diff --git a/api/ipapi-is.js b/api/ipapi-is.js
index 534401842..f1c49b20d 100644
--- a/api/ipapi-is.js
+++ b/api/ipapi-is.js
@@ -1,23 +1,16 @@
-import { fetchUpstream } from '../common/fetch-with-timeout.js';
-import logger from '../common/logger.js';
+// /api/ipapiis — geolocation source handler backed by api.ipapi.is.
+// Picks a random API key and normalizes the response into the canonical
+// geo shape (plus isHosting / isProxy) via the shared makeGeoHandler factory.
 
-export default async (req, res) => {
-    // IP presence + validity guaranteed by requireValidIP middleware.
+import { makeGeoHandler } from '../common/geo-handler.js';
+
+function buildUrl(req) {
     const ipAddress = req.query.ip;
 
     const keys = (process.env.IPAPIIS_API_KEY).split(',');
     const key = keys[Math.floor(Math.random() * keys.length)];
-    const url = `https://api.ipapi.is?q=${ipAddress}&key=${key}`;
-
-    try {
-        const apiRes = await fetchUpstream(url);
-        const json = await apiRes.json();
-        res.json(modifyJsonForIPAPI(json));
-    } catch (e) {
-        logger.error({ err: e, ip: ipAddress }, 'ipapi-is handler failed');
-        res.status(500).json({ error: e.message });
-    }
-};
+    return `https://api.ipapi.is?q=${ipAddress}&key=${key}`;
+}
 
 function modifyJsonForIPAPI(json) {
     let asn = json.asn || {};
@@ -38,3 +31,5 @@ function modifyJsonForIPAPI(json) {
         isProxy: is_proxy || is_vpn || is_tor || false
     };
 }
+
+export default makeGeoHandler({ name: 'ipapi-is', buildUrl, normalize: modifyJsonForIPAPI });
diff --git a/api/ipinfo-io.js b/api/ipinfo-io.js
index 57802e049..ecccb2a9e 100644
--- a/api/ipinfo-io.js
+++ b/api/ipinfo-io.js
@@ -1,9 +1,11 @@
+// /api/ipinfo — geolocation source handler backed by ipinfo.io.
+// Picks a random API token (when configured) and normalizes the response
+// into the canonical geo shape via the shared makeGeoHandler factory.
+
 import countryLookup from 'country-code-lookup';
-import { fetchUpstream } from '../common/fetch-with-timeout.js';
-import logger from '../common/logger.js';
+import { makeGeoHandler } from '../common/geo-handler.js';
 
-export default async (req, res) => {
-    // IP presence + validity guaranteed by requireValidIP middleware.
+function buildUrl(req) {
     const ipAddress = req.query.ip;
 
     // Build request URL for ipinfo.io
@@ -12,17 +14,8 @@ export default async (req, res) => {
 
     const url_hasToken = `https://ipinfo.io/${ipAddress}?token=${token}`;
     const url_noToken = `https://ipinfo.io/${ipAddress}`;
-    const url = token ? url_hasToken : url_noToken;
-
-    try {
-        const apiRes = await fetchUpstream(url);
-        const json = await apiRes.json();
-        res.json(modifyJson(json));
-    } catch (e) {
-        logger.error({ err: e, ip: ipAddress }, 'ipinfo-io handler failed');
-        res.status(500).json({ error: e.message });
-    }
-};
+    return token ? url_hasToken : url_noToken;
+}
 
 function modifyJson(json) {
     const { ip, city, region, country, loc, org } = json;
@@ -46,3 +39,5 @@ function modifyJson(json) {
         org: modifiedOrg
     };
 }
+
+export default makeGeoHandler({ name: 'ipinfo-io', buildUrl, normalize: modifyJson });
diff --git a/common/geo-handler.js b/common/geo-handler.js
new file mode 100644
index 000000000..7b07a2c9f
--- /dev/null
+++ b/common/geo-handler.js
@@ -0,0 +1,40 @@
+// Factory for IP-geolocation source handlers.
+//
+// Every geo source (ipinfo.io, ip-api.com, ipapi.is, ip2location.io, ip.sb)
+// shares an identical Express shell: read the (already-validated) ?ip,
+// build a source-specific URL, fetch it through fetchUpstream, normalize the
+// upstream JSON into the canonical response shape, and respond — with a
+// uniform try/catch that logs the error and returns a 500.
+//
+// makeGeoHandler captures that shell. Each source supplies only:
+//   - name      : short id used in the error log message
+//   - buildUrl  : (req) => string URL  OR  { url, logContext } when the
+//                 handler wants extra fields (e.g. lang) on the error log
+//   - normalize : (json) => canonical response object
+//
+// buildUrl runs before the try block so any env-key selection it performs
+// keeps its current behavior (e.g. throwing on a missing key surfaces the
+// same way the original inline handlers did).
+
+import { fetchUpstream } from './fetch-with-timeout.js';
+import logger from './logger.js';
+
+export function makeGeoHandler({ name, buildUrl, normalize }) {
+    return async (req, res) => {
+        // IP presence + validity guaranteed by requireValidIP middleware.
+        const ipAddress = req.query.ip;
+
+        const built = buildUrl(req);
+        const url = typeof built === 'string' ? built : built.url;
+        const logContext = typeof built === 'string' ? {} : (built.logContext || {});
+
+        try {
+            const apiRes = await fetchUpstream(url);
+            const json = await apiRes.json();
+            res.json(normalize(json));
+        } catch (e) {
+            logger.error({ err: e, ip: ipAddress, ...logContext }, `${name} handler failed`);
+            res.status(500).json({ error: e.message });
+        }
+    };
+}

From 4f6c3b17ead1091b51321d640bcca7272053aed3 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:11:41 +0800
Subject: [PATCH 40/52] Fix(i18n): correct invisibilitytest score key names in
 fr locale

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/locales/fr.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index 46c26e427..780f38533 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -277,8 +277,8 @@
     "Note2": "Après avoir cliqué sur Exécuter, le système exécutera un script qui terminera généralement tous les tests en moins de 10 secondes. Pendant ce processus, vos informations IP, les informations de votre navigateur, etc. seront collectées et analysées en arrière-plan.",
     "fetchError": "Impossible de récupérer les résultats du test",
     "yourIP": "Votre adresse IP principale est",
-    "scoreProxy": "Pourcentage de proxy",
-    "scoreVPN": "Pourcentage de VPN",
+    "proxyScore": "Pourcentage de proxy",
+    "VPNScore": "Pourcentage de VPN",
     "isProxy": "Vous utilisez probablement un proxy.",
     "notProxy": "Aucune preuve d'utilisation d'un proxy n'a été trouvée.",
     "isVPN": "Vous utilisez probablement un VPN.",

From bccd0c53232ddd50c0a514d4ef9c8f0d68df43ac Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:12:51 +0800
Subject: [PATCH 41/52] Fix(i18n): add missing invisibilitytest latencyVSPing
 keys to en/fr/tr

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/locales/en.json | 2 ++
 frontend/locales/fr.json | 2 ++
 frontend/locales/tr.json | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 2972600eb..12d5d39bf 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -378,6 +378,8 @@
     "latencyVSPing": {
       "title": "TCP vs Ping Latency",
       "positive": "TCP latency and Ping difference is large, indicating that you may be using a proxy or VPN.",
+      "fromTCP": "TCP latency value: ",
+      "fromPing": "Ping latency value: ",
       "negative": "TCP latency and Ping difference is not large, indicating that you may not be using a proxy or VPN."
     },
     "highlatency": {
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
index 780f38533..4308b8a6d 100644
--- a/frontend/locales/fr.json
+++ b/frontend/locales/fr.json
@@ -359,6 +359,8 @@
     "latencyVSPing": {
       "title": "Latence TCP vs Ping",
       "positive": "La différence entre la latence TCP et le Ping est importante, indiquant que vous utilisez peut-être un proxy ou un VPN.",
+      "fromTCP": "Valeur de latence TCP : ",
+      "fromPing": "Valeur de latence Ping : ",
       "negative": "La différence entre la latence TCP et le Ping n'est pas importante, indiquant que vous n'utilisez peut-être pas de proxy ou de VPN."
     },
     "highlatency": {
diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index cefeb3531..71120e1f7 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -378,6 +378,8 @@
     "latencyVSPing": {
       "title": "TCP vs Ping Gecikmesi",
       "positive": "TCP gecikmesi ve Ping farkı büyük, bu da bir proxy veya VPN kullanıyor olabileceğinizi gösterir.",
+      "fromTCP": "TCP gecikme değeri: ",
+      "fromPing": "Ping gecikme değeri: ",
       "negative": "TCP gecikmesi ve Ping farkı büyük değil, bu da bir proxy veya VPN kullanmıyor olabileceğinizi gösterir."
     },
     "highlatency": {

From 96036f2e847626a7fac28f7687fd0ce40d5406d4 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 10:13:55 +0800
Subject: [PATCH 42/52] Fix(i18n): add missing Turkish translation for
 whois.Provider

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/locales/tr.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/locales/tr.json b/frontend/locales/tr.json
index 71120e1f7..f443c97f2 100644
--- a/frontend/locales/tr.json
+++ b/frontend/locales/tr.json
@@ -436,7 +436,8 @@
     "Note3": "Whois bilgileri çeşitli türde alanlar içerir. Aşağıda ham metin bilgisi bulunmaktadır",
     "Placeholder": "Alan Adı veya IP",
     "invalidURL": "Geçersiz alan adı veya IP",
-    "fetchError": "Sorgu sonuçları alınamadı veya sorgu sonuçları boş"
+    "fetchError": "Sorgu sonuçları alınamadı veya sorgu sonuçları boş",
+    "Provider": "Bilgi Sağlayıcısı"
   },
   "enhanceddnsleaktest": {
     "Title": "Derinlemesine DNS Sızıntı Testi",

From b3154b5f6a5a8f4939eb9083c0df1097a9d0fef4 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 11:03:05 +0800
Subject: [PATCH 43/52] Refactor(frontend): move use-speedtest-charts to
 composables
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It uses ref/reactive — a genuine composable, not a util. Aligns with the lib/composables/utils positioning.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/components/SpeedTest.vue                       | 2 +-
 frontend/{utils => composables}/use-speedtest-charts.js | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename frontend/{utils => composables}/use-speedtest-charts.js (100%)

diff --git a/frontend/components/SpeedTest.vue b/frontend/components/SpeedTest.vue
index 53d85f52c..40b58b772 100644
--- a/frontend/components/SpeedTest.vue
+++ b/frontend/components/SpeedTest.vue
@@ -167,7 +167,7 @@ import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
 import { isValidIP } from '@/utils/valid-ip.js';
 import getCountryName from '@/data/country-name.js';
 import SpeedTestEngine from '@cloudflare/speedtest';
-import useSpeedTestCharts from '@/utils/use-speedtest-charts.js';
+import useSpeedTestCharts from '@/composables/use-speedtest-charts.js';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/utils/use-speedtest-charts.js b/frontend/composables/use-speedtest-charts.js
similarity index 100%
rename from frontend/utils/use-speedtest-charts.js
rename to frontend/composables/use-speedtest-charts.js

From e8e2b556cff08bd03ee726dc71721b5565ba2f95 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 11:03:32 +0800
Subject: [PATCH 44/52] Refactor(frontend): move scroll-to from composables to
 utils

use-scroll-to exported a pure DOM helper (scrollToElement), not a composable. Relocated to utils/scroll-to.js and renamed its test accordingly.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/composables/use-shortcuts.js                         | 2 +-
 frontend/{composables/use-scroll-to.js => utils/scroll-to.js} | 0
 tests/{composable-scroll-to.test.js => scroll-to.test.js}     | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename frontend/{composables/use-scroll-to.js => utils/scroll-to.js} (100%)
 rename tests/{composable-scroll-to.test.js => scroll-to.test.js} (94%)

diff --git a/frontend/composables/use-shortcuts.js b/frontend/composables/use-shortcuts.js
index 2365b7407..d507c9878 100644
--- a/frontend/composables/use-shortcuts.js
+++ b/frontend/composables/use-shortcuts.js
@@ -18,7 +18,7 @@
 
 import { trackEvent } from '../utils/use-analytics.js';
 import { mappingKeys, keyMap, navigateCards } from '../utils/shortcut.js';
-import { scrollToElement } from './use-scroll-to.js';
+import { scrollToElement } from '../utils/scroll-to.js';
 
 function buildShortcutConfig({ refs, store, t, configs, userPreferences, isSignedIn }) {
     const {
diff --git a/frontend/composables/use-scroll-to.js b/frontend/utils/scroll-to.js
similarity index 100%
rename from frontend/composables/use-scroll-to.js
rename to frontend/utils/scroll-to.js
diff --git a/tests/composable-scroll-to.test.js b/tests/scroll-to.test.js
similarity index 94%
rename from tests/composable-scroll-to.test.js
rename to tests/scroll-to.test.js
index fda8dd936..09fa8c9cf 100644
--- a/tests/composable-scroll-to.test.js
+++ b/tests/scroll-to.test.js
@@ -1,7 +1,7 @@
 import assert from 'node:assert/strict';
 import { describe, it, after } from 'node:test';
 
-import { scrollToElement } from '../frontend/composables/use-scroll-to.js';
+import { scrollToElement } from '../frontend/utils/scroll-to.js';
 
 // inject minimal DOM stub, module itself does not access globalThis, reads only when function is called
 let scrollTarget = null;

From 3eac8b744389d0dbf62b2477a9dc95c3a6073707 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 11:04:17 +0800
Subject: [PATCH 45/52] Refactor(frontend): rename use-analytics to analytics
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It is a module-level analytics service with no Vue reactivity — the use- prefix wrongly implied a composable. Renamed utils/use-analytics.js to utils/analytics.js and updated all 29 importers.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/components/Achievements.vue                       | 2 +-
 frontend/components/Additional.vue                         | 2 +-
 frontend/components/Advanced.vue                           | 2 +-
 frontend/components/ConnectivityTest.vue                   | 2 +-
 frontend/components/DnsLeaksTest.vue                       | 2 +-
 frontend/components/Footer.vue                             | 2 +-
 frontend/components/IpInfos.vue                            | 2 +-
 frontend/components/Nav.vue                                | 2 +-
 frontend/components/SpeedTest.vue                          | 2 +-
 frontend/components/User.vue                               | 2 +-
 frontend/components/WebRtcTest.vue                         | 2 +-
 frontend/components/advanced-tools/CensorshipCheck.vue     | 2 +-
 frontend/components/advanced-tools/DnsResolver.vue         | 2 +-
 frontend/components/advanced-tools/EnhancedDnsLeakTest.vue | 2 +-
 frontend/components/advanced-tools/GlobalLatencyTest.vue   | 2 +-
 frontend/components/advanced-tools/InvisibilityTest.vue    | 2 +-
 frontend/components/advanced-tools/MacChecker.vue          | 2 +-
 frontend/components/advanced-tools/MtrTest.vue             | 2 +-
 frontend/components/advanced-tools/SecurityChecklist.vue   | 2 +-
 frontend/components/advanced-tools/Whois.vue               | 2 +-
 frontend/components/ip-infos/IpDetailPanel.vue             | 2 +-
 frontend/components/widgets/PWA.vue                        | 2 +-
 frontend/components/widgets/Preferences.vue                | 2 +-
 frontend/components/widgets/QueryIP.vue                    | 2 +-
 frontend/composables/use-info-mask.js                      | 2 +-
 frontend/composables/use-screenshot.js                     | 2 +-
 frontend/composables/use-section-tracking.js               | 2 +-
 frontend/composables/use-shortcuts.js                      | 2 +-
 frontend/main.js                                           | 2 +-
 frontend/utils/{use-analytics.js => analytics.js}          | 0
 30 files changed, 29 insertions(+), 29 deletions(-)
 rename frontend/utils/{use-analytics.js => analytics.js} (100%)

diff --git a/frontend/components/Achievements.vue b/frontend/components/Achievements.vue
index f13acabc1..e884670ca 100644
--- a/frontend/components/Achievements.vue
+++ b/frontend/components/Achievements.vue
@@ -107,7 +107,7 @@
 import { computed, watch } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import unixToDateTime from '@/utils/timestamp-to-date';
 import { Sheet, SheetContent, SheetClose } from '@/components/ui/sheet';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
diff --git a/frontend/components/Additional.vue b/frontend/components/Additional.vue
index 3e2f8d290..c01e33c97 100644
--- a/frontend/components/Additional.vue
+++ b/frontend/components/Additional.vue
@@ -68,7 +68,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
 import { Terminal } from '@lucide/vue';
 import { Badge } from '@/components/ui/badge';
diff --git a/frontend/components/Advanced.vue b/frontend/components/Advanced.vue
index dc998689b..15a6b3b7d 100644
--- a/frontend/components/Advanced.vue
+++ b/frontend/components/Advanced.vue
@@ -74,7 +74,7 @@ import { ref, computed, onMounted, onBeforeUnmount, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { Drawer, DrawerContent, DrawerClose } from '@/components/ui/drawer';
 import { Card, CardContent } from '@/components/ui/card';
 import { Maximize, Minimize, PanelBottomOpen } from '@lucide/vue';
diff --git a/frontend/components/ConnectivityTest.vue b/frontend/components/ConnectivityTest.vue
index 559642527..f798a11dc 100644
--- a/frontend/components/ConnectivityTest.vue
+++ b/frontend/components/ConnectivityTest.vue
@@ -117,7 +117,7 @@
 import { ref, computed, onMounted, onBeforeUnmount, reactive, watch, nextTick } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/components/DnsLeaksTest.vue b/frontend/components/DnsLeaksTest.vue
index 27412e299..8d2b18a28 100644
--- a/frontend/components/DnsLeaksTest.vue
+++ b/frontend/components/DnsLeaksTest.vue
@@ -117,7 +117,7 @@ import { ref, computed, onMounted, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/components/Footer.vue b/frontend/components/Footer.vue
index 72516d09e..665143318 100644
--- a/frontend/components/Footer.vue
+++ b/frontend/components/Footer.vue
@@ -144,7 +144,7 @@ import { ref, computed, watch, nextTick } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
 import changelogData from '@/data/changelog.json';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { Sheet, SheetContent, SheetClose } from '@/components/ui/sheet';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
diff --git a/frontend/components/IpInfos.vue b/frontend/components/IpInfos.vue
index 1b64a4261..42f591a0c 100644
--- a/frontend/components/IpInfos.vue
+++ b/frontend/components/IpInfos.vue
@@ -31,7 +31,7 @@
 import { ref, computed, onMounted, reactive, watch } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { isValidIP } from '@/utils/valid-ip.js';
 import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
 import { getIPFromIPIP, getIPFromCloudflare_V4, getIPFromCloudflare_V6, getIPFromIPChecking64, getIPFromIPChecking4, getIPFromIPChecking6 } from '@/utils/getips';
diff --git a/frontend/components/Nav.vue b/frontend/components/Nav.vue
index 7890b16b9..215613032 100644
--- a/frontend/components/Nav.vue
+++ b/frontend/components/Nav.vue
@@ -175,7 +175,7 @@
 import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import unixToDateTime from '@/utils/timestamp-to-date';
 import { Sheet, SheetContent, SheetClose } from '@/components/ui/sheet';
 import { Badge } from '@/components/ui/badge';
diff --git a/frontend/components/SpeedTest.vue b/frontend/components/SpeedTest.vue
index 40b58b772..f5e474ea3 100644
--- a/frontend/components/SpeedTest.vue
+++ b/frontend/components/SpeedTest.vue
@@ -162,7 +162,7 @@
 import { reactive, computed, onMounted, markRaw, onUnmounted } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
 import { isValidIP } from '@/utils/valid-ip.js';
 import getCountryName from '@/data/country-name.js';
diff --git a/frontend/components/User.vue b/frontend/components/User.vue
index 42f7385ab..c8512669d 100644
--- a/frontend/components/User.vue
+++ b/frontend/components/User.vue
@@ -29,7 +29,7 @@
 import { ref, computed, watch } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
 import { CircleCheck, HeartHandshake } from '@lucide/vue';
diff --git a/frontend/components/WebRtcTest.vue b/frontend/components/WebRtcTest.vue
index fe5015c5f..752eeea5d 100644
--- a/frontend/components/WebRtcTest.vue
+++ b/frontend/components/WebRtcTest.vue
@@ -119,7 +119,7 @@
 import { ref, computed, onMounted, onBeforeUnmount, reactive, watch } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { JnTooltip } from '@/components/ui/tooltip';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/components/advanced-tools/CensorshipCheck.vue b/frontend/components/advanced-tools/CensorshipCheck.vue
index 138443178..4347e6088 100644
--- a/frontend/components/advanced-tools/CensorshipCheck.vue
+++ b/frontend/components/advanced-tools/CensorshipCheck.vue
@@ -68,7 +68,7 @@
 import { ref, computed, h } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { useGlobalpingMeasurement } from '@/composables/use-globalping-measurement';
 import { isValidDomain } from '@/utils/valid-ip.js';
 import getCountryName from '@/data/country-name.js';
diff --git a/frontend/components/advanced-tools/DnsResolver.vue b/frontend/components/advanced-tools/DnsResolver.vue
index 029597335..761d502af 100644
--- a/frontend/components/advanced-tools/DnsResolver.vue
+++ b/frontend/components/advanced-tools/DnsResolver.vue
@@ -74,7 +74,7 @@
 <script setup>
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { isValidDomain } from '@/utils/valid-ip.js';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
diff --git a/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue b/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
index 2e81d6c4c..8dbdb6ff1 100644
--- a/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
+++ b/frontend/components/advanced-tools/EnhancedDnsLeakTest.vue
@@ -257,7 +257,7 @@
 import { ref, reactive, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import getCountryName from '@/data/country-name.js';
 import { Button } from '@/components/ui/button';
diff --git a/frontend/components/advanced-tools/GlobalLatencyTest.vue b/frontend/components/advanced-tools/GlobalLatencyTest.vue
index f116b8da8..bcebf9873 100644
--- a/frontend/components/advanced-tools/GlobalLatencyTest.vue
+++ b/frontend/components/advanced-tools/GlobalLatencyTest.vue
@@ -101,7 +101,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { useGlobalpingMeasurement, GLOBALPING_DEFAULT_LOCATIONS, selectableIPs } from '@/composables/use-globalping-measurement';
 import getCountryName from '@/data/country-name.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select';
diff --git a/frontend/components/advanced-tools/InvisibilityTest.vue b/frontend/components/advanced-tools/InvisibilityTest.vue
index ef000ab91..a55d8232d 100644
--- a/frontend/components/advanced-tools/InvisibilityTest.vue
+++ b/frontend/components/advanced-tools/InvisibilityTest.vue
@@ -165,7 +165,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
diff --git a/frontend/components/advanced-tools/MacChecker.vue b/frontend/components/advanced-tools/MacChecker.vue
index 970a75a4e..0f278f91e 100644
--- a/frontend/components/advanced-tools/MacChecker.vue
+++ b/frontend/components/advanced-tools/MacChecker.vue
@@ -89,7 +89,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import getCountryName from '@/data/country-name.js';
 import { CircleCheck, CircleX, Factory, ListChecks, Search } from '@lucide/vue';
 import { Input } from '@/components/ui/input';
diff --git a/frontend/components/advanced-tools/MtrTest.vue b/frontend/components/advanced-tools/MtrTest.vue
index 3f4d50c35..e0e34500f 100644
--- a/frontend/components/advanced-tools/MtrTest.vue
+++ b/frontend/components/advanced-tools/MtrTest.vue
@@ -67,7 +67,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { useGlobalpingMeasurement, GLOBALPING_DEFAULT_LOCATIONS, selectableIPs } from '@/composables/use-globalping-measurement';
 import getCountryName from '@/data/country-name.js';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion';
diff --git a/frontend/components/advanced-tools/SecurityChecklist.vue b/frontend/components/advanced-tools/SecurityChecklist.vue
index f073ffde5..d87519e2d 100644
--- a/frontend/components/advanced-tools/SecurityChecklist.vue
+++ b/frontend/components/advanced-tools/SecurityChecklist.vue
@@ -249,7 +249,7 @@
 import { ref, computed, onMounted, nextTick } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { CircleProgressBar } from 'circle-progress.vue';
 import VueMarkdown from 'vue-markdown-render';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
diff --git a/frontend/components/advanced-tools/Whois.vue b/frontend/components/advanced-tools/Whois.vue
index 971c2359f..b43ac4440 100644
--- a/frontend/components/advanced-tools/Whois.vue
+++ b/frontend/components/advanced-tools/Whois.vue
@@ -66,7 +66,7 @@
 import { ref, computed } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { isValidIP, isValidDomain } from '@/utils/valid-ip.js';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion';
 import { Input } from '@/components/ui/input';
diff --git a/frontend/components/ip-infos/IpDetailPanel.vue b/frontend/components/ip-infos/IpDetailPanel.vue
index 5c8d6620f..ea7708394 100644
--- a/frontend/components/ip-infos/IpDetailPanel.vue
+++ b/frontend/components/ip-infos/IpDetailPanel.vue
@@ -231,7 +231,7 @@
 // (copy button, etc.) differ.
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { fetchWithTimeout } from '@/utils/fetch-with-timeout.js';
 import { toBgpPrefix } from '@/utils/bgp-prefix.js';
 import ASNInfo from './ASNInfo.vue';
diff --git a/frontend/components/widgets/PWA.vue b/frontend/components/widgets/PWA.vue
index 7871ed014..26e1da069 100644
--- a/frontend/components/widgets/PWA.vue
+++ b/frontend/components/widgets/PWA.vue
@@ -7,7 +7,7 @@
 import { ref, onMounted } from 'vue';
 import '@khmyznikov/pwa-install';
 import { detectBrowser, detectOS } from '@/utils/system-detect.js';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 
 
 // Define data
diff --git a/frontend/components/widgets/Preferences.vue b/frontend/components/widgets/Preferences.vue
index da47f709e..03aad8aab 100644
--- a/frontend/components/widgets/Preferences.vue
+++ b/frontend/components/widgets/Preferences.vue
@@ -126,7 +126,7 @@
 import { computed, onMounted, h } from 'vue';
 import { useMainStore } from '@/store';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { Sheet, SheetContent, SheetClose } from '@/components/ui/sheet';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import { Switch } from '@/components/ui/switch';
diff --git a/frontend/components/widgets/QueryIP.vue b/frontend/components/widgets/QueryIP.vue
index 0e87e3b6b..affe3c589 100644
--- a/frontend/components/widgets/QueryIP.vue
+++ b/frontend/components/widgets/QueryIP.vue
@@ -67,7 +67,7 @@ import FitText from '@/components/widgets/FitText.vue';
 import { HERO_TIERS } from '@/composables/use-fit-text.js';
 import { transformDataFromIPapi } from '@/utils/transform-ip-data.js';
 import { useI18n } from 'vue-i18n';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { authenticatedFetch } from '@/utils/authenticated-fetch';
 import { Dialog, DialogContent, DialogHeader } from '@/components/ui/dialog';
 import { JnTooltip } from '@/components/ui/tooltip';
diff --git a/frontend/composables/use-info-mask.js b/frontend/composables/use-info-mask.js
index 92023498c..92b8c322e 100644
--- a/frontend/composables/use-info-mask.js
+++ b/frontend/composables/use-info-mask.js
@@ -16,7 +16,7 @@
 //   - isInfosLoaded: ref<boolean> — synchronized from store.allHasLoaded, for shortcut judgment
 
 import { ref, watch } from 'vue';
-import { trackEvent } from '../utils/use-analytics.js';
+import { trackEvent } from '../utils/analytics.js';
 
 const MASK_ATTR = 'data-mask-level';
 
diff --git a/frontend/composables/use-screenshot.js b/frontend/composables/use-screenshot.js
index cbf595d9a..838b7cedd 100644
--- a/frontend/composables/use-screenshot.js
+++ b/frontend/composables/use-screenshot.js
@@ -3,7 +3,7 @@
 // doesn't enter the initial bundle.
 
 import { ref } from 'vue';
-import { trackEvent } from '../utils/use-analytics.js';
+import { trackEvent } from '../utils/analytics.js';
 
 // On touch-primary devices route through the OS share sheet — iOS in
 // particular surfaces "Save Image" → Photos there, while a plain <a download>
diff --git a/frontend/composables/use-section-tracking.js b/frontend/composables/use-section-tracking.js
index 3a9e16d9d..776e3dd21 100644
--- a/frontend/composables/use-section-tracking.js
+++ b/frontend/composables/use-section-tracking.js
@@ -4,7 +4,7 @@
 
 import { onMounted, onBeforeUnmount } from 'vue';
 import { useMainStore } from '@/store';
-import { trackEvent } from '@/utils/use-analytics';
+import { trackEvent } from '@/utils/analytics';
 import { SECTION_IDS } from '@/data/sections';
 
 const isElementFullyInViewport = (el) => {
diff --git a/frontend/composables/use-shortcuts.js b/frontend/composables/use-shortcuts.js
index d507c9878..797bb1517 100644
--- a/frontend/composables/use-shortcuts.js
+++ b/frontend/composables/use-shortcuts.js
@@ -16,7 +16,7 @@
 //   - all scrolling + navigation actions use scrollToElement + advancedToolsRef.navigateAndToggleOffcanvas
 //   - `h` key infoMask switch only executes when isInfosLoaded is true
 
-import { trackEvent } from '../utils/use-analytics.js';
+import { trackEvent } from '../utils/analytics.js';
 import { mappingKeys, keyMap, navigateCards } from '../utils/shortcut.js';
 import { scrollToElement } from '../utils/scroll-to.js';
 
diff --git a/frontend/main.js b/frontend/main.js
index 3a1b7d5e2..e3b8fabf3 100644
--- a/frontend/main.js
+++ b/frontend/main.js
@@ -4,7 +4,7 @@ import { useMainStore } from './store';
 import App from './App.vue'
 import i18n from './locales/i18n';
 import router from './router';
-import { analytics } from './utils/use-analytics';
+import { analytics } from './utils/analytics';
 import { unregisterLegacyServiceWorker } from './utils/unregister-service-worker';
 import { addCollection } from '@iconify/vue';
 
diff --git a/frontend/utils/use-analytics.js b/frontend/utils/analytics.js
similarity index 100%
rename from frontend/utils/use-analytics.js
rename to frontend/utils/analytics.js

From 7483b7516d8140a4eb656c24d35c35fc578a66ae Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 11:05:17 +0800
Subject: [PATCH 46/52] Docs(frontend): define lib/composables/utils directory
 roles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a decision rule (touches Vue reactivity/lifecycle → composables; else utils; lib is shadcn-only) and reflects the use-speedtest-charts / scroll-to / analytics relocations in the layout.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/AGENTS.md | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/AGENTS.md b/frontend/AGENTS.md
index ce312d784..ca38b661c 100644
--- a/frontend/AGENTS.md
+++ b/frontend/AGENTS.md
@@ -22,17 +22,17 @@ frontend/
 ├── data/                        ← static config
 │                                  (achievements / ip-databases / sections /
 │                                   default-preferences / changelog)
-├── utils/                       ← pure helpers
+├── utils/                       ← framework-agnostic pure helpers + IO modules
 │                                  (valid-ip / getips / transform-ip-data /
-│                                   fetch-with-timeout / …)
-├── composables/                 ← reusable composition logic
+│                                   fetch-with-timeout / analytics / scroll-to / …)
+├── composables/                 ← Vue-aware reactive / stateful logic (useXxx)
 │   ├── use-fit-text.js          ← auto-fit font-size picker (+ HERO_TIERS / INLINE_TIERS presets)
 │   ├── use-globalping-measurement.js ← shared POST+poll orchestrator for the Globalping tools
 │   ├── use-info-mask.js
 │   ├── use-refresh-orchestrator.js
-│   ├── use-scroll-to.js
 │   ├── use-section-tracking.js
 │   ├── use-shortcuts.js
+│   ├── use-speedtest-charts.js  ← Chart.js config + reactive chart state for SpeedTest
 │   └── use-status-tone.js       ← shared 4-tier business-state → visual-color mapping
 └── components/
     ├── *.vue                    ← top-level sections (IpInfos / Connectivity / WebRTC / DnsLeaks
@@ -55,6 +55,16 @@ frontend/
 - **Path alias.** `@` → `frontend/` (defined in `jsconfig.json` and `vite.config.js`). Use `@/components/...`, `@/utils/...`, `@/composables/...`.
 - **Shared-with-backend helpers live under `common/`.** Import them with a relative path, e.g. `../../common/valid-ip.js`. `common/valid-ip.js` is re-exported from `frontend/utils/valid-ip.js` so most consumers can keep using `@/utils/valid-ip.js`; follow that pattern when adding more shared helpers (see `frontend/utils/fetch-with-timeout.js` for the second example).
 
+### Where does a helper go? `lib/` vs `composables/` vs `utils/`
+
+Three sibling directories hold non-component code. The deciding question is **does it touch Vue's reactivity or lifecycle?**
+
+- **`composables/`** — Vue-aware reactive / stateful logic. It uses `ref` / `reactive` / `computed` / `watch` or a lifecycle hook (`onMounted` / `onUnmounted`), or it wires into a component's `setup()` (registers listeners, returns reactive state, must be called once at mount). Named `useXxx()`. Examples: `use-theme`, `use-info-mask`, `use-speedtest-charts`, `use-shortcuts`. A `setup()`-time factory with no internal `ref` (e.g. `use-maxmind`, `use-status-tone`) still belongs here when it's Vue-app glue, but a *pure* function that happens to live next to a composable should be exported from that same file, not promoted to its own composable.
+- **`utils/`** — framework-agnostic pure helpers and IO modules. No `vue` import, no reactive state: pure transforms / validators / detection (`transform-ip-data`, `valid-ip`, `system-detect`, `timestamp-to-date`), network fetchers (`getips/`, `dnsleaks/`, `authenticated-fetch`), module-level services (`analytics`), and the thin re-export bridges to `common/` (`valid-ip`, `fetch-with-timeout`, `bgp-prefix`). **A file here must not carry a `use-` prefix** — that prefix is reserved for composables.
+- **`lib/`** — the shadcn-vue support layer, *not* a general dumping ground. Today it holds only `cn()` (tailwind-merge + clsx), which every `ui/` primitive imports as `@/lib/utils`. Don't add business or app logic here; new shared helpers go to `utils/` or `composables/` per the rule above.
+
+Quick test before adding a file: needs Vue reactivity/lifecycle → `composables/` (`useXxx`); otherwise → `utils/` (no `use-` prefix). Leave `lib/` to shadcn.
+
 ## shadcn-vue first
 
 Before hand-rolling a UI component (button, dialog, popover, list, etc.):

From 19ae2427a6751c8700f764d5b298b1c6c1b2921b Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 11:54:18 +0800
Subject: [PATCH 47/52] Refactor(ui): consolidate floating buttons into
 FloatingDock container

Extract a single fixed flex-column dock for the bottom-right floating
buttons (InfoMask / QueryIP). Removes the duplicated positionStyle +
resize listeners from each button and the hand-tuned per-button
bottom-* offsets; vertical stacking now comes from flex gap, so hiding
InfoMask no longer leaves a gap above QueryIP. Layout is preserved
(button centers at 56px / 106px, 50px apart).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/App.vue                             |  9 ++++--
 frontend/components/widgets/FloatingDock.vue | 30 ++++++++++++++++++++
 frontend/components/widgets/InfoMask.vue     | 18 +-----------
 frontend/components/widgets/QueryIP.vue      | 18 ++----------
 4 files changed, 39 insertions(+), 36 deletions(-)
 create mode 100644 frontend/components/widgets/FloatingDock.vue

diff --git a/frontend/App.vue b/frontend/App.vue
index b7108d26c..5eef63560 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -15,9 +15,11 @@
         <AdvancedTools ref="advancedToolsRef" />
       </div>
     </div>
-    <InfoMask :showMaskButton.value="showMaskButton" :infoMaskLevel.value="infoMaskLevel"
-      :toggleInfoMask="toggleInfoMask" />
-    <QueryIP ref="queryIPRef" />
+    <FloatingDock>
+      <InfoMask :showMaskButton.value="showMaskButton" :infoMaskLevel.value="infoMaskLevel"
+        :toggleInfoMask="toggleInfoMask" />
+      <QueryIP ref="queryIPRef" />
+    </FloatingDock>
     <HelpModal ref="helpModalRef" />
     <Additional ref="additionalRef" />
     <Footer ref="footerRef" />
@@ -46,6 +48,7 @@ import HelpModal from './components/widgets/Help.vue';
 import PWA from './components/widgets/PWA.vue';
 import Alert from './components/widgets/Toast.vue';
 import InfoMask from './components/widgets/InfoMask.vue';
+import FloatingDock from './components/widgets/FloatingDock.vue';
 
 // UI
 import { TooltipProvider } from './components/ui/tooltip';
diff --git a/frontend/components/widgets/FloatingDock.vue b/frontend/components/widgets/FloatingDock.vue
new file mode 100644
index 000000000..b29af1435
--- /dev/null
+++ b/frontend/components/widgets/FloatingDock.vue
@@ -0,0 +1,30 @@
+<template>
+    <!-- Bottom-right floating action dock: stacks its slotted buttons in a
+        column anchored to the content-area right edge. Owns the wide-screen
+        horizontal alignment so individual buttons no longer each re-implement
+        it, and the vertical stacking comes from flex gap rather than per-button
+        `bottom-*` offsets (so showing/hiding a button never leaves a gap). -->
+    <div class="fixed bottom-9 z-1050 flex flex-col items-end gap-2.5" :style="positionStyle">
+        <slot />
+    </div>
+</template>
+
+<script setup>
+// FloatingDock - single fixed container for the bottom-right floating buttons
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
+
+// Wide screen (>1600px): align to the content area's right edge (max-width
+// 1600px); otherwise stick 18px from the viewport's right edge.
+const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
+const positionStyle = computed(() => {
+    if (screenWidth.value > 1600) {
+        const spaceOnRight = (screenWidth.value - 1600) / 2;
+        return { right: `${spaceOnRight + 18}px` };
+    }
+    return { right: '18px' };
+});
+const handleResize = () => { screenWidth.value = window.innerWidth; };
+
+onMounted(() => window.addEventListener('resize', handleResize));
+onBeforeUnmount(() => window.removeEventListener('resize', handleResize));
+</script>
diff --git a/frontend/components/widgets/InfoMask.vue b/frontend/components/widgets/InfoMask.vue
index 2eda795ed..8c0f65c1e 100644
--- a/frontend/components/widgets/InfoMask.vue
+++ b/frontend/components/widgets/InfoMask.vue
@@ -4,8 +4,7 @@
             size="icon"
             type="button"
             variant="default"
-            class="fixed bottom-[86px] z-1050 rounded-full shadow-lg cursor-pointer"
-            :style="positionStyle"
+            class="rounded-full shadow-lg cursor-pointer"
             aria-label="Toggle Info Mask"
             @click="toggleInfoMask">
             <component :is="infoMaskLevel === 0 ? Eye : EyeOff" :size="16" />
@@ -14,7 +13,6 @@
 </template>
 
 <script setup>
-import { onMounted, onBeforeUnmount, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Eye, EyeOff } from '@lucide/vue';
 import { JnTooltip } from '@/components/ui/tooltip';
@@ -27,18 +25,4 @@ const { showMaskButton, infoMaskLevel, toggleInfoMask } = defineProps({
     infoMaskLevel: Number,
     toggleInfoMask: Function,
 });
-
-// Wide screen (>1600px) align to content area right (max-width 1600px), otherwise stick right 20px
-const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
-const positionStyle = computed(() => {
-    if (screenWidth.value > 1600) {
-        const spaceOnRight = (screenWidth.value - 1600) / 2;
-        return { right: `${spaceOnRight + 18}px` };
-    }
-    return { right: '18px' };
-});
-const handleResize = () => { screenWidth.value = window.innerWidth; };
-
-onMounted(() => { window.addEventListener('resize', handleResize); });
-onBeforeUnmount(() => { window.removeEventListener('resize', handleResize); });
 </script>
diff --git a/frontend/components/widgets/QueryIP.vue b/frontend/components/widgets/QueryIP.vue
index affe3c589..45ec58975 100644
--- a/frontend/components/widgets/QueryIP.vue
+++ b/frontend/components/widgets/QueryIP.vue
@@ -2,8 +2,7 @@
     <!-- Floating query button (bottom right fixed) -->
     <JnTooltip :text="t('Tooltips.QueryIP')" side="left">
         <Button size="icon" variant="action" type="button" aria-label="IP Check"
-            class="fixed bottom-9 z-1050 rounded-full shadow-lg cursor-pointer" :style="positionStyle"
-            @click="openQueryIP">
+            class="rounded-full shadow-lg cursor-pointer" @click="openQueryIP">
             <Search class="size-4" />
         </Button>
     </JnTooltip>
@@ -60,7 +59,7 @@
 // - No Copy button (the IP was typed by the user — copying it is pointless).
 // - No Map button (Dialog-in-Dialog stacking is avoided; enableMap=false).
 // - Own asnInfos / asnHistoryInfos caches (local to this component; not shared with IPCard).
-import { ref, computed, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';
+import { ref, computed, watch, nextTick } from 'vue';
 import { useMainStore } from '@/store';
 import { isValidIP } from '@/utils/valid-ip.js';
 import FitText from '@/components/widgets/FitText.vue';
@@ -164,18 +163,5 @@ const fetchIPForModal = async (ip) => {
     modalQueryError.value = t('ipcheck.NoData');
 };
 
-// Floating button positioning (align to content area right on wide screen)
-const screenWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 0);
-const positionStyle = computed(() => {
-    if (screenWidth.value > 1600) {
-        const spaceOnRight = (screenWidth.value - 1600) / 2;
-        return { right: `${spaceOnRight + 18}px` };
-    }
-    return { right: '18px' };
-});
-const handleResize = () => { screenWidth.value = window.innerWidth; };
-onMounted(() => window.addEventListener('resize', handleResize));
-onBeforeUnmount(() => window.removeEventListener('resize', handleResize));
-
 defineExpose({ openModal });
 </script>

From 511d647dccc90a8049c70276b0eefc1403ef34fd Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 14:25:09 +0800
Subject: [PATCH 48/52] Improvements

---
 api/dns-resolver.js                                | 1 -
 frontend/components/advanced-tools/DnsResolver.vue | 2 +-
 frontend/components/advanced-tools/Whois.vue       | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/api/dns-resolver.js b/api/dns-resolver.js
index f787a1651..fd5263280 100644
--- a/api/dns-resolver.js
+++ b/api/dns-resolver.js
@@ -19,7 +19,6 @@ const dnsServers = {
     'Quad9': '9.9.9.9',
     'ControlD': '76.76.2.0',
     'AdGuard': '94.140.14.14',
-    'Quad 101': '101.101.101.101',
     'AliDNS': '223.5.5.5',
     'DNSPod': '119.29.29.29',
     '114DNS': '114.114.114.114',
diff --git a/frontend/components/advanced-tools/DnsResolver.vue b/frontend/components/advanced-tools/DnsResolver.vue
index 761d502af..c520918f1 100644
--- a/frontend/components/advanced-tools/DnsResolver.vue
+++ b/frontend/components/advanced-tools/DnsResolver.vue
@@ -13,7 +13,7 @@
                 <ToggleGroup :model-value="queryType" type="single" variant="outline"
                     @update:model-value="(v) => v && changeType(v)">
                     <ToggleGroupItem v-for="type in recordTypes" :key="type" :value="type"
-                        class="flex-1 gap-1.5 min-w-12 md:min-w-20" :aria-label="type" :title="type">
+                        class="flex-1 gap-1.5 min-w-12 md:min-w-20 cursor-pointer" :aria-label="type" :title="type">
                         {{ type }}
                     </ToggleGroupItem>
                 </ToggleGroup>
diff --git a/frontend/components/advanced-tools/Whois.vue b/frontend/components/advanced-tools/Whois.vue
index b43ac4440..ee6fa83a2 100644
--- a/frontend/components/advanced-tools/Whois.vue
+++ b/frontend/components/advanced-tools/Whois.vue
@@ -35,8 +35,8 @@
             <!-- domain type: multiple provider Accordion -->
             <Accordion v-if="type === 'domain'" type="single" collapsible default-value="0" class="space-y-2">
                 <AccordionItem v-for="(provider, index) in providers" :key="provider" :value="String(index)"
-                    class="rounded-lg border bg-card px-4">
-                    <AccordionTrigger class="hover:no-underline">
+                    class="rounded-lg border bg-card px-4 data-[state=open]:border-primary/30">
+                    <AccordionTrigger class="hover:no-underline cursor-pointer my-1">
                         <div class="flex items-center gap-2 min-w-0">
                             <span
                                 class="shrink-0 inline-flex size-5 items-center justify-center rounded-full bg-foreground text-background text-xs font-semibold">

From be6eb2efb39daecfb38409ab93fc39049299ed7b Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sat, 30 May 2026 14:45:13 +0800
Subject: [PATCH 49/52] Improvements

---
 api/dns-resolver.js                  | 2 +-
 frontend/components/Achievements.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/api/dns-resolver.js b/api/dns-resolver.js
index fd5263280..560f06b3f 100644
--- a/api/dns-resolver.js
+++ b/api/dns-resolver.js
@@ -22,7 +22,7 @@ const dnsServers = {
     'AliDNS': '223.5.5.5',
     'DNSPod': '119.29.29.29',
     '114DNS': '114.114.114.114',
-    'China Unicom': '123.123.123.123',
+    'DNS4EU': '86.54.11.1',
 };
 
 // DNS-over-HTTPS server list
diff --git a/frontend/components/Achievements.vue b/frontend/components/Achievements.vue
index e884670ca..8d3d23cc3 100644
--- a/frontend/components/Achievements.vue
+++ b/frontend/components/Achievements.vue
@@ -84,8 +84,8 @@
                                 class="jn-achievement-card opacity-50 cursor-not-allowed">
                                 <div class="p-3 flex flex-col items-center justify-center min-h-[200px]">
                                     <img :src="achievement.img" alt=""
-                                        class="jn-slide-in size-[120px] object-contain grayscale blur-[4px]" />
-                                    <h3 class="mt-2 text-sm font-medium text-center text-muted-foreground grayscale blur-[4px]">
+                                        class="jn-slide-in size-[120px] object-contain grayscale blur-xs" />
+                                    <h3 class="mt-2 text-sm font-medium text-center text-muted-foreground grayscale blur-xs">
                                         {{ t(`user.Achievements.Type.${achievement.name}.Title`) }}
                                     </h3>
                                 </div>

From 1d09e2b60fb3f566b46950a05ec2535d3969a4a7 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sun, 31 May 2026 10:34:01 +0800
Subject: [PATCH 50/52] Improvements

---
 .dockerignore            |   16 +
 .github/workflows/ci.yml |   20 +-
 AGENTS.md                |   22 +-
 CONTRIBUTING.md          |    4 +-
 Dockerfile               |   14 +-
 README.md                |    4 +-
 README_FR.md             |    4 +-
 README_TR.md             |    4 +-
 README_ZH.md             |    4 +-
 frontend/AGENTS.md       |    2 +-
 package.json             |    5 +-
 pnpm-lock.yaml           | 4173 ++++++++++++++++++++++++++++++++++++++
 pnpm-workspace.yaml      |    5 +
 13 files changed, 4244 insertions(+), 33 deletions(-)
 create mode 100644 pnpm-lock.yaml
 create mode 100644 pnpm-workspace.yaml

diff --git a/.dockerignore b/.dockerignore
index 0a2a58db9..b0cc816b5 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -17,7 +17,23 @@ npm-debug.log*
 yarn-debug.log*
 pnpm-debug.log*
 
+# Runtime-downloaded databases — never bake them into the image. A clean CI build
+# wouldn't have them anyway; this keeps a local build (which has them on disk from
+# `pnpm dev`) consistent with CI, so the container always downloads fresh data on
+# first boot. Kept in sync with the matching block in .gitignore.
 common/maxmind-db/.maxmind-update-*.json
 common/maxmind-db/.maxmind-update.lock
 common/maxmind-db/*.bak
 common/maxmind-db/*.next
+common/maxmind-db/*.mmdb
+
+common/as-org-db/*.txt
+common/as-rel-db/*.txt
+common/as-org-db/.caida-update-state.json
+common/as-rel-db/.caida-update-state.json
+common/as-org-db/.caida-update.lock
+common/as-rel-db/.caida-update.lock
+common/as-org-db/*.bak
+common/as-rel-db/*.bak
+common/as-org-db/*.next
+common/as-rel-db/*.next
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 93b4a7d10..c85244fa6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -19,20 +19,26 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v6
 
+      - name: Setup pnpm
+        # Reads the `packageManager` field in package.json to pin the pnpm version,
+        # so CI uses the exact same pnpm as local dev.
+        uses: pnpm/action-setup@v4
+
       - name: Setup Node
         uses: actions/setup-node@v6
         with:
           node-version: 24
-          # Intentionally no `cache: npm` — that requires a package-lock.json, and this
-          # repo gitignores the lockfile by design. `npm install` below runs cold every
-          # run; dependency install on this project takes ~30s, which is acceptable
-          # versus the drift risk of committing a lockfile we don't otherwise use.
+          # The committed pnpm-lock.yaml lets setup-node cache the pnpm store keyed
+          # off the lockfile hash — installs are warm on every run after the first.
+          cache: pnpm
 
       - name: Install dependencies
-        run: npm install --no-audit --no-fund
+        # --frozen-lockfile: install strictly from the lockfile and fail if it is
+        # out of sync with package.json, rather than silently rewriting it.
+        run: pnpm install --frozen-lockfile
 
       - name: Run tests
-        run: npm test
+        run: pnpm test
 
       - name: Build
-        run: npm run build
+        run: pnpm run build
diff --git a/AGENTS.md b/AGENTS.md
index 555796771..88ba677ef 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -39,12 +39,14 @@ Single repo, two halves: a Vue 3 SPA front-end and an Express 5 back-end API, se
 
 | Command | What it does |
 |---|---|
-| `npm run dev` | Vite + backend (nodemon) together — front-end 5173, back-end 11966 |
-| `npm run build` | Front-end production build |
-| `npm run preview` | Vite preview of the build output |
-| `npm run start` | Built front-end + backend (static file server) |
-| `npm test` | Run all `tests/*.test.js` specs |
-| `npm run check` | `test` + `build`, the pre-commit self-check |
+| `pnpm dev` | Vite + backend (nodemon) together — front-end 5173, back-end 11966 |
+| `pnpm build` | Front-end production build |
+| `pnpm preview` | Vite preview of the build output |
+| `pnpm start` | Built front-end + backend (static file server) |
+| `pnpm test` | Run all `tests/*.test.js` specs |
+| `pnpm check` | `test` + `build`, the pre-commit self-check |
+
+This project uses **pnpm** as its package manager (pinned via the `packageManager` field in `package.json`). The lockfile is `pnpm-lock.yaml` (committed); `pnpm-workspace.yaml` holds the `allowBuilds` approvals for the few dependencies whose install scripts are trusted to run. Do not use `npm` / `yarn` — they would produce a competing lockfile.
 
 ## Project layout
 
@@ -61,7 +63,7 @@ Single repo, two halves: a Vue 3 SPA front-end and an Express 5 back-end API, se
 ├── tests/                       ← Node test runner specs
 │
 ├── backend-server.js            ← Express app (default port 11966)
-├── frontend-server.js           ← static file server for `npm start`
+├── frontend-server.js           ← static file server for `pnpm start`
 ├── index.html                   ← Vite entry; #app mounts vaul-drawer-wrapper
 ├── vite.config.js
 ├── jsconfig.json                ← JS project, alias @ → frontend/
@@ -96,10 +98,10 @@ Single repo, two halves: a Vue 3 SPA front-end and an Express 5 back-end API, se
 ## Testing
 
 - **Test runner:** Node built-in (`node --test`), no third-party framework. Specs live in `tests/*.test.js`.
-- **Coverage expectation:** any non-visual logic that can be exercised without a network call — pure functions, composables with mockable inputs, transform utilities, validators — ships with a test in `tests/` and is wired into `npm test`. UI rendering, real network behavior, and browser-API-dependent code are out of scope.
+- **Coverage expectation:** any non-visual logic that can be exercised without a network call — pure functions, composables with mockable inputs, transform utilities, validators — ships with a test in `tests/` and is wired into `pnpm test`. UI rendering, real network behavior, and browser-API-dependent code are out of scope.
 - **Big new features:** write the tests in the same change. Don't defer.
 - **Modifying a tested feature:** check the related tests; update them in the same change if behavior shifts.
-- **Tests must pass locally before you hand off.** If `npm run check` is red, don't ask the user to review.
+- **Tests must pass locally before you hand off.** If `pnpm check` is red, don't ask the user to review.
 
 ## Security & Boundaries
 
@@ -114,7 +116,7 @@ The backend enforces access control and timeouts through shared middleware rathe
 - **Branch discipline — `dev` in, `dev` out.** All work starts from `dev` and lands on `dev`. `main` is only updated via PRs that merge `dev` → `main`; never base a branch on `main`, never push directly to `main`. When an AI assistant operates from a worktree and needs to fast-forward `dev`, use `git push . HEAD:dev` (the repo has `receive.denyCurrentBranch=updateInstead` set, so git syncs the main worktree's files too when it's clean) rather than `git update-ref`, which leaves the main worktree's files out of sync with HEAD.
 - **Do not commit without explicit user approval.** The flow is: AI edits → user reviews → user tests → user says "commit" → AI commits. Silent commits are a breach of trust.
 - **One concern per commit.** Don't mix unrelated changes into a single commit. Split at the right seam.
-- **Self-test before handing off.** Run `npm run check` (or at least `npm test`) for every change. If the change is visual (UI layout, styling, interactions) and can't be verified headless, say so explicitly so the user can test it in `npm run dev`.
+- **Self-test before handing off.** Run `pnpm check` (or at least `pnpm test`) for every change. If the change is visual (UI layout, styling, interactions) and can't be verified headless, say so explicitly so the user can test it in `pnpm dev`.
 - **Every commit is gated on user testing.** Even with tests green, a visual change needs the user to have looked at it before it lands.
 - **Add yourself as a co-author to the commit.** If you are an AI.
 - **Commit message style** follows recent `git log` — `Refactor(xxx): …` / `Fix(ui): …` / `Feat(xxx): …` / `Style: …` / `Chore: …` prefix.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a98df5246..6824564ad 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -53,12 +53,12 @@ To set up the development environment for this project, you'll need to:
 
 1. Install Node.js, Vite, and Vue3.
 2. Clone the repository.
-3. Run `npm install` to install dependencies.
+3. Run `pnpm install` to install dependencies.
 4. Follow the instructions for Docker and Vercel deployment in our documentation if necessary.
 
 ### Testing
 
-Ensure that all tests pass and, if applicable, add new tests for your changes. Run `npm test` to execute tests.
+Ensure that all tests pass and, if applicable, add new tests for your changes. Run `pnpm test` to execute tests.
 
 ### Pull Request Guidelines
 
diff --git a/Dockerfile b/Dockerfile
index 94fc9c3e0..7a031a438 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,14 +1,22 @@
 # Build stage
 FROM node:24-alpine AS build-stage
+# corepack ships with the node image and provisions pnpm at the version pinned
+# by the `packageManager` field in package.json — no global npm install needed.
+RUN corepack enable
 WORKDIR /app
-COPY package*.json ./
-RUN npm install
+# Copy the manifests first so this layer (and the install below) stays cached
+# unless dependencies actually change. pnpm-workspace.yaml carries the
+# allowBuilds approvals; pnpm-lock.yaml is required by --frozen-lockfile.
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+RUN pnpm install --frozen-lockfile
 COPY . .
-RUN npm run build
+RUN pnpm run build
 
 # Production stage
 FROM node:24-alpine AS production-stage
 WORKDIR /app
+# node_modules is copied as-is from the build stage (pnpm's symlink farm into
+# .pnpm is preserved within /app), so the runtime needs no install step.
 COPY --from=build-stage /app/node_modules ./node_modules
 COPY --from=build-stage /app/package.json ./
 COPY --from=build-stage /app/dist ./dist
diff --git a/README.md b/README.md
index 1a89778ff..a6ff1cdb6 100644
--- a/README.md
+++ b/README.md
@@ -71,13 +71,13 @@ git clone https://github.com/jason5ng32/MyIP.git
 Install and build:
 
 ```bash
-npm install && npm run build
+pnpm install && pnpm run build
 ```
 
 Run:
 
 ```bash
-npm start
+pnpm start
 ```
 
 The program will run on port 18966.
diff --git a/README_FR.md b/README_FR.md
index 2bf6a78a9..a50de72ba 100644
--- a/README_FR.md
+++ b/README_FR.md
@@ -71,13 +71,13 @@ git clone https://github.com/jason5ng32/MyIP.git
 Installer & Construire :
 
 ```bash
-npm install && npm run build
+pnpm install && pnpm run build
 ```
 
 Exécuter:
 
 ```bash
-npm start
+pnpm start
 ```
 
 Le programme s'exécutera sur le port 18966.
diff --git a/README_TR.md b/README_TR.md
index 6d9bacef3..78a9b9a2e 100644
--- a/README_TR.md
+++ b/README_TR.md
@@ -71,13 +71,13 @@ git clone https://github.com/jason5ng32/MyIP.git
 Kurun ve derleyin:
 
 ```bash
-npm install && npm run build
+pnpm install && pnpm run build
 ```
 
 Çalıştırın:
 
 ```bash
-npm start
+pnpm start
 ```
 
 Uygulama 18966 portunda çalışacaktır.
diff --git a/README_ZH.md b/README_ZH.md
index ce85448d1..682ca1d9c 100644
--- a/README_ZH.md
+++ b/README_ZH.md
@@ -71,13 +71,13 @@ git clone https://github.com/jason5ng32/MyIP.git
 安装与编译:
 
 ```bash
-npm install && npm run build
+pnpm install && pnpm run build
 ```
 
 运行:
 
 ```bash
-npm start
+pnpm start
 ```
 
 程序会运行在 18966 端口。
diff --git a/frontend/AGENTS.md b/frontend/AGENTS.md
index ca38b661c..451b8ea96 100644
--- a/frontend/AGENTS.md
+++ b/frontend/AGENTS.md
@@ -183,4 +183,4 @@ Every free-form Input that takes a URL / IP / MAC / domain / custom identifier c
 
 - Composables and utils are the main target — covered by `tests/composable-*.test.js` and the various utility tests.
 - Vue rendering / user interactions / browser APIs: out of scope for the Node test runner.
-- For visual changes (layout, styling, animations), self-testing is not possible — explicitly ask the user to verify via `npm run dev`.
+- For visual changes (layout, styling, animations), self-testing is not possible — explicitly ask the user to verify via `pnpm dev`.
diff --git a/package.json b/package.json
index ac9070ba0..1c2680883 100644
--- a/package.json
+++ b/package.json
@@ -3,15 +3,16 @@
   "private": true,
   "version": "6.4.0",
   "type": "module",
+  "packageManager": "pnpm@11.5.0",
   "scripts": {
     "dev": "concurrently \"vite\" \"nodemon backend-server.js\"",
     "build": "vite build",
     "test": "node --test tests/*.test.js",
-    "check": "npm run test && npm run build",
+    "check": "pnpm run test && pnpm run build",
     "preview": "vite preview",
     "start-backend": "node backend-server.js",
     "start-frontend": "node frontend-server.js",
-    "start": "concurrently \"npm run start-frontend\" \"npm run start-backend\""
+    "start": "concurrently \"pnpm run start-frontend\" \"pnpm run start-backend\""
   },
   "dependencies": {
     "@cloudflare/speedtest": "^1.9.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 000000000..ee0f3e454
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,4173 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@cloudflare/speedtest':
+        specifier: ^1.9.1
+        version: 1.9.1
+      '@iconify-json/circle-flags':
+        specifier: ^1.2.10
+        version: 1.2.10
+      '@iconify/vue':
+        specifier: ^5.0.1
+        version: 5.0.1(vue@3.5.35)
+      '@khmyznikov/pwa-install':
+        specifier: ^0.6.3
+        version: 0.6.3(@lit/react@1.0.8(@types/react@19.2.14))(@types/dom-chromium-installation-events@101.0.4)(@types/web-app-manifest@1.0.9)(lit@3.3.2)
+      '@lucide/vue':
+        specifier: ^1.16.0
+        version: 1.16.0(vue@3.5.35)
+      '@tanstack/vue-table':
+        specifier: ^8.21.3
+        version: 8.21.3(vue@3.5.35)
+      '@thumbmarkjs/thumbmarkjs':
+        specifier: ^1.9.1
+        version: 1.9.1
+      '@vueuse/core':
+        specifier: ^14.3.0
+        version: 14.3.0(vue@3.5.35)
+      chart.js:
+        specifier: ^4.5.1
+        version: 4.5.1
+      circle-progress.vue:
+        specifier: ^3.4.1
+        version: 3.4.1
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      concurrently:
+        specifier: ^9.2.1
+        version: 9.2.1
+      country-code-lookup:
+        specifier: ^0.1.5
+        version: 0.1.5
+      dagre:
+        specifier: ^0.8.5
+        version: 0.8.5
+      dotenv:
+        specifier: ^17.4.2
+        version: 17.4.2
+      express:
+        specifier: ^5.2.1
+        version: 5.2.1
+      express-rate-limit:
+        specifier: ^8.5.2
+        version: 8.5.2(express@5.2.1)
+      express-slow-down:
+        specifier: ^3.1.0
+        version: 3.1.0(express@5.2.1)
+      firebase:
+        specifier: ^12.13.0
+        version: 12.13.0
+      html-to-image:
+        specifier: ^1.11.13
+        version: 1.11.13
+      http-proxy-middleware:
+        specifier: ^4.0.0
+        version: 4.0.0
+      maxmind:
+        specifier: ^5.0.6
+        version: 5.0.6
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(vue@3.5.35)
+      pino:
+        specifier: ^10.3.1
+        version: 10.3.1
+      pino-http:
+        specifier: ^11.0.0
+        version: 11.0.0
+      pino-pretty:
+        specifier: ^13.1.3
+        version: 13.1.3
+      reka-ui:
+        specifier: ^2.9.8
+        version: 2.9.8(vue@3.5.35)
+      svgmap:
+        specifier: 2.20.0
+        version: 2.20.0
+      tailwind-merge:
+        specifier: ^3.6.0
+        version: 3.6.0
+      tar:
+        specifier: ^7.5.15
+        version: 7.5.15
+      tw-animate-css:
+        specifier: ^1.4.0
+        version: 1.4.0
+      ua-parser-js:
+        specifier: ^2.0.10
+        version: 2.0.10
+      unbzip2-stream:
+        specifier: ^1.4.3
+        version: 1.4.3
+      vaul-vue:
+        specifier: ^0.4.1
+        version: 0.4.1(reka-ui@2.9.8(vue@3.5.35))(vue@3.5.35)
+      vue:
+        specifier: ^3.5.35
+        version: 3.5.35
+      vue-i18n:
+        specifier: ^11.4.4
+        version: 11.4.4(vue@3.5.35)
+      vue-markdown-render:
+        specifier: ^2.3.0
+        version: 2.3.0(vue@3.5.35)
+      vue-router:
+        specifier: ^5.0.7
+        version: 5.0.7(@vue/compiler-sfc@3.5.35)(pinia@3.0.4(vue@3.5.35))(vue@3.5.35)
+      vue-sonner:
+        specifier: ^2.0.9
+        version: 2.0.9
+      whoiser:
+        specifier: ^1.18.0
+        version: 1.18.0
+    devDependencies:
+      '@tailwindcss/vite':
+        specifier: ^4.3.0
+        version: 4.3.0(vite@8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3))
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.7
+        version: 6.0.7(vite@8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3))(vue@3.5.35)
+      code-inspector-plugin:
+        specifier: ^1.5.1
+        version: 1.5.1
+      nodemon:
+        specifier: ^3.1.14
+        version: 3.1.14
+      tailwindcss:
+        specifier: ^4.3.0
+        version: 4.3.0
+      vconsole:
+        specifier: ^3.15.1
+        version: 3.15.1
+      vite:
+        specifier: ^8.0.14
+        version: 8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3)
+
+packages:
+
+  '@babel/generator@8.0.0-rc.6':
+    resolution: {integrity: sha512-6mIzgVK8DgEzvIapoQwhXTMnnkuE4STQmVv9H03i/tZ2ml8oev3TRvZJgTenK2Bsq0YWNtzOrFdTyNzCMFtjJQ==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@8.0.0-rc.6':
+    resolution: {integrity: sha512-BCkFy+zN6kXQed3YOT7aJl93NfDSzQc3pBfsvTVPs9gU9X3V0aefEF5kwBT0E+mDWH9QgKaZstYUQN9VdQZT4g==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@8.0.0-rc.6':
+    resolution: {integrity: sha512-nVJ+1JcCgntv8d78rRo++o2wuODT0Irknx2BF8Np4Ft2CRgjLqIs4qzSZ8b66yGbBdMWGmZBO9WEZv1hhNiSpg==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@babel/parser@7.29.3':
+    resolution: {integrity: sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@8.0.0-rc.6':
+    resolution: {integrity: sha512-rOS8IpdO7mQELkTPlCsTgPejO0bFuZdEDCGQJouYbYf9e1FLTym7Fei2pEjq8q7MWbX0ravcd7QQYKs1TxOuog==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+    hasBin: true
+
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@8.0.0-rc.6':
+    resolution: {integrity: sha512-p7/ABylAYlexb31wtRdIfH9L9A0Z2T/9H6zAqzqndkY2PLkvNNc580wGhp/gGKN4Sp9sQvSkhc6Oga8/O+wTyw==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+
+  '@cloudflare/speedtest@1.9.1':
+    resolution: {integrity: sha512-pXJ5vXvZCh0qUZnvvpjSL+VxD9aBa5PZKF7Diysby0oY0AkHYwNIbE7dGBmXC6YCeoYScEpRdHP5wPxLxFa5KA==}
+    engines: {node: '>=12'}
+
+  '@code-inspector/core@1.5.1':
+    resolution: {integrity: sha512-Y9JdgoxVh93xRMupTa1lT/v+UlcBEpM7Y1BTxQy924wSe6VVEXsJ1nPJ/Ob2HPMUAA6F568aHALi2KDUhA2kzg==}
+
+  '@code-inspector/esbuild@1.5.1':
+    resolution: {integrity: sha512-Z/WZVCG6WaB9HTcDC8l15RpgEsfFj/WKLLr6cKNX/JzAYBroadLPw1N0sbUJUIQnow5cCo7KYpHrC1T27WVMnw==}
+
+  '@code-inspector/mako@1.5.1':
+    resolution: {integrity: sha512-EQmqQnnyW8tf3EBRlYyRYv1n3W1PUcfaYuuXXAfBdfJIGMwJjj0PcrDsdiI5MNyFmIx3QdMREhWmPMx1LoAANg==}
+
+  '@code-inspector/turbopack@1.5.1':
+    resolution: {integrity: sha512-PeLbcDtKDoSrKPsWnwQc+Yj9KgCa3xbHxEwXa/aGVykilvfvYP9AH1z5BRyZLDgB21diSV75BPNpF+o/FQRYug==}
+
+  '@code-inspector/vite@1.5.1':
+    resolution: {integrity: sha512-gkfmSmawYb1yDDuCft4DESXCAD3JxPt59dGiRoD78GhQzSYHk3tnLPZMH/GLBpdeFNbKHi1FtEMbAAECIJG9xg==}
+
+  '@code-inspector/webpack@1.5.1':
+    resolution: {integrity: sha512-8i3QI/bSirORDF/0P16T6NhNy1RxO7soip8sWeV/2btLbYCwyiaDnqT4Bw3JaM8MNz0N8NaA2qItUrrKE7TtCg==}
+
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@firebase/ai@2.12.0':
+    resolution: {integrity: sha512-b+OL4vdyiSLZL/7dLd67V55CjKJvU9MpNmwnday7eA6GG2+J4iwUEsEHgw0/jKY3A41FfkF0SrnYFvtKbQZ65A==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+      '@firebase/app-types': 0.x
+
+  '@firebase/analytics-compat@0.2.28':
+    resolution: {integrity: sha512-lIAlqUUbBu93FJMlQfslryQtBwwzdzvp23ePC6FNgymXk6Ook5v4Uvc0vdutvoIeqmyA3LfP0ZeRFK8+11kOOQ==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/analytics-types@0.8.4':
+    resolution: {integrity: sha512-zQ+XTgkwH6CY/eUSHJRP7e4LxM30RCxlCmob5sy2axs25GE3Ny0XdgpDscMTHHQIGqWkxPXad4w2Mw9sCgT8zQ==}
+
+  '@firebase/analytics@0.10.22':
+    resolution: {integrity: sha512-8BSaq/QRGU1+xyi8L2PTLTJU7MH9aMA72RQdIxrbhWFauOZY9OXo8f2YDN/972xA8d588tlnNVEQ2Mo69pT9Ow==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/app-check-compat@0.4.3':
+    resolution: {integrity: sha512-L3AKIRTJxT9b7cDUH3OyV8gWTnmW3vYkwdzRsukWt4kbPBTct12xalnyvHDkm1lKkr+cQq/4uzBx1bOWsQ2ciw==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/app-check-interop-types@0.3.4':
+    resolution: {integrity: sha512-zz3i6e13B8BfWiLy8MABtTh8aGIACgKbf9UVnyHcWs+yQzJXgQcl8A46b0zfaiJHdQ+niF0ouAfcpuf+3LMPQg==}
+
+  '@firebase/app-check-types@0.5.4':
+    resolution: {integrity: sha512-xV7JsIyzVr15aA7f3Pi0rB9gdBuVubs89FGA8VkRYA4g0l78poADgdfrScgf7NndSg9mm7cR7PJyY0+t22KaGw==}
+
+  '@firebase/app-check@0.11.3':
+    resolution: {integrity: sha512-aJ4DfubWfTO8/2vhEhIAizOoOmiycESTU32e+OUgbWcS/G3PA4Vxlr/9zaiN2wfUG2AptQ7DTvj00tyuFZP5Bg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/app-compat@0.5.12':
+    resolution: {integrity: sha512-Pe513OBerK/CIBxz4/za9atd5MsZtd6DzHz4cmqkvkrcDWhQChAoHBpZ3McuZNuSP8YZiKwfX/J1frR07l15/w==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/app-types@0.9.5':
+    resolution: {integrity: sha512-YevqTjvo7Iujsa9Dwowmd6dSoElhzmD63ZSrq6bzjvQ6POjYgNjOFHLmNIgJs48eNO093NCERibuFnxbfOvU7A==}
+
+  '@firebase/app@0.14.12':
+    resolution: {integrity: sha512-FT+HoNp1NdaZ/N26hCwV3WbxS1m6gTn3p2QRBQ3KH7YqyCQqJx0iT7126RgVk68/Rq+9DeL/zCFnHZ0C4u1nLQ==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/auth-compat@0.6.6':
+    resolution: {integrity: sha512-KDJ/GAf/rt7galOpn3DRb2buFfGkZCsHTryKjXDG0eeRnok4+2B4nnkMOMdjRnPkElmcJv2Ao0vEA6kp5m98PQ==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/auth-interop-types@0.2.5':
+    resolution: {integrity: sha512-1Li/YuBDBAXcKv7BzY4U28gontUmAaw53sYiqbaVOMCFb2lFKK/c3CGMUWqtwe7+TXrl3poWnTCL5umYBg85Eg==}
+
+  '@firebase/auth-types@0.13.1':
+    resolution: {integrity: sha512-0c1Mnid0uMDfGJHeUS4zfvBa4/CedJXotGy/n/NZJnBjwiJawt0ZYU+wH2VAVLiRCEfG2ncCkAX3yd1/2nrB7g==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/auth@1.13.1':
+    resolution: {integrity: sha512-/1nkKY/MicI+I9WWcx6R4NKs77AaW9NQ0IwsFdUBomWrW0/cXEmopfM2dtLm2oI1qG6z6vom3CXZDHJIJXoMuw==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+      '@react-native-async-storage/async-storage': ^2.2.0 || ^3.0.0
+    peerDependenciesMeta:
+      '@react-native-async-storage/async-storage':
+        optional: true
+
+  '@firebase/component@0.7.3':
+    resolution: {integrity: sha512-wFofIaa2879ogD/WvkjYXJxRmfnL0scen6ORgaC3na1FNOR9ASIUANQdhqQcmWu/h77/pVHY7ch5flewa5Bcew==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/data-connect@0.7.0':
+    resolution: {integrity: sha512-ar9sNOJh5poQCSMSVlnVE8eo8+usTD1POWDCv65omkKUvnFMcdXaQ7J/e7WGKqJzcEMgiezSX/TZiKHZkItMbQ==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/database-compat@2.1.4':
+    resolution: {integrity: sha512-3pK35F1MAgmqFJQlf2nhQl44vtAXQO1uaCaQOEUI9kCRtLFqi7N+QRKR7lFZPg+xIZIyubgxQaxY69YgfZRZWg==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/database-types@1.0.20':
+    resolution: {integrity: sha512-kegbOk/w8iU64pr0q6k2ItyNGjnQBMHFhwS7ohdWI4W+pc0/zhhdGXTdFj6X1oxItRjPoYOsSQmERgBkn/ihxw==}
+
+  '@firebase/database@1.1.3':
+    resolution: {integrity: sha512-XwWCa+E4TvNGpGwXrycLRNfdogADwFcvuhyow6wDWma9W54roaQIhe+4PM0KiLsIftBdSCGI7OKCXrdSRHbIhw==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/firestore-compat@0.4.9':
+    resolution: {integrity: sha512-NPtBuFr79BbIQJXFWhW4xFC6rBksK8/ewqCTYbbAYfZBDDx0/iHTUj4WpKi5D4d0Pn2Md/3T/e5V9379G5N/Zg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/firestore-types@3.0.4':
+    resolution: {integrity: sha512-jGn+JSS4X9zZsrfu7Yw66v5YRdOLD1oyQh4USR0xWl4CUqV/DA6bNIXRPpxH/cUl3iVTNiP6MN7g+EL42A4qfA==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/firestore@4.14.1':
+    resolution: {integrity: sha512-PouS0NJZ3NYOZE/tPDvXa8VUeJ10Ll//7jIdFvMYdhQkd/P3O7nlqhyoTmY0h8Xa9hxg+H0j6gxUytJcoZ9YOg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/functions-compat@0.4.4':
+    resolution: {integrity: sha512-Be+MwhseVf/eFAZwGrFJGok6S7cmsLrAPK8MgyM8LjM0MewTsx2n01WOOca9jio1UsCZOJ0aVyQobnINcdNuIQ==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/functions-types@0.6.4':
+    resolution: {integrity: sha512-zV6kgqtduR4rUAdC/ilS7kmb93XD7bEZoJDlVBZqlOw2uGGGCNBQBuleww2rr0Ulr3L9o2TDjumEt68/l1f9DQ==}
+
+  '@firebase/functions@0.13.4':
+    resolution: {integrity: sha512-oB5rpm2Emxn2+IS1gRelAeT/5tSZMwM/KhqC5LnJsmTNnS1ZDhD7ZMZNgCI8vchTW6PbaXIwEnpUryGuIQsNbg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/installations-compat@0.2.22':
+    resolution: {integrity: sha512-C/zpAuTP5S9OgKSPvXRupw3hoY/JZSlA1wFjD/Sb7LIQE0FNbcMdO8Y4KXVEkjVzma/DDDDIAzxEXqKMAzc88w==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/installations-types@0.5.4':
+    resolution: {integrity: sha512-U2eFapdHwjb43Vx9o+Pmj4dFfvcHEK1IirEFLqMtWrTHvmdrS3gBpBD1kmJk/9HjsOtoHZxJ2Paoe79e+L1ZPg==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+
+  '@firebase/installations@0.6.22':
+    resolution: {integrity: sha512-ef6nn3GGQTdReCfotRMG77PJZu8CqEbiK5pEoBnM0gTu/Z9v0i/az2p3HABsa/1beQmmyh1OsOjf7P5+pgwdZw==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/logger@0.5.1':
+    resolution: {integrity: sha512-vZKLsqE1ABOy8OjQiE7cUTFn4gvaqlk88yp8N94Pk/sDpq61YqZGqmVFZTvOyflTwuYFcWirBdYGoJgbDaXKYQ==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/messaging-compat@0.2.26':
+    resolution: {integrity: sha512-fn0XvWOfK4tsDLSipwJUW9Cp6ahWA6z+iJHxZ0pHp9MzMSUNQx85yuxZAuI7gkGXfqs7+DqEDHyyS7jDGswrmQ==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/messaging-interop-types@0.2.4':
+    resolution: {integrity: sha512-wrzITQq+xw5LtygX7O0fu43/k9ABQ4x5H9/sR5m1SbNnhIRI5xd3+raSNJaJkYC4BUhM9A4ZNSnyR2sjhxnb2Q==}
+
+  '@firebase/messaging@0.12.26':
+    resolution: {integrity: sha512-lHVTO9uLofymHVWkYeUtMddIPcmJvSzVbHRB88W6XKfxbcKF+p3QrfqKhDxremSB4NQjUla1Gwn7d9umSMmt/w==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/performance-compat@0.2.25':
+    resolution: {integrity: sha512-q6NjTXpIPoFuUmCmMN/maCdTgzT6aExs9xZo+PxfVLj6uLVGvpyAD6XWjmcrb7jChsFBYbq7E5dyNDF7Zhy9kA==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/performance-types@0.2.4':
+    resolution: {integrity: sha512-kJSEk7b0uhpcPRyL4SQ/GPujLqk52XNKcXlnsKDbWGAb9vugcLvOU3u6zfEdwd+d8hWJb5S5ZizV1JFFI0nkKg==}
+
+  '@firebase/performance@0.7.12':
+    resolution: {integrity: sha512-fe7nV8teUU3OBHlMUZ9Lw4gLhCW2k4m5Uc3pfWGV+fl8uwJQBGp9Q3lqsJ+HSrFu3Q2pJyLAgrClPGSKyDeYgQ==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/remote-config-compat@0.2.24':
+    resolution: {integrity: sha512-EWZTt6fJ7YmPHodQNsSxAIDZY2x8P5kRPvXAc5CmzzBm+NyPFhODbfDsNllDXDL8jlzp50bVWjDY+BXepZS9Mg==}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/remote-config-types@0.5.1':
+    resolution: {integrity: sha512-cX/1LT6KQwkXzck2eSzeKnuvXZCyr8qaPpDcikoJs7jmI+oBOXixpDLeDtWj1U6GNMkIoXrEDNoyT2Ypcyp5/A==}
+
+  '@firebase/remote-config@0.8.3':
+    resolution: {integrity: sha512-ggGKAaLy9YNOvpFoQZgm5p5SiFw3ZFtwti08dojnBQmQicpThTxvG5xZMSpCTYMj2o3gM/yK9CVd2w+kZub8YA==}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/storage-compat@0.4.3':
+    resolution: {integrity: sha512-gruVqjtUGX8tEoeNbaWXZm0Zfcfcb7fvmDmBxV8yPAbWvExRnZYLO2+qw9idxNE7BvPXt5csyjSYHy//dAizxw==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app-compat': 0.x
+
+  '@firebase/storage-types@0.8.4':
+    resolution: {integrity: sha512-BT7cwxJOx8SWwlQfrlC+bD/Sk3Cw+1odCi8UZNFNWTVZoPsBnA5W+mqtZzVnvsdJpXCFGSGQ7R7vOR6dtM/BRA==}
+    peerDependencies:
+      '@firebase/app-types': 0.x
+      '@firebase/util': 1.x
+
+  '@firebase/storage@0.14.3':
+    resolution: {integrity: sha512-YX4/YL6P6/fufSSeGnVhjWddcIXbFq2cWIhMKFTZo1E/Rtcl2mJj/BYUQTwJfcE1Tl8un1FOya4L05jcSLN/Eg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      '@firebase/app': 0.x
+
+  '@firebase/util@1.15.1':
+    resolution: {integrity: sha512-LUdM4Wg7YM9Pq/49nGYySJA0CSQEKnGffFzWV8+6gXN7mGxn+FL1IqvFbuZUtAQcfZgHYDwCE1wwlK7rB7gl2g==}
+    engines: {node: '>=20.0.0'}
+
+  '@firebase/webchannel-wrapper@1.0.6':
+    resolution: {integrity: sha512-Vr/Mqu79dMwGRAyGbJ4uN4+BtXB3/mRTdzetD1daWNeG8QaWuzhhbG77GltO5c0yYmYls8i250iX73624GJd7Q==}
+
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+
+  '@floating-ui/vue@1.1.11':
+    resolution: {integrity: sha512-HzHKCNVxnGS35r9fCHBc3+uCnjw9IWIlCPL683cGgM9Kgj2BiAl8x1mS7vtvP6F9S/e/q4O6MApwSHj8hNLGfw==}
+
+  '@grpc/grpc-js@1.9.15':
+    resolution: {integrity: sha512-nqE7Hc0AzI+euzUwDAy0aY5hCp10r734gMGRdU+qOPX0XSceI2ULrcXB5U2xSc5VkWwalCj4M7GzCAygZl2KoQ==}
+    engines: {node: ^8.13.0 || >=10.10.0}
+
+  '@grpc/proto-loader@0.7.15':
+    resolution: {integrity: sha512-tMXdRCfYVixjuFK+Hk0Q1s38gV9zDiDJfWL3h1rv4Qc39oILCu1TRTDt7+fGUI8K4G1Fj125Hx/ru3azECWTyQ==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  '@iconify-json/circle-flags@1.2.10':
+    resolution: {integrity: sha512-sZRxs689a281RtZvuAiKtV7pQHv8Tk0HkinSM7QvLgdLEK8xgGRCcbDvL09Rq+/KtemmsMzGhS9/qt+r3ca+Ug==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/vue@5.0.1':
+    resolution: {integrity: sha512-aumwwooJlFJ5H5qYWB6ZTAyM0C8hpfcSVLB9/a3qnH1GGvIJ+FEbpEs4s/HfErYe/M5qZeLjwmESR5fFm3lXEw==}
+    peerDependencies:
+      vue: '>=3.0.0'
+
+  '@internationalized/date@3.12.1':
+    resolution: {integrity: sha512-6IedsVWXyq4P9Tj+TxuU8WGWM70hYLl12nbYU8jkikVpa6WXapFazPUcHUMDMoWftIDE2ILDkFFte6W2nFCkRQ==}
+
+  '@internationalized/number@3.6.6':
+    resolution: {integrity: sha512-iFgmQaXHE0vytNfpLZWOC2mEJCBRzcUxt53Xf/yCXG93lRvqas237i3r7X4RKMwO3txiyZD4mQjKAByFv6UGSQ==}
+
+  '@intlify/core-base@11.4.4':
+    resolution: {integrity: sha512-w/vItlylrAmhebkIbVl5YY8XMCtj8Mb2g70ttxktMYuf5AuRahgEHL2iLgLIsZBIbTSgs4hkUo7ucCL0uTJvOg==}
+    engines: {node: '>= 22'}
+
+  '@intlify/devtools-types@11.4.4':
+    resolution: {integrity: sha512-PcBLmGmDQsTSVV911P8upzpcLJO1CNVYi/IH6bGnLR2nA+0L963+kXN1ZrisTEnbtw2ewN6HMMSldqzjronA0Q==}
+    engines: {node: '>= 22'}
+
+  '@intlify/message-compiler@11.4.4':
+    resolution: {integrity: sha512-vn0OAV9pYkJlPPmgnsSm5eAG3mL0+9C/oaded2JY9jmxBbhmUXT3TcAUY8WRgLY9Hte7lkUJKpXrVlYjMXBD2w==}
+    engines: {node: '>= 22'}
+
+  '@intlify/shared@11.4.4':
+    resolution: {integrity: sha512-QRUCHqda1U6aR14FR0vvXD4+4gj6+fm0AhAozvSuRCw0fCvrmCugWpgiR4xH2NI6s8am6N9p5OhirplsX8ZS3g==}
+    engines: {node: '>= 22'}
+
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@khmyznikov/pwa-install@0.6.3':
+    resolution: {integrity: sha512-1GoPVcltXCZgXa7kovAYqodSWNmUW26RaNoF6KbSGfEZ6r6OLwHrUm/+vYFlDUBaIgYHo5Xi301bN4mG51KZRA==}
+    peerDependencies:
+      '@lit/react': ^1.0.8
+      '@types/dom-chromium-installation-events': ^101.0.4
+      '@types/web-app-manifest': ^1.0.9
+      lit: ^3.3.1
+
+  '@kurkle/color@0.3.4':
+    resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
+
+  '@lit-labs/ssr-dom-shim@1.5.1':
+    resolution: {integrity: sha512-Aou5UdlSpr5whQe8AA/bZG0jMj96CoJIWbGfZ91qieWu5AWUMKw8VR/pAkQkJYvBNhmCcWnZlyyk5oze8JIqYA==}
+
+  '@lit/react@1.0.8':
+    resolution: {integrity: sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==}
+    peerDependencies:
+      '@types/react': 17 || 18 || 19
+
+  '@lit/reactive-element@2.1.2':
+    resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==}
+
+  '@lucide/vue@1.16.0':
+    resolution: {integrity: sha512-kiHx0fe49DMjQuvNaEOu9Jou6u9FwdqQ8xbZIKlD47sXrOI8g59kIeeQL42NBLI4AvO+UJsbaPX0hEK/4rHSBQ==}
+    peerDependencies:
+      vue: '>=3.0.1'
+
+  '@napi-rs/wasm-runtime@1.1.4':
+    resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
+  '@oxc-project/types@0.132.0':
+    resolution: {integrity: sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ==}
+
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
+  '@protobufjs/aspromise@1.1.2':
+    resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
+
+  '@protobufjs/base64@1.1.2':
+    resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
+
+  '@protobufjs/codegen@2.0.5':
+    resolution: {integrity: sha512-zgXFLzW3Ap33e6d0Wlj4MGIm6Ce8O89n/apUaGNB/jx+hw+ruWEp7EwGUshdLKVRCxZW12fp9r40E1mQrf/34g==}
+
+  '@protobufjs/eventemitter@1.1.0':
+    resolution: {integrity: sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==}
+
+  '@protobufjs/fetch@1.1.0':
+    resolution: {integrity: sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==}
+
+  '@protobufjs/float@1.0.2':
+    resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
+
+  '@protobufjs/inquire@1.1.1':
+    resolution: {integrity: sha512-mnzgDV26ueAvk7rsbt9L7bE0SuAoqyuys/sMMrmVcN5x9VsxpcG3rqAUSgDyLp0UZlmNfIbQ4fHfCtreVBk8Ew==}
+
+  '@protobufjs/path@1.1.2':
+    resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
+
+  '@protobufjs/pool@1.1.0':
+    resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
+
+  '@protobufjs/utf8@1.1.1':
+    resolution: {integrity: sha512-oOAWABowe8EAbMyWKM0tYDKi8Yaox52D+HWZhAIJqQXbqe0xI/GV7FhLWqlEKreMkfDjshR5FKgi3mnle0h6Eg==}
+
+  '@rolldown/binding-android-arm64@1.0.2':
+    resolution: {integrity: sha512-ZS4D1JPGn/MYQN/SYDWftIE/nVsM8j/AFOYEzAoOE2O3NktQOZru+/vYXGbR/qtdLdIfGCP0lcoJiYVzsEz+iQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.2':
+    resolution: {integrity: sha512-vdFA9+C/rekyGce7WqHs/xoT0ioZEWaOFyZLIV1mEeNFaFDUQrPIo8Vs2GvJ6eetb3rzDUtUBgzto3ExpXJB3w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.2':
+    resolution: {integrity: sha512-BewSOwTHazv77DTYiAZXSqqKZ4KP/KonFisDMVU7PImxoWfB2aepnPhd2E4SWz3zDzYgDNbs6jBmTdgNnF02GA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.2':
+    resolution: {integrity: sha512-m41o7M0YWtUdqk61Tb+jnKb2rN++iRdIASlExkUoKfIAH30DOHCB8fVLzSUpbWHHU8esmEioY62PxzexE8MBuA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.2':
+    resolution: {integrity: sha512-jcojB9H7W/jS29pMKWAK1N+fU99vXodHDTatS3b3y/XSOCiHo0kkA74pL3jJmkoQtYpOCxDvaKs1fo2Ij/1X5w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.2':
+    resolution: {integrity: sha512-1jn6qDU5iiOgFgygDzKUuKP0maTi0/f1+sBLgvij/76C77Nm3ts6ufz9Bjg5q5dduxiUIxtq86JIoBvo1xQ4Ig==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.2':
+    resolution: {integrity: sha512-QVLO/czFMdoMFSqlX3bcswcJNm/23r+qoa/jgtmFc/qEp6/jXmIkDjF/XIo8dPfGaiwy1xfQn8o77L79GeXFgw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.2':
+    resolution: {integrity: sha512-hgO5Abm0w5UL6FEa2iFnZqo2KlK7TQ5QhV5x09hujBf7t5KzHQ1VmfPuTpqRy/rNlSxua3eWH374xxiVrP+lcA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.2':
+    resolution: {integrity: sha512-fy8rXxuYEu602abC8MUNaPjYLIFzReOaEIEMKMUa0rFEUxNpVXhs15KSSQ4qlqSaM7B6rcj9rDZgADh/IGDzLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.2':
+    resolution: {integrity: sha512-0+bOkiQ779+r1WpoHOWHqncvyySci0vKph+myNDYb+im6meJAzHQXay6oEgnkHuUGouM1LKTZwqKpBow6Kj7CQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.0.2':
+    resolution: {integrity: sha512-mjSkrzZK5Qsl0a9d1JgILOiuZOSDTVdKENcSXBoqbzSrspLR/4/IRVDo5wd2GgZjNss/viBFJdeq+j7qH2nypw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.0.2':
+    resolution: {integrity: sha512-1v5vHasdfQAZoEHakBV72LIFAC9JjnymsiKxp+GEr/ma3+NJCPSaYK+qavInOovJkgwFrs7GccX2d6IgDA3Z5w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.2':
+    resolution: {integrity: sha512-mb1VobWn6NheziTk5/WEaR6AKVbrwT5sOi6C7zk3gy/pD1qtJfU1j4PgTo2NJnOtbL9Dl3Aeei8w9jJ7qC2jZQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.2':
+    resolution: {integrity: sha512-SqKonF56vA/L2yHwHYcEp2P34URpOZ7d1fS635cTkpDnUtEGdUbhI6NzsPdqeSWvAAeGDrxjWjNmibDIdFf9/A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.2':
+    resolution: {integrity: sha512-v7qRI7gXLRINcOGXt+7YmAZ6iFuyZVMIoXAxhd8oP+DR9dLfL9GfNIx7PLMxmhZdvq8waUJBQiWN9EKNy+TRBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@swc/helpers@0.5.21':
+    resolution: {integrity: sha512-jI/VAmtdjB/RnI8GTnokyX7Ug8c+g+ffD6QRLa6XQewtnGyukKkKSk3wLTM3b5cjt1jNh9x0jfVlagdN2gDKQg==}
+
+  '@tailwindcss/node@4.3.0':
+    resolution: {integrity: sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    resolution: {integrity: sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    resolution: {integrity: sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    resolution: {integrity: sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    resolution: {integrity: sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    resolution: {integrity: sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    resolution: {integrity: sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    resolution: {integrity: sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    resolution: {integrity: sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    resolution: {integrity: sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    resolution: {integrity: sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.0':
+    resolution: {integrity: sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    resolution: {integrity: sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.0':
+    resolution: {integrity: sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/vite@4.3.0':
+    resolution: {integrity: sha512-t6J3OrB5Fc0ExuhohouH0fWUGMYL6PTLhW+E7zIk/pdbnJARZDCwjBznFnkh5ynRnIRSI4YjtTH0t6USjJISrw==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
+  '@tanstack/table-core@8.21.3':
+    resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
+    engines: {node: '>=12'}
+
+  '@tanstack/virtual-core@3.14.0':
+    resolution: {integrity: sha512-JLANqGy/D6k4Ujmh8Tr25lGimuOXNiaVyXaCAZS0W+1390sADdGnyUdSWNIfd49gebtIxGMij4IktRVzrdr12Q==}
+
+  '@tanstack/vue-table@8.21.3':
+    resolution: {integrity: sha512-rusRyd77c5tDPloPskctMyPLFEQUeBzxdQ+2Eow4F7gDPlPOB1UnnhzfpdvqZ8ZyX2rRNGmqNnQWm87OI2OQPw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      vue: '>=3.2'
+
+  '@tanstack/vue-virtual@3.13.24':
+    resolution: {integrity: sha512-A0k2qF0zFSUStXSZkGXABouXr2Tw2Ztl/cVIYG9qy84uR8W7UNjAcX3DvzBS3YnDcwvLxab8v7dbmYBZ39itDA==}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+
+  '@thumbmarkjs/thumbmarkjs@1.9.1':
+    resolution: {integrity: sha512-Y8dhwoi53uS+dNUy9KGWgLftjY/zZVmenv0+cOZ00z1GKMagAdPmbG8lDMcrwMvYngEPq+7Vr9TQeuy3tmDrjA==}
+
+  '@tybys/wasm-util@0.10.2':
+    resolution: {integrity: sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==}
+
+  '@types/dom-chromium-installation-events@101.0.4':
+    resolution: {integrity: sha512-jV4HXmW5D18bpndzAPF1REGE5xagQqrAexHgX9WoWIPpNaaHtsHQgu5uFbL2z0NIc9fOD0TIC1TRpJhYA1OPxw==}
+
+  '@types/jsesc@2.5.1':
+    resolution: {integrity: sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==}
+
+  '@types/node@24.1.0':
+    resolution: {integrity: sha512-ut5FthK5moxFKH2T1CUOC6ctR67rQRvvHdFLCD2Ql6KXmMuCrjsSsRI9UsLCm9M18BMwClv4pn327UvB7eeO1w==}
+
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/web-app-manifest@1.0.9':
+    resolution: {integrity: sha512-aVz1aXTubyL6nvVRyz9W7QR60zHLTiCGAafqYRc/RYUjA1GFc4npUUr7RlfO1+yP6gVvxzFmIVp8ULLYqhBRdA==}
+
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
+  '@vitejs/plugin-vue@6.0.7':
+    resolution: {integrity: sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+      vue: ^3.2.25
+
+  '@vue-macros/common@3.1.2':
+    resolution: {integrity: sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
+  '@vue/compiler-core@3.5.35':
+    resolution: {integrity: sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==}
+
+  '@vue/compiler-dom@3.5.35':
+    resolution: {integrity: sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==}
+
+  '@vue/compiler-sfc@3.5.35':
+    resolution: {integrity: sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==}
+
+  '@vue/compiler-ssr@3.5.35':
+    resolution: {integrity: sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.8':
+    resolution: {integrity: sha512-BtFcAmDbtXGwurWUFf8ogIbgZyR+rcVES1TSNEI8Em80fD8Anu+qTRN1Fc3J6vdRHlVM3fzPV1qIo+B4AiqGzw==}
+
+  '@vue/devtools-api@8.1.2':
+    resolution: {integrity: sha512-vA0O112YqyDuNA1s7Yb2gCgToQ/OxOWiFDO5ThLCcDy0ldHnSd1dUTaSYhOldbqoNgumE4dxtGAoAaSUKUD1Zg==}
+
+  '@vue/devtools-kit@7.7.8':
+    resolution: {integrity: sha512-4Y8op+AoxOJhB9fpcEF6d5vcJXWKgHxC3B0ytUB8zz15KbP9g9WgVzral05xluxi2fOeAy6t140rdQ943GcLRQ==}
+
+  '@vue/devtools-kit@8.1.2':
+    resolution: {integrity: sha512-f75/upc+GCyjXErpgPGz4582ujS0L/adAltGy+tqXMGUJpgAcfGr6CxnnhpZY8BHuMYt6KpbF8uaFrrQG66rGQ==}
+
+  '@vue/devtools-shared@7.7.8':
+    resolution: {integrity: sha512-XHpO3jC5nOgYr40M9p8Z4mmKfTvUxKyRcUnpBAYg11pE78eaRFBKb0kG5yKLroMuJeeNH9LWmKp2zMU5LUc7CA==}
+
+  '@vue/devtools-shared@8.1.2':
+    resolution: {integrity: sha512-X9RyVFYAdkBe4IUf5v48TxBF/6QPmF8CmWrDAjXzfUHrgQ/HGfTC1A6TqgXqZ03ye66l3AD51BAGD69IvKM9sw==}
+
+  '@vue/reactivity@3.5.35':
+    resolution: {integrity: sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==}
+
+  '@vue/runtime-core@3.5.35':
+    resolution: {integrity: sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==}
+
+  '@vue/runtime-dom@3.5.35':
+    resolution: {integrity: sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==}
+
+  '@vue/server-renderer@3.5.35':
+    resolution: {integrity: sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==}
+    peerDependencies:
+      vue: 3.5.35
+
+  '@vue/shared@3.5.35':
+    resolution: {integrity: sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA==}
+
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+
+  '@vueuse/core@14.3.0':
+    resolution: {integrity: sha512-aHfz47g0ZhMtTVHmIzMVpJy8ePhhOy68GY5bv110+5DVtZ+W7BsOx+m61UNQqfrWyPztIHIanWa3E2tib3NFIw==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+
+  '@vueuse/metadata@14.3.0':
+    resolution: {integrity: sha512-BwxmbAzwAVF50+MW57GXOUEV61nFBGnlBvrTqj49PqWJu3uw7hdu72ztXeZ33RdZtDY6kO+bfCAE1PCn88Tktw==}
+
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+
+  '@vueuse/shared@14.3.0':
+    resolution: {integrity: sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
+  ast-kit@2.2.0:
+    resolution: {integrity: sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==}
+    engines: {node: '>=20.19.0'}
+
+  ast-walker-scope@0.8.3:
+    resolution: {integrity: sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==}
+    engines: {node: '>=20.19.0'}
+
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  birpc@2.8.0:
+    resolution: {integrity: sha512-Bz2a4qD/5GRhiHSwj30c/8kC8QGj12nNDwz3D4ErQ4Xhy35dsSDvF+RA/tWpjyU0pdGtSDiEk6B5fBGE1qNVhw==}
+
+  body-parser@2.2.1:
+    resolution: {integrity: sha512-nfDwkulwiZYQIGwxdy0RUmowMhKcFVcYXUU7m4QlKYim1rUtg83xm2yjZ40QjDuc291AJjjeSc9b++AWHSgSHw==}
+    engines: {node: '>=18'}
+
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+    engines: {node: 18 || 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  chalk@4.1.1:
+    resolution: {integrity: sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==}
+    engines: {node: '>=10'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chart.js@4.5.1:
+    resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
+    engines: {pnpm: '>=8'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
+  circle-progress.vue@3.4.1:
+    resolution: {integrity: sha512-JO3YrBFYx/EE29LHtM4u1j3YaIOyOfNIYh2pUfdZ0nf+wMFAH+HYcG3YH8HfBLnBzypnIOk+37NihPXKX7MoWQ==}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  code-inspector-plugin@1.5.1:
+    resolution: {integrity: sha512-7gOqqBurKCucnls1ZHw0KWb7Z5u7gg3Q2pFSY9rrttFmwRaFJfJiscKEbm7X9IKmeEvkFRtNvNrHbSVQ67L8pQ==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  concurrently@9.2.1:
+    resolution: {integrity: sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
+  content-disposition@1.0.0:
+    resolution: {integrity: sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==}
+    engines: {node: '>= 0.6'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.1:
+    resolution: {integrity: sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==}
+    engines: {node: '>= 0.6'}
+
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
+  copy-text-to-clipboard@3.2.2:
+    resolution: {integrity: sha512-T6SqyLd1iLuqPA90J5N4cTalrtovCySh58iiZDGJ6FGznbclKh4UI+FGacQSgFzwKG77W7XT5gwbVEbd9cIH1A==}
+    engines: {node: '>=12'}
+
+  core-js@3.49.0:
+    resolution: {integrity: sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==}
+
+  country-code-lookup@0.1.5:
+    resolution: {integrity: sha512-pCpU/NixL5CvZyFwvjj9ub3BAHAb86zE94JSyZOb335efNtyQ4qZ1BEkCXPDuQcU2T+9deEW7D20V80kKw7KUA==}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  dagre@0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+
+  dateformat@4.6.3:
+    resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  detect-europe-js@0.1.2:
+    resolution: {integrity: sha512-lgdERlL3u0aUdHocoouzT10d9I89VVhk0qNRmll7mXdGfJT1/wqZ2ZLA4oJAjeACPY5fT1wsbq2AT+GkuInsow==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
+    engines: {node: '>=12'}
+
+  dotenv@17.4.2:
+    resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==}
+    engines: {node: '>=12'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
+  enhanced-resolve@5.21.3:
+    resolution: {integrity: sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  express-rate-limit@8.5.2:
+    resolution: {integrity: sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: '>= 4.11'
+
+  express-slow-down@3.1.0:
+    resolution: {integrity: sha512-0gZ1HHow8H83z1/+81DdWB60RSGHI0mJB0ZM1m5P6/BexORFcA8P1TgU0NKEwOiRmxyCIoktZYqmA+1UCc83+A==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: 4 || 5 || ^5.0.0-beta.1
+
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
+  fast-copy@4.0.3:
+    resolution: {integrity: sha512-58apWr0GUiDFM8+3afrO6eYwJBn9ZAhDOzG3L+/9llab/haCARS2UIfffmOurYLwbgDRs8n0rfr6qAAPEAuAQw==}
+
+  fast-safe-stringify@2.1.1:
+    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
+
+  faye-websocket@0.11.4:
+    resolution: {integrity: sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==}
+    engines: {node: '>=0.8.0'}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  finalhandler@2.1.0:
+    resolution: {integrity: sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==}
+    engines: {node: '>= 0.8'}
+
+  firebase@12.13.0:
+    resolution: {integrity: sha512-iutR8ejvAqk6qUClnsPz3U3VIjTWp243AX4cD3iifak5t56to1J29xUIQgSDDzaAqKvhshZerzSahwMQj2TlvA==}
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphlib@2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  help-me@5.0.0:
+    resolution: {integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  html-to-image@1.11.13:
+    resolution: {integrity: sha512-cuOPoI7WApyhBElTTb9oqsawRvZ0rHhaHwghRLlTuffoD1B2aDemlCruLeZrUIIdvG7gs9xeELEPm6PhuASqrg==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  http-parser-js@0.5.10:
+    resolution: {integrity: sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==}
+
+  http-proxy-middleware@4.0.0:
+    resolution: {integrity: sha512-wuHwaUtmC0XzJNHqRp41zXtt5ojpHbusXGhq6781VvnjWUYPu7opmOF3eomGNujT07kEOnHWZyV9UZzKimVCKA==}
+    engines: {node: ^22.15.0 || ^24.0.0 || >=26.0.0}
+
+  httpxy@0.5.1:
+    resolution: {integrity: sha512-JPhqYiixe1A1I+MXDewWDZqeudBGU8Q9jCHYN8ML+779RQzLjTi78HBvWz4jMxUD6h2/vUL12g4q/mFM0OUw1A==}
+
+  iconv-lite@0.7.1:
+    resolution: {integrity: sha512-2Tth85cXwGFHfvRgZWszZSvdo+0Xsqmw8k8ZwxScfcBneNUraK+dxRxRm24nszx80Y0TVio8kKLt5sLE7ZCLlw==}
+    engines: {node: '>=0.10.0'}
+
+  idb@7.1.1:
+    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore-by-default@1.0.1:
+    resolution: {integrity: sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ip-address@10.2.0:
+    resolution: {integrity: sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==}
+    engines: {node: '>= 12'}
+
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
+  is-standalone-pwa@0.1.1:
+    resolution: {integrity: sha512-9Cbovsa52vNQCjdXOzeQq5CnCbAcRk05aU62K20WO372NrTv0NxibLFCK6lQ4/iZEFdEA3p3t2VNOn8AJ53F5g==}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  joycon@3.1.1:
+    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
+    engines: {node: '>=10'}
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  launch-ide@1.4.3:
+    resolution: {integrity: sha512-v2xMAarJOFy51kuesYEIIx5r4WHvsV+VLMU49K24bdiRZGUpo1ZulO1DRrLozM5BMbXUfRfrUTM2PbBfYCeA4Q==}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  linkify-it@5.0.0:
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+
+  lit-element@4.2.2:
+    resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==}
+
+  lit-html@3.3.2:
+    resolution: {integrity: sha512-Qy9hU88zcmaxBXcc10ZpdK7cOLXvXpRoBxERdtqV9QOrfpMZZ6pSYP91LhpPtap3sFMUiL7Tw2RImbe0Al2/kw==}
+
+  lit@3.3.2:
+    resolution: {integrity: sha512-NF9zbsP79l4ao2SNrH3NkfmFgN/hBYSQo90saIVI1o5GpjAdCPVstVzO1MrLOakHoEhYkrtRjPK6Ob521aoYWQ==}
+
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
+  lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+
+  long@5.3.2:
+    resolution: {integrity: sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==}
+
+  magic-string-ast@1.0.3:
+    resolution: {integrity: sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==}
+    engines: {node: '>=20.19.0'}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  markdown-it@14.1.1:
+    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
+    hasBin: true
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  maxmind@5.0.6:
+    resolution: {integrity: sha512-5bvd/u+kIaTqaGM+xkXjatzQw1dQfSmlLggr2W1EKMyMxSgx2woZyusLpNpZ4DdPmL+1bbJWeo4LXsi6bC0Iew==}
+    engines: {node: '>=12', npm: '>=6'}
+
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  minimatch@10.2.4:
+    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
+    engines: {node: '>= 18'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
+  mmdb-lib@3.0.2:
+    resolution: {integrity: sha512-7e87vk0DdWT647wjcfEtWeMtjm+zVGqNohN/aeIymbUfjHQ2T4Sx5kM+1irVDBSloNC3CkGKxswdMoo8yhqTDg==}
+    engines: {node: '>=10', npm: '>=6'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  mutation-observer@1.0.3:
+    resolution: {integrity: sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==}
+
+  nanoid@3.3.12:
+    resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
+  nodemon@3.1.14:
+    resolution: {integrity: sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-to-regexp@8.4.2:
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  pino-abstract-transport@3.0.0:
+    resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
+
+  pino-http@11.0.0:
+    resolution: {integrity: sha512-wqg5XIAGRRIWtTk8qPGxkbrfiwEWz1lgedVLvhLALudKXvg1/L2lTFgTGPJ4Z2e3qcRmxoFxDuSdMdMGNM6I1g==}
+
+  pino-pretty@13.1.3:
+    resolution: {integrity: sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==}
+    hasBin: true
+
+  pino-std-serializers@7.1.0:
+    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
+
+  pino@10.3.1:
+    resolution: {integrity: sha512-r34yH/GlQpKZbU1BvFFqOjhISRo1MNx1tWYsYvmj6KIRHSPMT2+yHOEb1SG6NMvRoHRF0a07kCOox/9yakl1vg==}
+    hasBin: true
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  portfinder@1.0.38:
+    resolution: {integrity: sha512-rEwq/ZHlJIKw++XtLAO8PPuOQA/zaPJOZJ37BVuN97nLpMJeuDVLVGRwbFoBgLudgdTMP2hdRJP++H+8QOA3vg==}
+    engines: {node: '>= 10.12'}
+
+  postcss@8.5.15:
+    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
+  protobufjs@7.5.8:
+    resolution: {integrity: sha512-dvpCIeLPbXZS/Ete7yLaO7RenOdken2NHKykBXbsaGxZT0UTltcarBciw+A78SRQs9iMAAVpsYA+l8b1hTePIA==}
+    engines: {node: '>=12.0.0'}
+
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
+  pstree.remy@1.1.8:
+    resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==}
+
+  pump@3.0.4:
+    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
+
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qs@6.15.2:
+    resolution: {integrity: sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==}
+    engines: {node: '>=0.6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
+  reka-ui@2.9.8:
+    resolution: {integrity: sha512-7dxaBJ6nQ0zOQZXPV45219tTEgZPstmihBLS9ABPhSiPiJ8SiF0sacfZHFaBptS0v9N4tzsevq+8MNBpE4p5JQ==}
+    peerDependencies:
+      vue: '>= 3.4.0'
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rolldown@1.0.2:
+    resolution: {integrity: sha512-oZx5zVDtVB44AW3eaifgDml1gWRDZGvjcfdxonE4swNPG98PrrXjaO/KrnUjzlMnztCCRVlUueA1kCXhARGk6g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
+  secure-json-parse@4.1.0:
+    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
+
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@1.2.0:
+    resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
+    engines: {node: '>= 18'}
+
+  serve-static@2.2.0:
+    resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
+    engines: {node: '>= 18'}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shell-quote@1.8.3:
+    resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
+  simple-update-notifier@2.0.0:
+    resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
+    engines: {node: '>=10'}
+
+  sonic-boom@4.2.1:
+    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@5.0.3:
+    resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
+    engines: {node: '>=14.16'}
+
+  superjson@2.2.5:
+    resolution: {integrity: sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==}
+    engines: {node: '>=16'}
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
+  svg-pan-zoom@3.6.2:
+    resolution: {integrity: sha512-JwnvRWfVKw/Xzfe6jriFyfey/lWJLq4bUh2jwoR5ChWQuQoOH8FEh1l/bEp46iHHKHEJWIyFJETbazraxNWECg==}
+
+  svgmap@2.20.0:
+    resolution: {integrity: sha512-xRn3N6cXb1lDMvkrFFsz1wZZ8GRcPCeV+OgBmtaspVPaRqb+KtCyBYB4m3agteW7io8sWxHXVAXkGqGKqPqVXQ==}
+
+  tailwind-merge@3.6.0:
+    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
+
+  tailwindcss@4.3.0:
+    resolution: {integrity: sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tar@7.5.15:
+    resolution: {integrity: sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==}
+    engines: {node: '>=18'}
+
+  thread-stream@4.0.0:
+    resolution: {integrity: sha512-4iMVL6HAINXWf1ZKZjIPcz5wYaOdPhtO8ATvZ+Xqp3BTdaqtAwQkNmKORqcIo5YkQqGXq5cwfswDwMqqQNrpJA==}
+    engines: {node: '>=20'}
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  tiny-lru@13.0.0:
+    resolution: {integrity: sha512-xDHxKKS1FdF0Tv2P+QT7IeSEg74K/8cEDzbv3Tv6UyHHUgBOjOiQiBp818MGj66dhurQus/IBcoAbwIKtSGc6Q==}
+    engines: {node: '>=14'}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  touch@3.1.1:
+    resolution: {integrity: sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==}
+    hasBin: true
+
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
+  type-is@2.0.1:
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
+
+  ua-is-frozen@0.1.2:
+    resolution: {integrity: sha512-RwKDW2p3iyWn4UbaxpP2+VxwqXh0jpvdxsYpZ5j/MLLiQOfbsV5shpgQiw93+KMYQPcteeMQ289MaAFzs3G9pw==}
+
+  ua-parser-js@2.0.10:
+    resolution: {integrity: sha512-t+3Ktbq0Ies2vaSezfOaWiolH4OigQIO1dk+1xDpOydB1COVPocVYOrEV5rqZ0kFY9XYG1v9LutCyMgYBpABcw==}
+    hasBin: true
+
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  unbzip2-stream@1.4.3:
+    resolution: {integrity: sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==}
+
+  undefsafe@2.0.5:
+    resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==}
+
+  undici-types@7.8.0:
+    resolution: {integrity: sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==}
+
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
+  unplugin-utils@0.3.1:
+    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
+    engines: {node: '>=20.19.0'}
+
+  unplugin@3.0.0:
+    resolution: {integrity: sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  vaul-vue@0.4.1:
+    resolution: {integrity: sha512-A6jOWOZX5yvyo1qMn7IveoWN91mJI5L3BUKsIwkg6qrTGgHs1Sb1JF/vyLJgnbN1rH4OOOxFbtqL9A46bOyGUQ==}
+    peerDependencies:
+      reka-ui: ^2.0.0
+      vue: ^3.3.0
+
+  vconsole@3.15.1:
+    resolution: {integrity: sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==}
+
+  vite@8.0.14:
+    resolution: {integrity: sha512-s4BJJ+5y1pYL6Otw51FHhVJQhPnuRinKig64g/1+EUNaJsd3gCKdD31IPFvswUgW9/60QT9oFHbZHbQK5imcxw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.1.18
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-i18n@11.4.4:
+    resolution: {integrity: sha512-gIbXVSFQV4jcSJxfwdZ5zSZmZ+12CnX0K3vBkRSd6Zn+HSzCp+QwUgPwpD/uN0oKNKI9RzlUXPKVedEuMgNG0A==}
+    engines: {node: '>= 22'}
+    peerDependencies:
+      vue: ^3.0.0
+
+  vue-markdown-render@2.3.0:
+    resolution: {integrity: sha512-ZWVVKba8t0tKBlaUGaWmNynIk38gE7Bt3psC/iN2NsqpdGY15VGfBeBvF0A8cEmwHnjNVJo2IzUUqkhhfldhtg==}
+    peerDependencies:
+      vue: ^3.3.4
+
+  vue-router@5.0.7:
+    resolution: {integrity: sha512-dqfk8kvRbCutmCOCj/XLDqDEYxc1wBdAOGLuVy5M93ifYMsBd5fIjfaPN4tQAbxr5IprdBDIox1gr4wYyOx/SA==}
+    peerDependencies:
+      '@pinia/colada': '>=0.21.2'
+      '@vue/compiler-sfc': ^3.5.34
+      pinia: ^3.0.4
+      vue: ^3.5.34
+    peerDependenciesMeta:
+      '@pinia/colada':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      pinia:
+        optional: true
+
+  vue-sonner@2.0.9:
+    resolution: {integrity: sha512-i6BokNlNDL93fpzNxN/LZSn6D6MzlO+i3qXt6iVZne3x1k7R46d5HlFB4P8tYydhgqOrRbIZEsnRd3kG7qGXyw==}
+    peerDependencies:
+      '@nuxt/kit': ^4.0.3
+      '@nuxt/schema': ^4.0.3
+      nuxt: ^4.0.3
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@nuxt/schema':
+        optional: true
+      nuxt:
+        optional: true
+
+  vue@3.5.35:
+    resolution: {integrity: sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  web-vitals@4.2.4:
+    resolution: {integrity: sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  websocket-driver@0.7.4:
+    resolution: {integrity: sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==}
+    engines: {node: '>=0.8.0'}
+
+  websocket-extensions@0.1.4:
+    resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==}
+    engines: {node: '>=0.8.0'}
+
+  whoiser@1.18.0:
+    resolution: {integrity: sha512-QRIGreBuouc8d9i+UVMFqYJSiG7gaoaGX8nKugYDGqnuNLLgjDBwmlKODOIGHveBawza3Kfkk/OuM9VsTUYwaA==}
+    engines: {node: '>=15.0.0'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
+  yaml@2.8.3:
+    resolution: {integrity: sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+snapshots:
+
+  '@babel/generator@8.0.0-rc.6':
+    dependencies:
+      '@babel/parser': 8.0.0-rc.6
+      '@babel/types': 8.0.0-rc.6
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      '@types/jsesc': 2.5.1
+      jsesc: 3.1.0
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-string-parser@8.0.0-rc.6': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-identifier@8.0.0-rc.6': {}
+
+  '@babel/parser@7.29.3':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/parser@8.0.0-rc.6':
+    dependencies:
+      '@babel/types': 8.0.0-rc.6
+
+  '@babel/runtime@7.29.7': {}
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@babel/types@8.0.0-rc.6':
+    dependencies:
+      '@babel/helper-string-parser': 8.0.0-rc.6
+      '@babel/helper-validator-identifier': 8.0.0-rc.6
+
+  '@cloudflare/speedtest@1.9.1': {}
+
+  '@code-inspector/core@1.5.1':
+    dependencies:
+      '@vue/compiler-dom': 3.5.35
+      chalk: 4.1.2
+      dotenv: 16.6.1
+      launch-ide: 1.4.3
+      portfinder: 1.0.38
+    transitivePeerDependencies:
+      - supports-color
+
+  '@code-inspector/esbuild@1.5.1':
+    dependencies:
+      '@code-inspector/core': 1.5.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@code-inspector/mako@1.5.1':
+    dependencies:
+      '@code-inspector/core': 1.5.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@code-inspector/turbopack@1.5.1':
+    dependencies:
+      '@code-inspector/core': 1.5.1
+      '@code-inspector/webpack': 1.5.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@code-inspector/vite@1.5.1':
+    dependencies:
+      '@code-inspector/core': 1.5.1
+      chalk: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@code-inspector/webpack@1.5.1':
+    dependencies:
+      '@code-inspector/core': 1.5.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@firebase/ai@2.12.0(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/app-check-interop-types': 0.3.4
+      '@firebase/app-types': 0.9.5
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/analytics-compat@0.2.28(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/analytics': 0.10.22(@firebase/app@0.14.12)
+      '@firebase/analytics-types': 0.8.4
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/analytics-types@0.8.4': {}
+
+  '@firebase/analytics@0.10.22(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/app-check-compat@0.4.3(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-check': 0.11.3(@firebase/app@0.14.12)
+      '@firebase/app-check-types': 0.5.4
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/app-check-interop-types@0.3.4': {}
+
+  '@firebase/app-check-types@0.5.4': {}
+
+  '@firebase/app-check@0.11.3(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/app-compat@0.5.12':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/app-types@0.9.5':
+    dependencies:
+      '@firebase/logger': 0.5.1
+
+  '@firebase/app@0.14.12':
+    dependencies:
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/auth-compat@0.6.6(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/auth': 1.13.1(@firebase/app@0.14.12)
+      '@firebase/auth-types': 0.13.1(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)
+      '@firebase/component': 0.7.3
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+      - '@react-native-async-storage/async-storage'
+
+  '@firebase/auth-interop-types@0.2.5': {}
+
+  '@firebase/auth-types@0.13.1(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)':
+    dependencies:
+      '@firebase/app-types': 0.9.5
+      '@firebase/util': 1.15.1
+
+  '@firebase/auth@1.13.1(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/component@0.7.3':
+    dependencies:
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/data-connect@0.7.0(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/auth-interop-types': 0.2.5
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/database-compat@2.1.4':
+    dependencies:
+      '@firebase/component': 0.7.3
+      '@firebase/database': 1.1.3
+      '@firebase/database-types': 1.0.20
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/database-types@1.0.20':
+    dependencies:
+      '@firebase/app-types': 0.9.5
+      '@firebase/util': 1.15.1
+
+  '@firebase/database@1.1.3':
+    dependencies:
+      '@firebase/app-check-interop-types': 0.3.4
+      '@firebase/auth-interop-types': 0.2.5
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      faye-websocket: 0.11.4
+      tslib: 2.8.1
+
+  '@firebase/firestore-compat@0.4.9(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/firestore': 4.14.1(@firebase/app@0.14.12)
+      '@firebase/firestore-types': 3.0.4(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/firestore-types@3.0.4(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)':
+    dependencies:
+      '@firebase/app-types': 0.9.5
+      '@firebase/util': 1.15.1
+
+  '@firebase/firestore@4.14.1(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      '@firebase/webchannel-wrapper': 1.0.6
+      '@grpc/grpc-js': 1.9.15
+      '@grpc/proto-loader': 0.7.15
+      tslib: 2.8.1
+
+  '@firebase/functions-compat@0.4.4(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/functions': 0.13.4(@firebase/app@0.14.12)
+      '@firebase/functions-types': 0.6.4
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/functions-types@0.6.4': {}
+
+  '@firebase/functions@0.13.4(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/app-check-interop-types': 0.3.4
+      '@firebase/auth-interop-types': 0.2.5
+      '@firebase/component': 0.7.3
+      '@firebase/messaging-interop-types': 0.2.4
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/installations-compat@0.2.22(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/installations-types': 0.5.4(@firebase/app-types@0.9.5)
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/installations-types@0.5.4(@firebase/app-types@0.9.5)':
+    dependencies:
+      '@firebase/app-types': 0.9.5
+
+  '@firebase/installations@0.6.22(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/util': 1.15.1
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/logger@0.5.1':
+    dependencies:
+      tslib: 2.8.1
+
+  '@firebase/messaging-compat@0.2.26(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/messaging': 0.12.26(@firebase/app@0.14.12)
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/messaging-interop-types@0.2.4': {}
+
+  '@firebase/messaging@0.12.26(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/messaging-interop-types': 0.2.4
+      '@firebase/util': 1.15.1
+      idb: 7.1.1
+      tslib: 2.8.1
+
+  '@firebase/performance-compat@0.2.25(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/performance': 0.7.12(@firebase/app@0.14.12)
+      '@firebase/performance-types': 0.2.4
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/performance-types@0.2.4': {}
+
+  '@firebase/performance@0.7.12(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+      web-vitals: 4.2.4
+
+  '@firebase/remote-config-compat@0.2.24(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/logger': 0.5.1
+      '@firebase/remote-config': 0.8.3(@firebase/app@0.14.12)
+      '@firebase/remote-config-types': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+
+  '@firebase/remote-config-types@0.5.1': {}
+
+  '@firebase/remote-config@0.8.3(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/logger': 0.5.1
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/storage-compat@0.4.3(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app-compat': 0.5.12
+      '@firebase/component': 0.7.3
+      '@firebase/storage': 0.14.3(@firebase/app@0.14.12)
+      '@firebase/storage-types': 0.8.4(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@firebase/app'
+      - '@firebase/app-types'
+
+  '@firebase/storage-types@0.8.4(@firebase/app-types@0.9.5)(@firebase/util@1.15.1)':
+    dependencies:
+      '@firebase/app-types': 0.9.5
+      '@firebase/util': 1.15.1
+
+  '@firebase/storage@0.14.3(@firebase/app@0.14.12)':
+    dependencies:
+      '@firebase/app': 0.14.12
+      '@firebase/component': 0.7.3
+      '@firebase/util': 1.15.1
+      tslib: 2.8.1
+
+  '@firebase/util@1.15.1':
+    dependencies:
+      tslib: 2.8.1
+
+  '@firebase/webchannel-wrapper@1.0.6': {}
+
+  '@floating-ui/core@1.7.5':
+    dependencies:
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/dom@1.7.6':
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/utils@0.2.11': {}
+
+  '@floating-ui/vue@1.1.11(vue@3.5.35)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@floating-ui/utils': 0.2.11
+      vue-demi: 0.14.10(vue@3.5.35)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@grpc/grpc-js@1.9.15':
+    dependencies:
+      '@grpc/proto-loader': 0.7.15
+      '@types/node': 24.1.0
+
+  '@grpc/proto-loader@0.7.15':
+    dependencies:
+      lodash.camelcase: 4.3.0
+      long: 5.3.2
+      protobufjs: 7.5.8
+      yargs: 17.7.2
+
+  '@iconify-json/circle-flags@1.2.10':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/vue@5.0.1(vue@3.5.35)':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.5.35
+
+  '@internationalized/date@3.12.1':
+    dependencies:
+      '@swc/helpers': 0.5.21
+
+  '@internationalized/number@3.6.6':
+    dependencies:
+      '@swc/helpers': 0.5.21
+
+  '@intlify/core-base@11.4.4':
+    dependencies:
+      '@intlify/devtools-types': 11.4.4
+      '@intlify/message-compiler': 11.4.4
+      '@intlify/shared': 11.4.4
+
+  '@intlify/devtools-types@11.4.4':
+    dependencies:
+      '@intlify/core-base': 11.4.4
+      '@intlify/shared': 11.4.4
+
+  '@intlify/message-compiler@11.4.4':
+    dependencies:
+      '@intlify/shared': 11.4.4
+      source-map-js: 1.2.1
+
+  '@intlify/shared@11.4.4': {}
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.3
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@khmyznikov/pwa-install@0.6.3(@lit/react@1.0.8(@types/react@19.2.14))(@types/dom-chromium-installation-events@101.0.4)(@types/web-app-manifest@1.0.9)(lit@3.3.2)':
+    dependencies:
+      '@lit/react': 1.0.8(@types/react@19.2.14)
+      '@types/dom-chromium-installation-events': 101.0.4
+      '@types/web-app-manifest': 1.0.9
+      lit: 3.3.2
+
+  '@kurkle/color@0.3.4': {}
+
+  '@lit-labs/ssr-dom-shim@1.5.1': {}
+
+  '@lit/react@1.0.8(@types/react@19.2.14)':
+    dependencies:
+      '@types/react': 19.2.14
+
+  '@lit/reactive-element@2.1.2':
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.5.1
+
+  '@lucide/vue@1.16.0(vue@3.5.35)':
+    dependencies:
+      vue: 3.5.35
+
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.2
+    optional: true
+
+  '@oxc-project/types@0.132.0': {}
+
+  '@pinojs/redact@0.4.0': {}
+
+  '@protobufjs/aspromise@1.1.2': {}
+
+  '@protobufjs/base64@1.1.2': {}
+
+  '@protobufjs/codegen@2.0.5': {}
+
+  '@protobufjs/eventemitter@1.1.0': {}
+
+  '@protobufjs/fetch@1.1.0':
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/inquire': 1.1.1
+
+  '@protobufjs/float@1.0.2': {}
+
+  '@protobufjs/inquire@1.1.1': {}
+
+  '@protobufjs/path@1.1.2': {}
+
+  '@protobufjs/pool@1.1.0': {}
+
+  '@protobufjs/utf8@1.1.1': {}
+
+  '@rolldown/binding-android-arm64@1.0.2':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.2':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.2':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.2':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.2':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.2':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.2':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.2':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.2':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@swc/helpers@0.5.21':
+    dependencies:
+      tslib: 2.8.1
+
+  '@tailwindcss/node@4.3.0':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.3
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.0
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.0':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-x64': 4.3.0
+      '@tailwindcss/oxide-freebsd-x64': 4.3.0
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.0
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.0
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.0
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
+
+  '@tailwindcss/vite@4.3.0(vite@8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3))':
+    dependencies:
+      '@tailwindcss/node': 4.3.0
+      '@tailwindcss/oxide': 4.3.0
+      tailwindcss: 4.3.0
+      vite: 8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3)
+
+  '@tanstack/table-core@8.21.3': {}
+
+  '@tanstack/virtual-core@3.14.0': {}
+
+  '@tanstack/vue-table@8.21.3(vue@3.5.35)':
+    dependencies:
+      '@tanstack/table-core': 8.21.3
+      vue: 3.5.35
+
+  '@tanstack/vue-virtual@3.13.24(vue@3.5.35)':
+    dependencies:
+      '@tanstack/virtual-core': 3.14.0
+      vue: 3.5.35
+
+  '@thumbmarkjs/thumbmarkjs@1.9.1': {}
+
+  '@tybys/wasm-util@0.10.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/dom-chromium-installation-events@101.0.4': {}
+
+  '@types/jsesc@2.5.1': {}
+
+  '@types/node@24.1.0':
+    dependencies:
+      undici-types: 7.8.0
+
+  '@types/react@19.2.14':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/trusted-types@2.0.7': {}
+
+  '@types/web-app-manifest@1.0.9': {}
+
+  '@types/web-bluetooth@0.0.20': {}
+
+  '@types/web-bluetooth@0.0.21': {}
+
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3))(vue@3.5.35)':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3)
+      vue: 3.5.35
+
+  '@vue-macros/common@3.1.2(vue@3.5.35)':
+    dependencies:
+      '@vue/compiler-sfc': 3.5.35
+      ast-kit: 2.2.0
+      local-pkg: 1.1.2
+      magic-string-ast: 1.0.3
+      unplugin-utils: 0.3.1
+    optionalDependencies:
+      vue: 3.5.35
+
+  '@vue/compiler-core@3.5.35':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@vue/shared': 3.5.35
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.35':
+    dependencies:
+      '@vue/compiler-core': 3.5.35
+      '@vue/shared': 3.5.35
+
+  '@vue/compiler-sfc@3.5.35':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@vue/compiler-core': 3.5.35
+      '@vue/compiler-dom': 3.5.35
+      '@vue/compiler-ssr': 3.5.35
+      '@vue/shared': 3.5.35
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.15
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.35':
+    dependencies:
+      '@vue/compiler-dom': 3.5.35
+      '@vue/shared': 3.5.35
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-api@7.7.8':
+    dependencies:
+      '@vue/devtools-kit': 7.7.8
+
+  '@vue/devtools-api@8.1.2':
+    dependencies:
+      '@vue/devtools-kit': 8.1.2
+
+  '@vue/devtools-kit@7.7.8':
+    dependencies:
+      '@vue/devtools-shared': 7.7.8
+      birpc: 2.8.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.5
+
+  '@vue/devtools-kit@8.1.2':
+    dependencies:
+      '@vue/devtools-shared': 8.1.2
+      birpc: 2.8.0
+      hookable: 5.5.3
+      perfect-debounce: 2.1.0
+
+  '@vue/devtools-shared@7.7.8':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/devtools-shared@8.1.2': {}
+
+  '@vue/reactivity@3.5.35':
+    dependencies:
+      '@vue/shared': 3.5.35
+
+  '@vue/runtime-core@3.5.35':
+    dependencies:
+      '@vue/reactivity': 3.5.35
+      '@vue/shared': 3.5.35
+
+  '@vue/runtime-dom@3.5.35':
+    dependencies:
+      '@vue/reactivity': 3.5.35
+      '@vue/runtime-core': 3.5.35
+      '@vue/shared': 3.5.35
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.35(vue@3.5.35)':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.35
+      '@vue/shared': 3.5.35
+      vue: 3.5.35
+
+  '@vue/shared@3.5.35': {}
+
+  '@vueuse/core@10.11.1(vue@3.5.35)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.5.35)
+      vue-demi: 0.14.10(vue@3.5.35)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/core@14.3.0(vue@3.5.35)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 14.3.0
+      '@vueuse/shared': 14.3.0(vue@3.5.35)
+      vue: 3.5.35
+
+  '@vueuse/metadata@10.11.1': {}
+
+  '@vueuse/metadata@14.3.0': {}
+
+  '@vueuse/shared@10.11.1(vue@3.5.35)':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.35)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@14.3.0(vue@3.5.35)':
+    dependencies:
+      vue: 3.5.35
+
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.2
+      negotiator: 1.0.0
+
+  acorn@8.16.0: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
+  ast-kit@2.2.0:
+    dependencies:
+      '@babel/parser': 7.29.3
+      pathe: 2.0.3
+
+  ast-walker-scope@0.8.3:
+    dependencies:
+      '@babel/parser': 7.29.3
+      ast-kit: 2.2.0
+
+  async@3.2.6: {}
+
+  atomic-sleep@1.0.0: {}
+
+  balanced-match@4.0.4: {}
+
+  base64-js@1.5.1: {}
+
+  binary-extensions@2.3.0: {}
+
+  birpc@2.8.0: {}
+
+  body-parser@2.2.1:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 4.4.3(supports-color@5.5.0)
+      http-errors: 2.0.1
+      iconv-lite: 0.7.1
+      on-finished: 2.4.1
+      qs: 6.15.2
+      raw-body: 3.0.2
+      type-is: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  brace-expansion@5.0.6:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  bytes@3.1.2: {}
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  chalk@4.1.1:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chart.js@4.5.1:
+    dependencies:
+      '@kurkle/color': 0.3.4
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  chownr@3.0.0: {}
+
+  circle-progress.vue@3.4.1: {}
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clsx@2.1.1: {}
+
+  code-inspector-plugin@1.5.1:
+    dependencies:
+      '@code-inspector/core': 1.5.1
+      '@code-inspector/esbuild': 1.5.1
+      '@code-inspector/mako': 1.5.1
+      '@code-inspector/turbopack': 1.5.1
+      '@code-inspector/vite': 1.5.1
+      '@code-inspector/webpack': 1.5.1
+      chalk: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  colorette@2.0.20: {}
+
+  concurrently@9.2.1:
+    dependencies:
+      chalk: 4.1.2
+      rxjs: 7.8.2
+      shell-quote: 1.8.3
+      supports-color: 8.1.1
+      tree-kill: 1.2.2
+      yargs: 17.7.2
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.4: {}
+
+  content-disposition@1.0.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  content-type@1.0.5: {}
+
+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.1: {}
+
+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
+  copy-text-to-clipboard@3.2.2: {}
+
+  core-js@3.49.0: {}
+
+  country-code-lookup@0.1.5: {}
+
+  csstype@3.2.3: {}
+
+  dagre@0.8.5:
+    dependencies:
+      graphlib: 2.1.8
+      lodash: 4.18.1
+
+  dateformat@4.6.3: {}
+
+  debug@4.4.3(supports-color@5.5.0):
+    dependencies:
+      ms: 2.1.3
+    optionalDependencies:
+      supports-color: 5.5.0
+
+  defu@6.1.7: {}
+
+  depd@2.0.0: {}
+
+  detect-europe-js@0.1.2: {}
+
+  detect-libc@2.1.2: {}
+
+  dotenv@16.6.1: {}
+
+  dotenv@17.4.2: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  ee-first@1.1.1: {}
+
+  emoji-regex@8.0.0: {}
+
+  encodeurl@2.0.0: {}
+
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
+  enhanced-resolve@5.21.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  entities@4.5.0: {}
+
+  entities@7.0.1: {}
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  estree-walker@2.0.2: {}
+
+  etag@1.8.1: {}
+
+  express-rate-limit@8.5.2(express@5.2.1):
+    dependencies:
+      express: 5.2.1
+      ip-address: 10.2.0
+
+  express-slow-down@3.1.0(express@5.2.1):
+    dependencies:
+      express: 5.2.1
+      express-rate-limit: 8.5.2(express@5.2.1)
+
+  express@5.2.1:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.2.1
+      content-disposition: 1.0.0
+      content-type: 1.0.5
+      cookie: 0.7.1
+      cookie-signature: 1.2.2
+      debug: 4.4.3(supports-color@5.5.0)
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.0
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.15.2
+      range-parser: 1.2.1
+      router: 2.2.0
+      send: 1.2.0
+      serve-static: 2.2.0
+      statuses: 2.0.2
+      type-is: 2.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  exsolve@1.0.8: {}
+
+  fast-copy@4.0.3: {}
+
+  fast-safe-stringify@2.1.1: {}
+
+  faye-websocket@0.11.4:
+    dependencies:
+      websocket-driver: 0.7.4
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  finalhandler@2.1.0:
+    dependencies:
+      debug: 4.4.3(supports-color@5.5.0)
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  firebase@12.13.0:
+    dependencies:
+      '@firebase/ai': 2.12.0(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)
+      '@firebase/analytics': 0.10.22(@firebase/app@0.14.12)
+      '@firebase/analytics-compat': 0.2.28(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/app': 0.14.12
+      '@firebase/app-check': 0.11.3(@firebase/app@0.14.12)
+      '@firebase/app-check-compat': 0.4.3(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/app-compat': 0.5.12
+      '@firebase/app-types': 0.9.5
+      '@firebase/auth': 1.13.1(@firebase/app@0.14.12)
+      '@firebase/auth-compat': 0.6.6(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)
+      '@firebase/data-connect': 0.7.0(@firebase/app@0.14.12)
+      '@firebase/database': 1.1.3
+      '@firebase/database-compat': 2.1.4
+      '@firebase/firestore': 4.14.1(@firebase/app@0.14.12)
+      '@firebase/firestore-compat': 0.4.9(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)
+      '@firebase/functions': 0.13.4(@firebase/app@0.14.12)
+      '@firebase/functions-compat': 0.4.4(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/installations': 0.6.22(@firebase/app@0.14.12)
+      '@firebase/installations-compat': 0.2.22(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)
+      '@firebase/messaging': 0.12.26(@firebase/app@0.14.12)
+      '@firebase/messaging-compat': 0.2.26(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/performance': 0.7.12(@firebase/app@0.14.12)
+      '@firebase/performance-compat': 0.2.25(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/remote-config': 0.8.3(@firebase/app@0.14.12)
+      '@firebase/remote-config-compat': 0.2.24(@firebase/app-compat@0.5.12)(@firebase/app@0.14.12)
+      '@firebase/storage': 0.14.3(@firebase/app@0.14.12)
+      '@firebase/storage-compat': 0.4.3(@firebase/app-compat@0.5.12)(@firebase/app-types@0.9.5)(@firebase/app@0.14.12)
+      '@firebase/util': 1.15.1
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+
+  forwarded@0.2.0: {}
+
+  fresh@2.0.0: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphlib@2.1.8:
+    dependencies:
+      lodash: 4.18.1
+
+  has-flag@3.0.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-symbols@1.1.0: {}
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  help-me@5.0.0: {}
+
+  hookable@5.5.3: {}
+
+  html-to-image@1.11.13: {}
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  http-parser-js@0.5.10: {}
+
+  http-proxy-middleware@4.0.0:
+    dependencies:
+      debug: 4.4.3(supports-color@5.5.0)
+      httpxy: 0.5.1
+      is-glob: 4.0.3
+      is-plain-obj: 4.1.0
+      micromatch: 4.0.8
+    transitivePeerDependencies:
+      - supports-color
+
+  httpxy@0.5.1: {}
+
+  iconv-lite@0.7.1:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  idb@7.1.1: {}
+
+  ieee754@1.2.1: {}
+
+  ignore-by-default@1.0.1: {}
+
+  inherits@2.0.4: {}
+
+  ip-address@10.2.0: {}
+
+  ipaddr.js@1.9.1: {}
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-number@7.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-promise@4.0.0: {}
+
+  is-standalone-pwa@0.1.1: {}
+
+  is-what@5.5.0: {}
+
+  jiti@2.6.1: {}
+
+  joycon@3.1.1: {}
+
+  jsesc@3.1.0: {}
+
+  json5@2.2.3: {}
+
+  launch-ide@1.4.3:
+    dependencies:
+      chalk: 4.1.2
+      dotenv: 16.6.1
+
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  linkify-it@5.0.0:
+    dependencies:
+      uc.micro: 2.1.0
+
+  lit-element@4.2.2:
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.5.1
+      '@lit/reactive-element': 2.1.2
+      lit-html: 3.3.2
+
+  lit-html@3.3.2:
+    dependencies:
+      '@types/trusted-types': 2.0.7
+
+  lit@3.3.2:
+    dependencies:
+      '@lit/reactive-element': 2.1.2
+      lit-element: 4.2.2
+      lit-html: 3.3.2
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.0
+      pkg-types: 2.3.0
+      quansync: 0.2.11
+
+  lodash.camelcase@4.3.0: {}
+
+  lodash@4.18.1: {}
+
+  long@5.3.2: {}
+
+  magic-string-ast@1.0.3:
+    dependencies:
+      magic-string: 0.30.21
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  markdown-it@14.1.1:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.0
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
+  math-intrinsics@1.1.0: {}
+
+  maxmind@5.0.6:
+    dependencies:
+      mmdb-lib: 3.0.2
+      tiny-lru: 13.0.0
+
+  mdurl@2.0.0: {}
+
+  media-typer@1.1.0: {}
+
+  merge-descriptors@2.0.0: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  mime-db@1.54.0: {}
+
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  minimatch@10.2.4:
+    dependencies:
+      brace-expansion: 5.0.6
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.3: {}
+
+  minizlib@3.1.0:
+    dependencies:
+      minipass: 7.1.3
+
+  mitt@3.0.1: {}
+
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
+  mmdb-lib@3.0.2: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  mutation-observer@1.0.3: {}
+
+  nanoid@3.3.12: {}
+
+  negotiator@1.0.0: {}
+
+  nodemon@3.1.14:
+    dependencies:
+      chokidar: 3.6.0
+      debug: 4.4.3(supports-color@5.5.0)
+      ignore-by-default: 1.0.1
+      minimatch: 10.2.4
+      pstree.remy: 1.1.8
+      semver: 7.6.3
+      simple-update-notifier: 2.0.0
+      supports-color: 5.5.0
+      touch: 3.1.1
+      undefsafe: 2.0.5
+
+  normalize-path@3.0.0: {}
+
+  object-inspect@1.13.4: {}
+
+  ohash@2.0.11: {}
+
+  on-exit-leak-free@2.1.2: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  parseurl@1.3.3: {}
+
+  path-to-regexp@8.4.2: {}
+
+  pathe@2.0.3: {}
+
+  perfect-debounce@1.0.0: {}
+
+  perfect-debounce@2.1.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  pinia@3.0.4(vue@3.5.35):
+    dependencies:
+      '@vue/devtools-api': 7.7.8
+      vue: 3.5.35
+
+  pino-abstract-transport@3.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-http@11.0.0:
+    dependencies:
+      get-caller-file: 2.0.5
+      pino: 10.3.1
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+
+  pino-pretty@13.1.3:
+    dependencies:
+      colorette: 2.0.20
+      dateformat: 4.6.3
+      fast-copy: 4.0.3
+      fast-safe-stringify: 2.1.1
+      help-me: 5.0.0
+      joycon: 3.1.1
+      minimist: 1.2.8
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 3.0.0
+      pump: 3.0.4
+      secure-json-parse: 4.1.0
+      sonic-boom: 4.2.1
+      strip-json-comments: 5.0.3
+
+  pino-std-serializers@7.1.0: {}
+
+  pino@10.3.1:
+    dependencies:
+      '@pinojs/redact': 0.4.0
+      atomic-sleep: 1.0.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 3.0.0
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.1
+      thread-stream: 4.0.0
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
+  portfinder@1.0.38:
+    dependencies:
+      async: 3.2.6
+      debug: 4.4.3(supports-color@5.5.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  postcss@8.5.15:
+    dependencies:
+      nanoid: 3.3.12
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  process-warning@5.0.0: {}
+
+  protobufjs@7.5.8:
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/base64': 1.1.2
+      '@protobufjs/codegen': 2.0.5
+      '@protobufjs/eventemitter': 1.1.0
+      '@protobufjs/fetch': 1.1.0
+      '@protobufjs/float': 1.0.2
+      '@protobufjs/inquire': 1.1.1
+      '@protobufjs/path': 1.1.2
+      '@protobufjs/pool': 1.1.0
+      '@protobufjs/utf8': 1.1.1
+      '@types/node': 24.1.0
+      long: 5.3.2
+
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
+  pstree.remy@1.1.8: {}
+
+  pump@3.0.4:
+    dependencies:
+      end-of-stream: 1.4.5
+      once: 1.4.0
+
+  punycode.js@2.3.1: {}
+
+  punycode@2.3.1: {}
+
+  qs@6.15.2:
+    dependencies:
+      side-channel: 1.1.0
+
+  quansync@0.2.11: {}
+
+  quick-format-unescaped@4.0.4: {}
+
+  range-parser@1.2.1: {}
+
+  raw-body@3.0.2:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.1
+      unpipe: 1.0.0
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.2
+
+  readdirp@5.0.0: {}
+
+  real-require@0.2.0: {}
+
+  reka-ui@2.9.8(vue@3.5.35):
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@floating-ui/vue': 1.1.11(vue@3.5.35)
+      '@internationalized/date': 3.12.1
+      '@internationalized/number': 3.6.6
+      '@tanstack/vue-virtual': 3.13.24(vue@3.5.35)
+      '@vueuse/core': 14.3.0(vue@3.5.35)
+      '@vueuse/shared': 14.3.0(vue@3.5.35)
+      aria-hidden: 1.2.6
+      defu: 6.1.7
+      ohash: 2.0.11
+      vue: 3.5.35
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  require-directory@2.1.1: {}
+
+  rfdc@1.4.1: {}
+
+  rolldown@1.0.2:
+    dependencies:
+      '@oxc-project/types': 0.132.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.2
+      '@rolldown/binding-darwin-arm64': 1.0.2
+      '@rolldown/binding-darwin-x64': 1.0.2
+      '@rolldown/binding-freebsd-x64': 1.0.2
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.2
+      '@rolldown/binding-linux-arm64-gnu': 1.0.2
+      '@rolldown/binding-linux-arm64-musl': 1.0.2
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.2
+      '@rolldown/binding-linux-s390x-gnu': 1.0.2
+      '@rolldown/binding-linux-x64-gnu': 1.0.2
+      '@rolldown/binding-linux-x64-musl': 1.0.2
+      '@rolldown/binding-openharmony-arm64': 1.0.2
+      '@rolldown/binding-wasm32-wasi': 1.0.2
+      '@rolldown/binding-win32-arm64-msvc': 1.0.2
+      '@rolldown/binding-win32-x64-msvc': 1.0.2
+
+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3(supports-color@5.5.0)
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.4.2
+    transitivePeerDependencies:
+      - supports-color
+
+  rxjs@7.8.2:
+    dependencies:
+      tslib: 2.8.1
+
+  safe-buffer@5.2.1: {}
+
+  safe-stable-stringify@2.5.0: {}
+
+  safer-buffer@2.1.2: {}
+
+  scule@1.3.0: {}
+
+  secure-json-parse@4.1.0: {}
+
+  semver@7.6.3: {}
+
+  send@1.2.0:
+    dependencies:
+      debug: 4.4.3(supports-color@5.5.0)
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  serve-static@2.2.0:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  setprototypeof@1.2.0: {}
+
+  shell-quote@1.8.3: {}
+
+  side-channel-list@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  simple-update-notifier@2.0.0:
+    dependencies:
+      semver: 7.6.3
+
+  sonic-boom@4.2.1:
+    dependencies:
+      atomic-sleep: 1.0.0
+
+  source-map-js@1.2.1: {}
+
+  speakingurl@14.0.1: {}
+
+  split2@4.2.0: {}
+
+  statuses@2.0.2: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-json-comments@5.0.3: {}
+
+  superjson@2.2.5:
+    dependencies:
+      copy-anything: 4.0.5
+
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
+  svg-pan-zoom@3.6.2: {}
+
+  svgmap@2.20.0:
+    dependencies:
+      svg-pan-zoom: 3.6.2
+
+  tailwind-merge@3.6.0: {}
+
+  tailwindcss@4.3.0: {}
+
+  tapable@2.3.3: {}
+
+  tar@7.5.15:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.3
+      minizlib: 3.1.0
+      yallist: 5.0.0
+
+  thread-stream@4.0.0:
+    dependencies:
+      real-require: 0.2.0
+
+  through@2.3.8: {}
+
+  tiny-lru@13.0.0: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toidentifier@1.0.1: {}
+
+  touch@3.1.1: {}
+
+  tree-kill@1.2.2: {}
+
+  tslib@2.8.1: {}
+
+  tw-animate-css@1.4.0: {}
+
+  type-is@2.0.1:
+    dependencies:
+      content-type: 1.0.5
+      media-typer: 1.1.0
+      mime-types: 3.0.2
+
+  ua-is-frozen@0.1.2: {}
+
+  ua-parser-js@2.0.10:
+    dependencies:
+      detect-europe-js: 0.1.2
+      is-standalone-pwa: 0.1.1
+      ua-is-frozen: 0.1.2
+
+  uc.micro@2.1.0: {}
+
+  ufo@1.6.3: {}
+
+  unbzip2-stream@1.4.3:
+    dependencies:
+      buffer: 5.7.1
+      through: 2.3.8
+
+  undefsafe@2.0.5: {}
+
+  undici-types@7.8.0: {}
+
+  unpipe@1.0.0: {}
+
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.4
+
+  unplugin@3.0.0:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      picomatch: 4.0.4
+      webpack-virtual-modules: 0.6.2
+
+  vary@1.1.2: {}
+
+  vaul-vue@0.4.1(reka-ui@2.9.8(vue@3.5.35))(vue@3.5.35):
+    dependencies:
+      '@vueuse/core': 10.11.1(vue@3.5.35)
+      reka-ui: 2.9.8(vue@3.5.35)
+      vue: 3.5.35
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  vconsole@3.15.1:
+    dependencies:
+      '@babel/runtime': 7.29.7
+      copy-text-to-clipboard: 3.2.2
+      core-js: 3.49.0
+      mutation-observer: 1.0.3
+
+  vite@8.0.14(@types/node@24.1.0)(jiti@2.6.1)(yaml@2.8.3):
+    dependencies:
+      lightningcss: 1.32.0
+      picomatch: 4.0.4
+      postcss: 8.5.15
+      rolldown: 1.0.2
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 24.1.0
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      yaml: 2.8.3
+
+  vue-demi@0.14.10(vue@3.5.35):
+    dependencies:
+      vue: 3.5.35
+
+  vue-i18n@11.4.4(vue@3.5.35):
+    dependencies:
+      '@intlify/core-base': 11.4.4
+      '@intlify/devtools-types': 11.4.4
+      '@intlify/shared': 11.4.4
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.35
+
+  vue-markdown-render@2.3.0(vue@3.5.35):
+    dependencies:
+      markdown-it: 14.1.1
+      vue: 3.5.35
+
+  vue-router@5.0.7(@vue/compiler-sfc@3.5.35)(pinia@3.0.4(vue@3.5.35))(vue@3.5.35):
+    dependencies:
+      '@babel/generator': 8.0.0-rc.6
+      '@vue-macros/common': 3.1.2(vue@3.5.35)
+      '@vue/devtools-api': 8.1.2
+      ast-walker-scope: 0.8.3
+      chokidar: 5.0.0
+      json5: 2.2.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.0
+      muggle-string: 0.4.1
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      scule: 1.3.0
+      tinyglobby: 0.2.16
+      unplugin: 3.0.0
+      unplugin-utils: 0.3.1
+      vue: 3.5.35
+      yaml: 2.8.3
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.35
+      pinia: 3.0.4(vue@3.5.35)
+
+  vue-sonner@2.0.9: {}
+
+  vue@3.5.35:
+    dependencies:
+      '@vue/compiler-dom': 3.5.35
+      '@vue/compiler-sfc': 3.5.35
+      '@vue/runtime-dom': 3.5.35
+      '@vue/server-renderer': 3.5.35(vue@3.5.35)
+      '@vue/shared': 3.5.35
+
+  web-vitals@4.2.4: {}
+
+  webpack-virtual-modules@0.6.2: {}
+
+  websocket-driver@0.7.4:
+    dependencies:
+      http-parser-js: 0.5.10
+      safe-buffer: 5.2.1
+      websocket-extensions: 0.1.4
+
+  websocket-extensions@0.1.4: {}
+
+  whoiser@1.18.0:
+    dependencies:
+      punycode: 2.3.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrappy@1.0.2: {}
+
+  y18n@5.0.8: {}
+
+  yallist@5.0.0: {}
+
+  yaml@2.8.3: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 000000000..e173b2f6e
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,5 @@
+allowBuilds:
+  '@firebase/util': true
+  core-js: true
+  protobufjs: true
+  vue-demi: true

From be1b9ef116c764765f0d83568d94c1c3fd88c726 Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sun, 31 May 2026 10:40:27 +0800
Subject: [PATCH 51/52] Update Readme

---
 README.md    | 3 ++-
 README_FR.md | 3 ++-
 README_TR.md | 3 ++-
 README_ZH.md | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index a6ff1cdb6..c6353d383 100644
--- a/README.md
+++ b/README.md
@@ -68,9 +68,10 @@ Clone the code:
 git clone https://github.com/jason5ng32/MyIP.git
 ```
 
-Install and build:
+Install and build. This project uses pnpm — if you don't have it, install it first (npm ships with Node, so this command always works):
 
 ```bash
+npm install -g pnpm
 pnpm install && pnpm run build
 ```
 
diff --git a/README_FR.md b/README_FR.md
index a50de72ba..9bfa13df9 100644
--- a/README_FR.md
+++ b/README_FR.md
@@ -68,9 +68,10 @@ Clonez le code :
 git clone https://github.com/jason5ng32/MyIP.git
 ```
 
-Installer & Construire :
+Installer & Construire. Ce projet utilise pnpm — si vous ne l'avez pas, installez-le d'abord (npm est fourni avec Node, donc cette commande fonctionne toujours) :
 
 ```bash
+npm install -g pnpm
 pnpm install && pnpm run build
 ```
 
diff --git a/README_TR.md b/README_TR.md
index 78a9b9a2e..1aabf18d9 100644
--- a/README_TR.md
+++ b/README_TR.md
@@ -68,9 +68,10 @@ Kodu klonlayın:
 git clone https://github.com/jason5ng32/MyIP.git
 ```
 
-Kurun ve derleyin:
+Kurun ve derleyin. Bu proje pnpm kullanır — eğer yoksa önce onu kurun (npm, Node ile birlikte gelir, bu yüzden bu komut her zaman çalışır):
 
 ```bash
+npm install -g pnpm
 pnpm install && pnpm run build
 ```
 
diff --git a/README_ZH.md b/README_ZH.md
index 682ca1d9c..5a3905695 100644
--- a/README_ZH.md
+++ b/README_ZH.md
@@ -68,9 +68,10 @@
 git clone https://github.com/jason5ng32/MyIP.git
 ```
 
-安装与编译:
+安装与编译。本项目使用 pnpm，如果你还没有，请先安装（npm 随 Node 一起提供，这条命令一定能用）：
 
 ```bash
+npm install -g pnpm
 pnpm install && pnpm run build
 ```
 

From 74d2023eaac3ee5d437a28de4fc8e32698fd299b Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Sun, 31 May 2026 10:44:01 +0800
Subject: [PATCH 52/52] Improvements

---
 frontend/data/changelog.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/data/changelog.json b/frontend/data/changelog.json
index b171f4bb5..fefd6df34 100644
--- a/frontend/data/changelog.json
+++ b/frontend/data/changelog.json
@@ -1177,7 +1177,7 @@
   },
   {
     "version": "v6.4.0",
-    "date": "Beta",
+    "date": "June 1, 2026",
     "content": [
       {
         "type": "add",