diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 13444c0..848509e 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -116,6 +116,7 @@ declare global {
   const unref: typeof import('vue')['unref']
   const unrefElement: typeof import('@vueuse/core')['unrefElement']
   const until: typeof import('@vueuse/core')['until']
+  const useAPIOnline: typeof import('./src/composables/online')['useAPIOnline']
   const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
   const useAnimate: typeof import('@vueuse/core')['useAnimate']
   const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
@@ -336,14 +337,12 @@ declare module 'vue' {
     readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
     readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
     readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
-    readonly doCheckOnline: UnwrapRef<typeof import('./src/composables/fetch')['doCheckOnline']>
     readonly eagerComputed: UnwrapRef<typeof import('@vueuse/core')['eagerComputed']>
     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
     readonly extendRef: UnwrapRef<typeof import('@vueuse/core')['extendRef']>
     readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
     readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
     readonly h: UnwrapRef<typeof import('vue')['h']>
-    readonly hasConnection: UnwrapRef<typeof import('./src/composables/online')['hasConnection']>
     readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
     readonly inject: UnwrapRef<typeof import('vue')['inject']>
     readonly injectLocal: UnwrapRef<typeof import('@vueuse/core')['injectLocal']>
@@ -418,6 +417,7 @@ declare module 'vue' {
     readonly unref: UnwrapRef<typeof import('vue')['unref']>
     readonly unrefElement: UnwrapRef<typeof import('@vueuse/core')['unrefElement']>
     readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
+    readonly useAPIOnline: UnwrapRef<typeof import('./src/composables/online')['useAPIOnline']>
     readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
     readonly useAnimate: UnwrapRef<typeof import('@vueuse/core')['useAnimate']>
     readonly useArrayDifference: UnwrapRef<typeof import('@vueuse/core')['useArrayDifference']>
@@ -435,7 +435,6 @@ declare module 'vue' {
     readonly useAsyncQueue: UnwrapRef<typeof import('@vueuse/core')['useAsyncQueue']>
     readonly useAsyncState: UnwrapRef<typeof import('@vueuse/core')['useAsyncState']>
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
-    readonly useBackendOnline: UnwrapRef<typeof import('./src/composables/fetch')['useBackendOnline']>
     readonly useBase64: UnwrapRef<typeof import('@vueuse/core')['useBase64']>
     readonly useBattery: UnwrapRef<typeof import('@vueuse/core')['useBattery']>
     readonly useBluetooth: UnwrapRef<typeof import('@vueuse/core')['useBluetooth']>
diff --git a/src/pages/cosmic/gravity_wave/multiday.vue b/src/pages/cosmic/gravity_wave/multiday.vue
new file mode 100644
index 0000000..01a4f5b
--- /dev/null
+++ b/src/pages/cosmic/gravity_wave/multiday.vue
@@ -0,0 +1,70 @@
+<route lang="yaml">
+meta:
+  title: Cosmic 重力波多日
+  description: Cosmic 重力波多日
+  group: COSMIC
+  item_name: 重力波统计
+</route>
+
+<script setup lang="ts">
+import { API_BASE_URL } from '~/CONSTANT'
+/**
+            if mode == "布伦特-维萨拉频率分布":
+        await run_sync(p.plot_heatmap_tempNz)()
+    elif mode == "位温分布":
+        await run_sync(p.plot_heatmap_tempPtz)()
+    elif mode == "每月浮力频率变化趋势":
+        await run_sync(p.plot_floatage_trend)()
+    elif mode == "每月平均重力势能的折线图":
+        await run_sync(p.plot_monthly_energy)()
+ */
+const MODES = [
+  '位温分布',
+  '每月浮力频率变化趋势',
+  '每月平均重力势能的折线图',
+  '布伦特-维萨拉频率分布',
+]
+
+const selected = reactive({
+  year: '2008',
+  // begin_day
+  mode: '位温分布',
+})
+const queryUrl = computed(() => {
+  const q = new URLSearchParams()
+  q.set('year', selected.year)
+  q.set('mode', selected.mode)
+  return `${API_BASE_URL}/cosmic/render/gravity_wave/multiday?${q}`
+})
+</script>
+
+<template>
+  <DenseFramework :image-query="queryUrl">
+    <Label>年份</Label>
+    <Select v-model="selected.year">
+      <SelectTrigger>
+        <SelectValue placeholder="选择年份" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          <SelectLabel>年份</SelectLabel>
+          <SelectItem v-for="year in ['2008']" :key="year" :value="year">
+            {{ year }}
+          </SelectItem>
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+    <Label>模式</Label>
+    <Tabs v-model="selected.mode">
+      <TabsList class="grid grid-cols-1 w-full">
+        <TabsTrigger v-for="mode in MODES" :key="mode" :value="mode">
+          {{ mode }}
+        </TabsTrigger>
+      </TabsList>
+    </Tabs>
+  </DenseFramework>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/saber/gravity_wave/monthly.vue b/src/pages/saber/gravity_wave/monthly.vue
index 6a67b65..95d18a3 100644
--- a/src/pages/saber/gravity_wave/monthly.vue
+++ b/src/pages/saber/gravity_wave/monthly.vue
@@ -3,7 +3,7 @@
     title: Saber 重力波月统计
     description: Saber 重力波月统计
     group: Saber
-    item_name: 重力波月统计
+    item_name: 重力波统计
   </route>
 
 <template>
diff --git a/src/pages/saber/gravity_wave/perday.vue b/src/pages/saber/gravity_wave/perday.vue
index b26bc16..a5941cc 100644
--- a/src/pages/saber/gravity_wave/perday.vue
+++ b/src/pages/saber/gravity_wave/perday.vue
@@ -3,7 +3,7 @@ meta:
   title: Saber 重力波单日
   description: Saber 重力波单日
   group: Saber
-  item_name: 重力波单日
+  item_name: 重力波提取
 </route>
 
 <script setup lang="ts">
diff --git a/src/pages/saber/planet_wave/monthly.vue b/src/pages/saber/planet_wave/monthly.vue
index 574246d..cf27f3b 100644
--- a/src/pages/saber/planet_wave/monthly.vue
+++ b/src/pages/saber/planet_wave/monthly.vue
@@ -4,7 +4,7 @@
       "title":"Saber 行星波月统计",
       "description":"Saber 行星波月统计",
       "group":"Saber",
-      "item_name":"行星波月统计"
+      "item_name":"行星波统计"
     }
   }
 </route>
diff --git a/typed-router.d.ts b/typed-router.d.ts
index 84ccab8..691d1fd 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -23,6 +23,7 @@ declare module 'vue-router/auto-routes' {
     '/auth': RouteRecordInfo<'/auth', '/auth', Record<never, never>, Record<never, never>>,
     '/balloon/gravity_wave/single': RouteRecordInfo<'/balloon/gravity_wave/single', '/balloon/gravity_wave/single', Record<never, never>, Record<never, never>>,
     '/balloon/gravity_wave/year': RouteRecordInfo<'/balloon/gravity_wave/year', '/balloon/gravity_wave/year', Record<never, never>, Record<never, never>>,
+    '/cosmic/gravity_wave/multiday': RouteRecordInfo<'/cosmic/gravity_wave/multiday', '/cosmic/gravity_wave/multiday', Record<never, never>, Record<never, never>>,
     '/cosmic/gravity_wave/perday': RouteRecordInfo<'/cosmic/gravity_wave/perday', '/cosmic/gravity_wave/perday', Record<never, never>, Record<never, never>>,
     '/cosmic/planet_wave/daily': RouteRecordInfo<'/cosmic/planet_wave/daily', '/cosmic/planet_wave/daily', Record<never, never>, Record<never, never>>,
     '/debug': RouteRecordInfo<'/debug', '/debug', Record<never, never>, Record<never, never>>,