From c55e86fdc32cd1520cae88f54d3ed3dfce2bc2ca Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Tue, 2 Apr 2024 02:01:36 +0800
Subject: [PATCH 01/15] feat: adjust two bilibili evolved's buttons to match
 the BewlyBewly theme (#423) close #423

---
 src/styles/main.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/styles/main.scss b/src/styles/main.scss
index 2e4b6d78..f14079e9 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -102,3 +102,20 @@ html.dark.bewly-design {
 .dark::view-transition-new(root) {
   z-index: 1;
 }
+
+// Adapt the colors of the two Bilibili Evolved's buttons on the left side to BewlyBewly theme
+.bewly-design {
+  .be-settings > .sidebar > * {
+    background-color: var(--bew-elevated-solid-1) !important;
+    opacity: 0.4;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  .be-settings > .sidebar > * .be-icon {
+    color: var(--bew-text-1) !important;
+    fill: var(--bew-text-1) !important;
+  }
+}

From a75657adc8488875f295dcd6e50073786e6023b3 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Wed, 3 Apr 2024 18:40:22 +0800
Subject: [PATCH 02/15] chore: Add new cSpell words and update props in
 VideoCard.vue and ForYou.vue

---
 .vscode/settings.json                         |  1 +
 src/components/VideoCard/VideoCard.vue        | 19 +++++---
 .../views/Home/components/ForYou.vue          | 48 +++++++++++--------
 3 files changed, 41 insertions(+), 27 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 84ef2778..0f4f9d55 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,7 @@
 {
   "cSpell.words": [
     "bilibili",
+    "unocss",
     "Vitesse",
     "webext"
   ],
diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index f0f8a828..09d69473 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -38,8 +38,7 @@ interface Props {
   moreBtnActive?: boolean
   removed?: boolean
   showDislikeOptions?: boolean
-  feedbackReason?: { id: number, name: string }
-  dislikeReason?: { id: number, name: string }
+  dislikeReasons?: { id: number, name: string }[]
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -162,7 +161,19 @@ function handleMoreBtnClick(event: MouseEvent) {
     <div hidden w="xl:280px lg:250px md:200px 200px" />
     <div hidden w="full" />
 
+    <template v-if="showDislikeOptions">
+      <div flex="~ gap-2 wrap">
+        <button
+          v-for="reason in dislikeReasons" :key="reason.id"
+          p="x-4 y-2" bg="$bew-fill-1 hover:$bew-fill-3" rounded="$bew-radius"
+          cursor-pointer
+        >
+          {{ reason.name }}
+        </button>
+      </div>
+    </template>
     <div
+      v-else
       class="video-card group"
       :class="isDislike ? 'is-dislike' : ''"
       w="full" pos="absolute top-0 left-0"
@@ -170,11 +181,7 @@ function handleMoreBtnClick(event: MouseEvent) {
       bg="hover:$bew-fill-2 active:$bew-fill-3" hover:ring="8 $bew-fill-2" active:ring="8 $bew-fill-3"
       :style="{ contentVisibility }"
     >
-      <template v-if="showDislikeOptions">
-        fdsflsd
-      </template>
       <a
-        v-else
         :style="{ display: horizontal ? 'flex' : 'block', gap: horizontal ? '1.5rem' : '0' }"
         :href="videoUrl" target="_blank" rel="noopener noreferrer"
       >
diff --git a/src/contentScripts/views/Home/components/ForYou.vue b/src/contentScripts/views/Home/components/ForYou.vue
index 3f9ecced..0710c211 100644
--- a/src/contentScripts/views/Home/components/ForYou.vue
+++ b/src/contentScripts/views/Home/components/ForYou.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
 import { onClickOutside } from '@vueuse/core'
+import { Type as ThreePointV2Type } from '~/models/video/appForYou'
 import type { AppForYouResult, Item as AppVideoItem, ThreePointV2 } from '~/models/video/appForYou'
 import type { Item as VideoItem, forYouResult } from '~/models/video/forYou'
 import type { GridLayout } from '~/logic'
@@ -45,10 +46,6 @@ watch(() => settings.value.recommendationMode, () => {
   initData()
 })
 
-onClickOutside(videoCardRef, () => {
-  closeVideoOptions()
-})
-
 onMounted(async () => {
   // Delay by 0.2 seconds to obtain the `settings.value.recommendationMode` value
   // otherwise the `settings.value.recommendationMode` value will be undefined
@@ -180,12 +177,12 @@ async function getAppRecommendVideos() {
 }
 
 function handleMoreClick(e: MouseEvent, data: AppVideoItem) {
-  if (activatedVideo.value && activatedVideo.value.idx === data.idx) {
+  if (activatedVideo.value && activatedVideo.value?.idx === data.idx) {
     closeVideoOptions()
     return
   }
+
   showVideoOptions.value = true
-  // activatedVideo.value.idx = data.idx
   activatedVideo.value = data
   const osInstance = scrollbarRef.value?.osInstance()
   const scrollTop = osInstance.elements().viewport.scrollTop || 0
@@ -194,12 +191,18 @@ function handleMoreClick(e: MouseEvent, data: AppVideoItem) {
   videoOptionsPosition.left = `${e.clientX}px`
 }
 
-function handleMoreCommand(command: string) {
+function handleMoreCommand(command: ThreePointV2Type) {
   if (activatedVideo.value)
     dislikedVideoIds.value.push(activatedVideo.value.idx)
 
-  // eslint-disable-next-line no-empty
-  switch (command) {}
+  switch (command) {
+    case ThreePointV2Type.Feedback:
+      break
+    case ThreePointV2Type.Dislike:
+      dislikedVideoIds.value.push(activatedVideo.value!.idx)
+      closeVideoOptions()
+      break
+  }
 
   // if (command === 'close')
   //   closeVideoOptions()
@@ -210,11 +213,6 @@ function closeVideoOptions() {
   activatedVideo.value = null
 }
 
-// function handleVideoOptionsCommand(command: string) {
-//   if (command === 'close')
-//     closeVideoOptions()
-// }
-
 function jumpToLoginPage() {
   location.href = 'https://passport.bilibili.com/login'
 }
@@ -231,6 +229,10 @@ defineExpose({ initData })
 
     <!-- dislike popup -->
     <div v-show="showVideoOptions">
+      <div
+        pos="fixed top-0 left-0" w-full h-full z-1
+        @click="closeVideoOptions"
+      />
       <div
         style="backdrop-filter: var(--bew-filter-glass-1);"
         :style="{ transform: `translate(${videoOptionsPosition.left}, ${videoOptionsPosition.top})` }"
@@ -239,13 +241,15 @@ defineExpose({ initData })
         shadow="$bew-shadow-1" z-10
       >
         <ul flex="~ col gap-1">
-          <li
-            v-for="option in videoOptions" :key="option.type"
-            bg="hover:$bew-fill-2" p="x-4 y-2" rounded="$bew-radius-half" cursor-pointer
-            @click="handleMoreCommand('')"
-          >
-            {{ option.title }}
-          </li>
+          <template v-for="option in videoOptions" :key="option.type">
+            <li
+              v-if="option.type !== ThreePointV2Type.WatchLater"
+              bg="hover:$bew-fill-2" p="x-4 y-2" rounded="$bew-radius-half" cursor-pointer
+              @click="handleMoreCommand(option.type)"
+            >
+              {{ option.title }}
+            </li>
+          </template>
         </ul>
       </div>
     </div>
@@ -306,8 +310,10 @@ defineExpose({ initData })
           more-btn
           :more-btn-active="video.idx === activatedVideo?.idx"
           :show-dislike-options="dislikedVideoIds.includes(video.idx)"
+          :dislike-reasons="video.three_point_v2?.find(option => option.type === ThreePointV2Type.Dislike)?.reasons || []"
           @more-click="(e) => handleMoreClick(e, video)"
         />
+        <!-- :more-options="video.three_point_v2" -->
       </template>
 
       <!-- skeleton -->

From 4a1f0a278ce413eeb54a7d50d49618afd7bc841e Mon Sep 17 00:00:00 2001
From: starknt <1431880400@qq.com>
Date: Sat, 6 Apr 2024 21:39:58 +0800
Subject: [PATCH 03/15] feat: add delay hover for topbar

---
 src/components/TopBar/TopBar.vue   | 65 ++++++++++++++++++++++--------
 src/composables/useDelayedHover.ts | 37 +++++++++++++++++
 2 files changed, 86 insertions(+), 16 deletions(-)
 create mode 100644 src/composables/useDelayedHover.ts

diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 43f1e622..be662f34 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -69,6 +69,47 @@ const favoritesPopRef = ref<any>()
 const scrollTop = ref<number>(0)
 const oldScrollTop = ref<number>(0)
 
+// Avatar
+const avatar = useDelayedHover({
+  enter: () => openUserPanel(),
+  leave: () => closeUserPanel(),
+})
+// Notifications
+const notifications = useDelayedHover({
+  enter: () => showNotificationsPop.value = true,
+  leave: () => showNotificationsPop.value = false,
+})
+// Moments
+const moments = useDelayedHover({
+  enter: () => showMomentsPop.value = true,
+  leave: () => showMomentsPop.value = false,
+})
+// Favorites
+const favorites = useDelayedHover({
+  enter: () => showFavoritesPop.value = true,
+  leave: () => showFavoritesPop.value = false,
+})
+// Upload
+const upload = useDelayedHover({
+  enter: () => showUploadPop.value = true,
+  leave: () => showUploadPop.value = false,
+})
+// History
+const history = useDelayedHover({
+  enter: () => showHistoryPop.value = true,
+  leave: () => showHistoryPop.value = false,
+})
+// Watch Later
+const watchLater = useDelayedHover({
+  enter: () => showWatchLaterPop.value = true,
+  leave: () => showWatchLaterPop.value = false,
+})
+// More
+const more = useDelayedHover({
+  enter: () => showMorePop.value = true,
+  leave: () => showMorePop.value = false,
+})
+
 watch(() => settings.value.autoHideTopBar, (newVal) => {
   if (!newVal)
     toggleTopBarVisible(true)
@@ -379,9 +420,8 @@ defineExpose({
           <template v-if="isLogin">
             <!-- Avatar -->
             <div
+              ref="avatar"
               class="avatar right-side-item"
-              @mouseenter="openUserPanel"
-              @mouseleave="closeUserPanel"
             >
               <a
                 ref="avatarImg"
@@ -447,10 +487,9 @@ defineExpose({
             <div display="lg:flex none" gap-1>
               <!-- Notifications -->
               <div
+                ref="notifications"
                 class="right-side-item"
                 :class="{ active: showNotificationsPop }"
-                @mouseenter="showNotificationsPop = true"
-                @mouseleave="showNotificationsPop = false"
               >
                 <template v-if="unReadMessageCount > 0">
                   <div
@@ -482,10 +521,9 @@ defineExpose({
 
               <!-- Moments -->
               <div
+                ref="moments"
                 class="right-side-item"
                 :class="{ active: showMomentsPop }"
-                @mouseenter="showMomentsPop = true"
-                @mouseleave="showMomentsPop = false"
               >
                 <template v-if="newMomentsCount > 0">
                   <div
@@ -516,10 +554,9 @@ defineExpose({
 
               <!-- Favorites -->
               <div
+                ref="favorites"
                 class="right-side-item"
                 :class="{ active: showFavoritesPop }"
-                @mouseenter="showFavoritesPop = true"
-                @mouseleave="showFavoritesPop = false"
               >
                 <a
                   :href="`https://space.bilibili.com/${mid}/favlist`"
@@ -542,10 +579,9 @@ defineExpose({
 
               <!-- History -->
               <div
+                ref="history"
                 class="right-side-item"
                 :class="{ active: showHistoryPop }"
-                @mouseenter="showHistoryPop = true"
-                @mouseleave="showHistoryPop = false"
               >
                 <a
                   href="https://www.bilibili.com/account/history"
@@ -562,10 +598,9 @@ defineExpose({
 
               <!-- Watch later -->
               <div
+                ref="watchLater"
                 class="right-side-item"
                 :class="{ active: showWatchLaterPop }"
-                @mouseenter="showWatchLaterPop = true"
-                @mouseleave="showWatchLaterPop = false"
               >
                 <a
                   href="https://www.bilibili.com/watchlater/#/list"
@@ -594,11 +629,10 @@ defineExpose({
 
             <!-- More -->
             <div
+              ref="more"
               class="right-side-item"
               :class="{ active: showMorePop }"
               display="lg:!none flex"
-              @mouseenter="showMorePop = true"
-              @mouseleave="showMorePop = false"
             >
               <a title="More">
                 <mingcute:menu-line />
@@ -611,9 +645,8 @@ defineExpose({
 
             <!-- Upload -->
             <div
+              ref="upload"
               class="upload right-side-item"
-              @mouseenter="showUploadPop = true"
-              @mouseleave="showUploadPop = false"
             >
               <a
                 href="https://member.bilibili.com/platform/upload/video/frame"
diff --git a/src/composables/useDelayedHover.ts b/src/composables/useDelayedHover.ts
new file mode 100644
index 00000000..d3836502
--- /dev/null
+++ b/src/composables/useDelayedHover.ts
@@ -0,0 +1,37 @@
+export function useDelayedHover({ delay = 200, enter, leave }: { delay?: number, enter: Function, leave: Function }) {
+  const el = ref<HTMLElement>()
+
+  let timer: any | undefined
+  function handleMouseEnter() {
+    if (timer) {
+      clearTimeout(timer)
+      timer = undefined
+    }
+    timer = setTimeout(() => {
+      enter()
+    }, delay)
+  }
+  function handleMouseLeave() {
+    if (timer) {
+      leave()
+      clearTimeout(timer)
+      timer = undefined
+    }
+  }
+
+  watch(el, (el) => {
+    if (el) {
+      el.addEventListener('mouseenter', handleMouseEnter)
+      el.addEventListener('mouseleave', handleMouseLeave)
+    }
+
+    return () => {
+      if (el) {
+        el.removeEventListener('mouseenter', handleMouseEnter)
+        el.removeEventListener('mouseleave', handleMouseLeave)
+      }
+    }
+  }, { flush: 'post' })
+
+  return el
+}

From ba783ff0763ae758aa8d2ff7fc49873ca83a89bb Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 03:05:34 +0800
Subject: [PATCH 04/15] feat(VideoCard): improve not interested feature

---
 .vscode/settings.json                         |   1 +
 src/_locales/cmn-CN.yml                       |   5 +-
 src/_locales/cmn-TW.yml                       |   5 +-
 src/_locales/en.yml                           |   5 +-
 src/_locales/jyut.yml                         |   9 +-
 src/background/messageListeners/video.ts      |  93 +++++-----
 src/components/Button.vue                     |   2 +-
 src/components/Dialog.vue                     | 172 ++++++++++++++++++
 src/components/VideoCard/VideoCard.vue        |  62 +++++--
 .../VideoCard/VideoCardSkeleton.vue           |   4 +-
 .../views/Home/components/ForYou.vue          | 158 ++++++++++++++--
 src/styles/transitionAndTransitionGroup.scss  |   9 +
 src/utils/authProvider.ts                     |   6 +-
 13 files changed, 438 insertions(+), 93 deletions(-)
 create mode 100644 src/components/Dialog.vue

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 0f4f9d55..2fa133da 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,6 @@
 {
   "cSpell.words": [
+    "bewly",
     "bilibili",
     "unocss",
     "Vitesse",
diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index 67c91608..f3995dcc 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -24,6 +24,8 @@ common:
   refresh: 刷新
   reset: 重置
   no_more_content: 没有更多内容了
+  confirm: 确定
+  cancel: 取消
 settings:
   title: 设置
 
@@ -248,7 +250,8 @@ dock:
   light_mode: 亮色模式
   settings: 设置
 home:
-  not_interested_in: 对哪方面不感兴趣？
+  not_interested: 不感兴趣
+  tell_us_why: 为什么这么做...
   video_removed: 视频已移除
   for_you: 个性推荐
   following: 正在关注
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 5461bb32..95d3ffa2 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -24,6 +24,8 @@ common:
   refresh: 重新整理
   reset: 重置
   no_more_content: 沒有更多內容了
+  confirm: 確定
+  cancel: 取消
 settings:
   title: 設定
 
@@ -251,7 +253,8 @@ dock:
   light_mode: 淺色模式
   settings: 設定
 home:
-  not_interested_in: 對哪方面不感興趣？
+  not_interested: 不感興趣
+  tell_us_why: 為什麼這樣做...
   video_removed: 影片已移除
   for_you: 爲你推薦
   following: 正在跟隨
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index 155ededd..25f233bc 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -24,6 +24,8 @@ common:
   refresh: Refresh
   reset: Reset
   no_more_content: No more content now, owari da
+  confirm: Confirm
+  cancel: Cancel
 settings:
   title: Settings
 
@@ -249,7 +251,8 @@ dock:
   light_mode: Light Mode
   settings: Settings
 home:
-  not_interested_in: Not interested in...
+  not_interested: Not interested
+  tell_us_why: Choose a reason why
   video_removed: Video removed
   for_you: For you
   following: Following
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index 5b1a4319..64c05a29 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -1,7 +1,7 @@
 common:
   view_all: 睇晒佢哋
   loading: 撈緊...
-  undo: 整返
+  undo: 整返返去
   view: '{count}次'
   viewWithoutNum: 次
   danmaku: '{count} 彈幕'
@@ -24,6 +24,8 @@ common:
   refresh: 重新整理
   reset: 重置
   no_more_content: 唔使睇喇，冇嘢喇
+  confirm: 確定
+  cancel: 取消
 settings:
   title: 設定
 
@@ -251,8 +253,9 @@ dock:
   light_mode: 淺色模式
   settings: 設定
 home:
-  not_interested_in: 對邊方面冇癮？
-  video_removed: 經已鏟咗條片
+  not_interested: 唔鍾意
+  tell_us_why: 點解噉做...
+  video_removed: 已經鏟咗條片
   for_you: 估你心水
   following: Follow 緊
   trending: 時下至 Hit
diff --git a/src/background/messageListeners/video.ts b/src/background/messageListeners/video.ts
index 51d0d733..8b081b1f 100644
--- a/src/background/messageListeners/video.ts
+++ b/src/background/messageListeners/video.ts
@@ -1,58 +1,57 @@
 import browser from 'webextension-polyfill'
 
 function handleMessage(message: any) {
-  // #region APP端api，遺棄
-  /** Recommend Videos */
-  // if (message.contentScriptQuery === 'getRecommendVideos') {
-  //   // https://github.com/indefined/UserScripts/blob/master/bilibiliHome/bilibiliHome.API.md#%E8%8E%B7%E5%8F%96%E9%A6%96%E9%A1%B5%E5%86%85%E5%AE%B9
-  //   const url = `${APP_URL}/x/feed/index?build=1&idx=${message.idx}&appkey=27eb53fc9058f8c3&access_key=${message.accessKey}`
-  //   return fetch(url)
-  //     .then(response => response.json())
-  //     .then(data => data)
-  //     .catch(error => console.error(error))
-  // }
-  // /** Submit a video that is not of interest */
-  // else if (message.contentScriptQuery === 'submitDislike') {
-  //   // https://github.com/indefined/UserScripts/blob/master/bilibiliHome/bilibiliHome.API.md#%E6%8F%90%E4%BA%A4%E4%B8%8D%E5%96%9C%E6%AC%A2
-  //   let url = `https://app.bilibili.com/x/feed/dislike?access_key=${message.accessKey}
-  //     &goto=${message.goto}
-  //     &id=${message.id}
-  //     &mid=${message.mid}
-  //     &reason_id=${message.reasonID}
-  //     &rid=${message.rid}
-  //     &tag_id=${message.tagID}
-  //     &build=5000000`
+  /** Submit a video that is not of interest */
+  if (message.contentScriptQuery === 'dislikeVideo') {
+    // https://github.com/indefined/UserScripts/blob/master/bilibiliHome/bilibiliHome.API.md#%E6%8F%90%E4%BA%A4%E4%B8%8D%E5%96%9C%E6%AC%A2
+    const url = `https://app.bilibili.com/x/feed/dislike?access_key=${message.access_key}`
+      + `&goto=${message.goto}`
+      + `&id=${message.id}`
+      + `&idx=${message.idx}`
+      // + `&mid=${message.mid}`
+      + `&reason_id=${message.reason_id}`
+      // + `&rid=${message.rid}`
+      // + `&tag_id=${message.tagId}`
+      + `&device=${message.device}`
+      + `&mobi_app=${message.mobi_app}`
+      + `&build=${message.build}`
+      + `&sign=${message.sign}`
+      + `&appkey=${message.appkey}`
 
-  //   // remove url empty spaces
-  //   url = url.replace(/\s+/g, '')
+    // // remove url empty spaces
+    // url = url.replace(/\s+/g, '')
 
-  //   return fetch(url)
-  //     .then(response => response.json())
-  //     .then(data => data)
-  //     .catch(error => console.error(error))
-  // }
+    return fetch(url)
+      .then(response => response.json())
+      .then(data => data)
+      .catch(error => console.error(error))
+  }
 
-  // /** Undo a video that is not of interest */
-  // else if (message.contentScriptQuery === 'undoDislike') {
-  //   // https://github.com/indefined/UserScripts/blob/master/bilibiliHome/bilibiliHome.API.md#%E6%92%A4%E9%94%80%E4%B8%8D%E5%96%9C%E6%AC%A2
-  //   let url = `https://app.bilibili.com/x/feed/dislike/cancel?access_key=${message.accessKey}
-  //     &goto=${message.goto}
-  //     &id=${message.id}
-  //     &mid=${message.mid}
-  //     &reason_id=${message.reasonID}
-  //     &rid=${message.rid}
-  //     &tag_id=${message.tagID}
-  //     &build=5000000`
+  /** Undo a video that is not of interest */
+  else if (message.contentScriptQuery === 'undoDislikeVideo') {
+    // https://github.com/indefined/UserScripts/blob/master/bilibiliHome/bilibiliHome.API.md#%E6%92%A4%E9%94%80%E4%B8%8D%E5%96%9C%E6%AC%A2
+    const url = `https://app.bilibili.com/x/feed/dislike/cancel?access_key=${message.access_key}`
+      + `&goto=${message.goto}`
+      + `&id=${message.id}`
+      + `&idx=${message.idx}`
+      // + `&mid=${message.mid}`
+      + `&reason_id=${message.reason_id}`
+      // + `&rid=${message.rid}`
+      // + `&tag_id=${message.tagId}`
+      + `&device=${message.device}`
+      + `&mobi_app=${message.mobi_app}`
+      + `&build=${message.build}`
+      + `&sign=${message.sign}`
+      + `&appkey=${message.appkey}`
 
-  //   // remove url empty spaces
-  //   url = url.replace(/\s+/g, '')
+    // // remove url empty spaces
+    // url = url.replace(/\s+/g, '')
 
-  //   return fetch(url)
-  //     .then(response => response.json())
-  //     .then(data => data)
-  //     .catch(error => console.error(error))
-  // }
-  // #endregion
+    return fetch(url)
+      .then(response => response.json())
+      .then(data => data)
+      .catch(error => console.error(error))
+  }
 
   if (message.contentScriptQuery === 'getRecommendVideos') {
     const url = `https://api.bilibili.com/x/web-interface/index/top/feed/rcmd?fresh_idx=${message.refreshIdx}&feed_version=V2&fresh_type=4&ps=30&plat=1`
diff --git a/src/components/Button.vue b/src/components/Button.vue
index bc4f5ff4..9bb2cbdc 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -113,7 +113,7 @@ function handleClick(evt: MouseEvent) {
   }
 
   &--custom-color {
-    --at-apply: hover:opacity-80;
+    --at-apply: hover:opacity-70;
   }
 
   &--strong {
diff --git a/src/components/Dialog.vue b/src/components/Dialog.vue
new file mode 100644
index 00000000..95cc7b4e
--- /dev/null
+++ b/src/components/Dialog.vue
@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+import { onKeyStroke } from '@vueuse/core'
+
+const props = withDefaults(defineProps<{
+  title: string
+  desc?: string
+  center?: boolean
+  appendToBewlyBody?: boolean
+  width?: string | number
+  height?: string | number
+  centerFooter?: boolean
+  loading?: boolean
+  preventCloseWhenLoading?: boolean
+}>(), {
+  preventCloseWhenLoading: true,
+})
+
+const emit = defineEmits(['close', 'confirm'])
+
+onKeyStroke('Enter', (e: KeyboardEvent) => {
+  e.preventDefault()
+  if (!props.loading)
+    handleConfirm()
+})
+onKeyStroke('Escape', (e: KeyboardEvent) => {
+  e.preventDefault()
+  if (props.loading && props.preventCloseWhenLoading)
+    return
+  handleClose()
+})
+
+const showShortcut = ref<boolean>(false)
+const { mainAppRef } = useBewlyApp()
+const showDialog = ref<boolean>(false)
+
+const dialogWidth = computed(() => {
+  return typeof props.width === 'number' ? `${props.width}px` : props.width || '400px'
+})
+const dialogHeight = computed(() => {
+  return typeof props.height === 'number' ? `${props.height}px` : props.height || 'auto'
+})
+
+onKeyStroke('Alt', (e: KeyboardEvent) => {
+  e.preventDefault()
+  showShortcut.value = true
+}, { eventName: 'keydown' })
+onKeyStroke('Alt', (e: KeyboardEvent) => {
+  e.preventDefault()
+  showShortcut.value = false
+}, { eventName: 'keyup' })
+
+onMounted(() => {
+  showDialog.value = true
+})
+
+onBeforeUnmount(() => {
+  handleClose()
+})
+
+function handleClose() {
+  if (props.loading && props.preventCloseWhenLoading)
+    return
+
+  showDialog.value = false
+  nextTick(() => {
+    emit('close')
+  })
+}
+
+function handleConfirm() {
+  emit('confirm')
+  if (!props.loading)
+    handleClose()
+}
+</script>
+
+<template>
+  <Teleport :to="mainAppRef" :disabled="!appendToBewlyBody">
+    <Transition name="modal">
+      <div
+        v-if="showDialog"
+        class="dialog"
+        pos="fixed top-0 left-0" w-full h-full z-100
+      >
+        <div
+          bg="black opacity-40 dark:opacity-40"
+          pos="absolute top-0 left-0" w-full h-full z-0
+          @click="handleClose"
+        />
+        <div
+          style="
+            --un-shadow: var(--bew-shadow-3) var(--bew-shadow-edge-glow-2);
+            backdrop-filter: var(--bew-filter-glass-2);
+          "
+          :style="{ width: dialogWidth, height: dialogHeight }"
+          pos="absolute top-1/2 left-1/2" bg="$bew-content-2 dark:$bew-elevated-1" rounded="$bew-radius"
+          transform="translate--1/2" z-2 shadow overflow="x-hidden y-overlay"
+          antialiased
+        >
+          <!-- loading masking -->
+          <Transition name="fade">
+            <div
+              v-if="loading"
+              pos="absolute top-0 left-0" w-full h-full bg="white dark:black opacity-60 dark:opacity-60" flex="~ justify-center items-center"
+              z-2
+            >
+              <Icon icon="svg-spinners:ring-resize" text="4xl" />
+            </div>
+          </Transition>
+
+          <header
+            style="
+              text-shadow: 0 0 15px var(--bew-elevated-solid-1), 0 0 20px var(--bew-elevated-solid-1)
+            "
+            pos="sticky top-0 left-0" w-full h-80px px-8 flex
+            items-center justify-between
+            rounded="t-$bew-radius" z-1
+          >
+            <div
+              :style="{ textAlign: center ? 'center' : 'left' }"
+              w-full
+            >
+              <p text-xl fw-bold>
+                {{ title }}
+              </p>
+              <p text="sm $bew-text-2">
+                <slot name="desc">
+                  {{ desc }}
+                </slot>
+              </p>
+            </div>
+
+            <div
+              style="backdrop-filter: var(--bew-filter-glass-1)"
+              text-2xl leading-0 bg="$bew-fill-1 hover:$bew-theme-color-30" w="32px" h="32px"
+              ml-8 p="1" rounded-8 cursor="pointer"
+              hover:ring="2 $bew-theme-color" hover:text="$bew-theme-color" duration-300
+              @click="handleClose"
+            >
+              <ic-baseline-clear />
+            </div>
+          </header>
+          <main p="x-8 t-0 b-4" relative>
+            <!-- <div h-80px mt--8 /> -->
+            <slot />
+          </main>
+          <footer
+            :style="{ justifyContent: centerFooter ? 'center' : 'flex-end' }"
+            flex="~ gap-2" p="8 t-0"
+          >
+            <Button type="secondary" size="large" @click="handleClose">
+              <div>
+                {{ $t('common.cancel') }}
+                <span v-show="showShortcut" text="xs $bew-text-2">(Esc)</span>
+              </div>
+            </Button>
+            <Button type="primary" size="large" @click="handleConfirm">
+              <div>
+                {{ $t('common.confirm') }}
+                <span v-show="showShortcut" text="xs">(Enter)</span>
+              </div>
+            </Button>
+          </footer>
+        </div>
+      </div>
+    </Transition>
+  </Teleport>
+</template>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index 09d69473..d37c3796 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { Icon } from '@iconify/vue'
 import { getCSRF, removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime, calcTimeSince, numFormatter } from '~/utils/dataFormatter'
 import type { VideoPreviewResult } from '~/models/video/videoPreview'
@@ -37,8 +38,6 @@ interface Props {
   moreBtn?: boolean
   moreBtnActive?: boolean
   removed?: boolean
-  showDislikeOptions?: boolean
-  dislikeReasons?: { id: number, name: string }[]
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -47,6 +46,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<{
   (e: 'moreClick', event: MouseEvent): MouseEvent
+  (e: 'undo'): void
+  (e: 'tellUsWhy'): void
 }>()
 
 const videoUrl = computed(() => {
@@ -76,7 +77,6 @@ const wValue = computed((): string => {
     return 'w-full'
 })
 
-const isDislike = ref<boolean>(false)
 const isInWatchLater = ref<boolean>(false)
 const isHover = ref<boolean>(false)
 const contentVisibility = ref<'auto' | 'visible'>('auto')
@@ -151,6 +151,10 @@ function handelMouseLeave() {
 function handleMoreBtnClick(event: MouseEvent) {
   emit('moreClick', event)
 }
+
+function handleUndo() {
+  emit('undo')
+}
 </script>
 
 <template>
@@ -161,21 +165,41 @@ function handleMoreBtnClick(event: MouseEvent) {
     <div hidden w="xl:280px lg:250px md:200px 200px" />
     <div hidden w="full" />
 
-    <template v-if="showDislikeOptions">
-      <div flex="~ gap-2 wrap">
-        <button
-          v-for="reason in dislikeReasons" :key="reason.id"
-          p="x-4 y-2" bg="$bew-fill-1 hover:$bew-fill-3" rounded="$bew-radius"
-          cursor-pointer
+    <template v-if="removed">
+      <div
+        :style="{ contentVisibility }"
+        pos="absolute top-0 left-0" w-full aspect-video
+        rounded="$bew-radius"
+      >
+        <img
+          :src="`${removeHttpFromUrl(cover)}@672w_378h_1c`" alt=""
+          w-full h-full object-cover pos="absolute top-0 left-0" aspect-video
+          z--1
         >
-          {{ reason.name }}
-        </button>
+
+        <div
+          style="backdrop-filter: var(--bew-filter-glass-1);"
+          pos="absolute top-0 left-0" w-full h-full flex="~ col gap-2 items-center justify-center"
+          bg="$bew-fill-4"
+        >
+          <p mb-2 color-white text-lg>
+            {{ $t('home.video_removed') }}
+          </p>
+          <Button
+            color="rgba(255,255,255,.35)" text-color="white" size="small"
+            @click="handleUndo"
+          >
+            <template #left>
+              <Icon icon="mingcute:back-line" text-lg />
+            </template>
+            {{ $t('common.undo') }}
+          </Button>
+        </div>
       </div>
     </template>
     <div
       v-else
       class="video-card group"
-      :class="isDislike ? 'is-dislike' : ''"
       w="full" pos="absolute top-0 left-0"
       rounded="$bew-radius" duration-300 ease-in-out
       bg="hover:$bew-fill-2 active:$bew-fill-3" hover:ring="8 $bew-fill-2" active:ring="8 $bew-fill-3"
@@ -425,7 +449,7 @@ function handleMoreBtnClick(event: MouseEvent) {
     <!-- skeleton -->
     <template v-if="!horizontal">
       <div
-        block mb-10 pointer-events-none select-none invisible
+        block mb-6 pointer-events-none select-none invisible
       >
         <!-- Cover -->
         <div w-full shrink-0 aspect-video h-fit rounded="$bew-radius" />
@@ -457,7 +481,7 @@ function handleMoreBtnClick(event: MouseEvent) {
     <template v-else>
       <div
         flex="~ gap-6"
-        mb-10 pointer-events-none select-none invisible
+        mb-6 pointer-events-none select-none invisible
       >
         <!-- Cover -->
         <div
@@ -489,11 +513,11 @@ function handleMoreBtnClick(event: MouseEvent) {
 </template>
 
 <style lang="scss" scoped>
-.video-card.is-dislike {
-  > *:not(#dislike-control) {
-    --at-apply: invisible pointer-events-none duration-0 transition-none;
-  }
-}
+// .video-card.is-dislike {
+//   > *:not(#dislike-control) {
+//     --at-apply: invisible pointer-events-none duration-0 transition-none;
+//   }
+// }
 
 .more-active {
   --at-apply: opacity-100 bg-$bew-fill-3;
diff --git a/src/components/VideoCard/VideoCardSkeleton.vue b/src/components/VideoCard/VideoCardSkeleton.vue
index 30f4ff7f..f22dce5b 100644
--- a/src/components/VideoCard/VideoCardSkeleton.vue
+++ b/src/components/VideoCard/VideoCardSkeleton.vue
@@ -15,7 +15,7 @@ const wValue = computed((): string => {
 <template>
   <div
     v-if="!horizontal"
-    mb-8 pointer-events-none select-none
+    mb-6 pointer-events-none select-none
   >
     <div aspect-video bg="$bew-fill-4" rounded="$bew-radius" />
     <div flex mt-4>
@@ -45,7 +45,7 @@ const wValue = computed((): string => {
   <div
     v-else
     flex="~ gap-6"
-    mb-10 pointer-events-none select-none
+    mb-6 pointer-events-none select-none
   >
     <!-- By directly using predefined unocss width properties, it is possible to dynamically set the width attribute -->
     <div hidden w="xl:280px lg:250px md:200px 200px" />
diff --git a/src/contentScripts/views/Home/components/ForYou.vue b/src/contentScripts/views/Home/components/ForYou.vue
index 0710c211..16d35052 100644
--- a/src/contentScripts/views/Home/components/ForYou.vue
+++ b/src/contentScripts/views/Home/components/ForYou.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import { onClickOutside } from '@vueuse/core'
+import { onKeyStroke } from '@vueuse/core'
 import { Type as ThreePointV2Type } from '~/models/video/appForYou'
 import type { AppForYouResult, Item as AppVideoItem, ThreePointV2 } from '~/models/video/appForYou'
 import type { Item as VideoItem, forYouResult } from '~/models/video/forYou'
 import type { GridLayout } from '~/logic'
 import { accessKey, settings } from '~/logic'
 import { LanguageType } from '~/enums/appEnums'
-import { TVAppKey } from '~/utils/authProvider'
+import { TVAppKey, getTvSign } from '~/utils/authProvider'
 
 const props = defineProps<{
   gridLayout: GridLayout
@@ -37,10 +37,39 @@ const { handleReachBottom, handlePageRefresh, scrollbarRef } = useBewlyApp()
 const showVideoOptions = ref<boolean>(false)
 const videoOptions = ref<ThreePointV2[] | undefined>([])
 const videoOptionsPosition = reactive<{ top: string, left: string }>({ top: '0', left: '0' })
-// const activatedVideoId = ref<number>(0)
+const activatedVideoIdx = ref<number>(0)
 const activatedVideo = ref<AppVideoItem | null>()
 const videoCardRef = ref(null)
 const dislikedVideoIds = ref<number[]>([])
+const showDislikeDialog = ref<boolean>(false)
+const selectedDislikeReason = ref<number>(1)
+const loadingDislikeDialog = ref<boolean>(false)
+
+onKeyStroke((e: KeyboardEvent) => {
+  if (showDislikeDialog.value) {
+    const dislikeReasons = activatedVideo.value?.three_point_v2?.find(option => option.type === ThreePointV2Type.Dislike)?.reasons || []
+
+    if (e.key >= '0' && e.key <= '9') {
+      e.preventDefault()
+      dislikeReasons.forEach((reason) => {
+        if (dislikeReasons[Number(e.key) - 1] && reason.id === dislikeReasons[Number(e.key) - 1].id)
+          selectedDislikeReason.value = reason.id
+      })
+    }
+    else if (e.key === 'ArrowUp') {
+      e.preventDefault()
+      const currentIndex = dislikeReasons.findIndex(reason => selectedDislikeReason.value === reason.id)
+      if (currentIndex > 0)
+        selectedDislikeReason.value = dislikeReasons[currentIndex - 1].id
+    }
+    else if (e.key === 'ArrowDown') {
+      e.preventDefault()
+      const currentIndex = dislikeReasons.findIndex(reason => selectedDislikeReason.value === reason.id)
+      if (currentIndex < dislikeReasons.length - 1)
+        selectedDislikeReason.value = dislikeReasons[currentIndex + 1].id
+    }
+  }
+})
 
 watch(() => settings.value.recommendationMode, () => {
   initData()
@@ -177,12 +206,13 @@ async function getAppRecommendVideos() {
 }
 
 function handleMoreClick(e: MouseEvent, data: AppVideoItem) {
-  if (activatedVideo.value && activatedVideo.value?.idx === data.idx) {
+  if (activatedVideo.value && activatedVideoIdx.value === data.idx) {
     closeVideoOptions()
     return
   }
 
   showVideoOptions.value = true
+  activatedVideoIdx.value = data.idx
   activatedVideo.value = data
   const osInstance = scrollbarRef.value?.osInstance()
   const scrollTop = osInstance.elements().viewport.scrollTop || 0
@@ -192,25 +222,80 @@ function handleMoreClick(e: MouseEvent, data: AppVideoItem) {
 }
 
 function handleMoreCommand(command: ThreePointV2Type) {
-  if (activatedVideo.value)
-    dislikedVideoIds.value.push(activatedVideo.value.idx)
+  closeVideoOptions()
 
   switch (command) {
     case ThreePointV2Type.Feedback:
       break
     case ThreePointV2Type.Dislike:
-      dislikedVideoIds.value.push(activatedVideo.value!.idx)
-      closeVideoOptions()
+      openDislikeDialog()
       break
   }
-
-  // if (command === 'close')
-  //   closeVideoOptions()
 }
 
 function closeVideoOptions() {
   showVideoOptions.value = false
-  activatedVideo.value = null
+  activatedVideoIdx.value = 0
+}
+
+function openDislikeDialog() {
+  showDislikeDialog.value = true
+}
+
+function closeDislikeDialog() {
+  showDislikeDialog.value = false
+  selectedDislikeReason.value = 1
+}
+
+function handleDislike() {
+  loadingDislikeDialog.value = true
+  const params = {
+    access_key: accessKey.value,
+    goto: activatedVideo.value?.goto,
+    id: activatedVideo.value?.param,
+    // https://github.com/magicdawn/bilibili-app-recommend/blob/cb51f75f415f48235ce048537f2013122c16b56b/src/components/VideoCard/card.service.ts#L115
+    idx: (Date.now() / 1000).toFixed(0),
+    reason_id: selectedDislikeReason.value,
+    build: 74800100,
+    device: 'pad',
+    mobi_app: 'iphone',
+    appkey: TVAppKey.appkey,
+  }
+
+  browser.runtime.sendMessage({
+    contentScriptQuery: 'dislikeVideo',
+    ...params,
+    sign: getTvSign(params),
+  }).then((res) => {
+    if (res.code === 0)
+      dislikedVideoIds.value.push(activatedVideo.value!.idx)
+  }).finally(() => {
+    loadingDislikeDialog.value = false
+  })
+}
+
+function handleUndoDislike(video: AppVideoItem) {
+  const params = {
+    access_key: accessKey.value,
+    goto: video.goto,
+    id: video.param,
+    // https://github.com/magicdawn/bilibili-app-recommend/blob/cb51f75f415f48235ce048537f2013122c16b56b/src/components/VideoCard/card.service.ts#L115
+    idx: (Date.now() / 1000).toFixed(0),
+    reason_id: 1, // 1 means dislike, e.g. {"id": 1, "name": "不感兴趣","toast": "将减少相似内容推荐"}
+    build: 74800100,
+    device: 'pad',
+    mobi_app: 'iphone',
+    appkey: TVAppKey.appkey,
+  }
+
+  browser.runtime.sendMessage({
+    contentScriptQuery: 'undoDislikeVideo',
+    ...params,
+    sign: getTvSign(params),
+  }).then((res) => {
+    if (res.code === 0)
+      dislikedVideoIds.value = dislikedVideoIds.value.filter(currentIdx => currentIdx !== video.idx)
+  })
 }
 
 function jumpToLoginPage() {
@@ -227,7 +312,7 @@ defineExpose({ initData })
     <div hidden grid="~ cols-1 xl:cols-2 gap-4" />
     <div hidden grid="~ cols-1 gap-4" />
 
-    <!-- dislike popup -->
+    <!-- more popup -->
     <div v-show="showVideoOptions">
       <div
         pos="fixed top-0 left-0" w-full h-full z-1
@@ -243,17 +328,52 @@ defineExpose({ initData })
         <ul flex="~ col gap-1">
           <template v-for="option in videoOptions" :key="option.type">
             <li
-              v-if="option.type !== ThreePointV2Type.WatchLater"
+              v-if="option.type !== ThreePointV2Type.WatchLater && option.type !== ThreePointV2Type.Feedback"
               bg="hover:$bew-fill-2" p="x-4 y-2" rounded="$bew-radius-half" cursor-pointer
               @click="handleMoreCommand(option.type)"
             >
-              {{ option.title }}
+              <span v-if="option.type === ThreePointV2Type.Dislike">{{ $t('home.not_interested') }}</span>
+              <span v-else>{{ option.title }}</span>
             </li>
           </template>
         </ul>
       </div>
     </div>
 
+    <!-- dislike dialog -->
+    <Dialog
+      v-if="showDislikeDialog"
+      :title="$t('home.tell_us_why')"
+      width="400px"
+      append-to-bewly-body
+      center-footer
+      :loading="loadingDislikeDialog"
+      @close="closeDislikeDialog"
+      @confirm="handleDislike"
+    >
+      <ul flex="~ col gap-2">
+        <li
+          v-for="(reason, index) in activatedVideo?.three_point_v2?.find(option => option.type === ThreePointV2Type.Dislike)?.reasons"
+          :key="reason.id"
+          :class="{ 'activated-dislike-reason': selectedDislikeReason === reason.id }"
+          p="x-6 y-4" rounded="$bew-radius" cursor-pointer bg="$bew-fill-1 hover:$bew-fill-2"
+          flex="~ gap-2 items-center justify-between"
+          @click="selectedDislikeReason = reason.id"
+        >
+          <div flex="~ gap-2">
+            <div
+              bg="$bew-theme-color" color-white w-20px h-20px rounded-10
+              flex="~ justify-center items-center"
+            >
+              {{ index + 1 }}
+            </div>
+            {{ reason.name }}
+          </div>
+          <line-md:confirm v-if="selectedDislikeReason === reason.id" />
+        </li>
+      </ul>
+    </Dialog>
+
     <Empty v-if="needToLoginFirst" mt-6 :description="$t('common.please_log_in_first')">
       <Button type="primary" @click="jumpToLoginPage()">
         {{ $t('common.login') }}
@@ -308,10 +428,11 @@ defineExpose({ initData })
           show-preview
           :horizontal="gridLayout !== 'adaptive'"
           more-btn
-          :more-btn-active="video.idx === activatedVideo?.idx"
-          :show-dislike-options="dislikedVideoIds.includes(video.idx)"
+          :more-btn-active="video.idx === activatedVideoIdx"
+          :removed="dislikedVideoIds.includes(video.idx)"
           :dislike-reasons="video.three_point_v2?.find(option => option.type === ThreePointV2Type.Dislike)?.reasons || []"
           @more-click="(e) => handleMoreClick(e, video)"
+          @undo="handleUndoDislike(video)"
         />
         <!-- :more-options="video.three_point_v2" -->
       </template>
@@ -335,4 +456,7 @@ defineExpose({ initData })
 </template>
 
 <style lang="scss" scoped>
+.activated-dislike-reason {
+  --at-apply: bg-$bew-theme-color-20 color-$bew-theme-color;
+}
 </style>
diff --git a/src/styles/transitionAndTransitionGroup.scss b/src/styles/transitionAndTransitionGroup.scss
index 1c4ac43f..14b8f2e1 100644
--- a/src/styles/transitionAndTransitionGroup.scss
+++ b/src/styles/transitionAndTransitionGroup.scss
@@ -29,4 +29,13 @@
 }
 .list-leave-to {
   --at-apply: hidden
+}
+
+.modal-enter-active,
+.modal-leave-active {
+  --at-apply: transition-all duration-500;
+}
+.modal-enter-from,
+.modal-leave-to {
+  --at-apply: opacity-0 blur-14px scale-110;
 }
\ No newline at end of file
diff --git a/src/utils/authProvider.ts b/src/utils/authProvider.ts
index c3a7d5d7..a7e59994 100644
--- a/src/utils/authProvider.ts
+++ b/src/utils/authProvider.ts
@@ -75,7 +75,7 @@ export const TVAppKey = {
 }
 
 // https://github.com/magicdawn/bilibili-app-recommend/blob/e91722cc076fe65b98116fb0248236851ae6e1dc/src/utility/access-key/tv-qrcode/api.ts#L8
-function tvSignSearchParams(params: Record<string, any>) {
+export function tvSignSearchParams(params: Record<string, any>) {
   const sign = appSign(params, TVAppKey.appkey, TVAppKey.appsec)
   return new URLSearchParams({
     ...params,
@@ -83,6 +83,10 @@ function tvSignSearchParams(params: Record<string, any>) {
   })
 }
 
+export function getTvSign(params: Record<string, any>) {
+  return appSign(params, TVAppKey.appkey, TVAppKey.appsec)
+}
+
 export function pollTVLoginQRCode(authCode: string): Promise<any> {
   const url = 'https://passport.bilibili.com/x/passport-tv-login/qrcode/poll'
 

From a8de91c4d4b28aca25ed38873b19121b6065d955 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 15:47:41 +0800
Subject: [PATCH 05/15] chore(docs): rename the adapted styles readme files

---
 .../adaptedStyles/{README-cmn_CN.md => adaptedStyles-cmn_CN.md}   | 0
 .../adaptedStyles/{README-cmn_TW.md => adaptedStyles-cmn_TW.md}   | 0
 .../adaptedStyles/{README-jyut.md => adaptedStyles-jyut.md}       | 0
 src/styles/adaptedStyles/{README.md => adaptedStyles.md}          | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename src/styles/adaptedStyles/{README-cmn_CN.md => adaptedStyles-cmn_CN.md} (100%)
 rename src/styles/adaptedStyles/{README-cmn_TW.md => adaptedStyles-cmn_TW.md} (100%)
 rename src/styles/adaptedStyles/{README-jyut.md => adaptedStyles-jyut.md} (100%)
 rename src/styles/adaptedStyles/{README.md => adaptedStyles.md} (100%)

diff --git a/src/styles/adaptedStyles/README-cmn_CN.md b/src/styles/adaptedStyles/adaptedStyles-cmn_CN.md
similarity index 100%
rename from src/styles/adaptedStyles/README-cmn_CN.md
rename to src/styles/adaptedStyles/adaptedStyles-cmn_CN.md
diff --git a/src/styles/adaptedStyles/README-cmn_TW.md b/src/styles/adaptedStyles/adaptedStyles-cmn_TW.md
similarity index 100%
rename from src/styles/adaptedStyles/README-cmn_TW.md
rename to src/styles/adaptedStyles/adaptedStyles-cmn_TW.md
diff --git a/src/styles/adaptedStyles/README-jyut.md b/src/styles/adaptedStyles/adaptedStyles-jyut.md
similarity index 100%
rename from src/styles/adaptedStyles/README-jyut.md
rename to src/styles/adaptedStyles/adaptedStyles-jyut.md
diff --git a/src/styles/adaptedStyles/README.md b/src/styles/adaptedStyles/adaptedStyles.md
similarity index 100%
rename from src/styles/adaptedStyles/README.md
rename to src/styles/adaptedStyles/adaptedStyles.md

From cfe6fd5601ab4ea33890bbbc28ae43a692184ff0 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 16:11:32 +0800
Subject: [PATCH 06/15] style(VideoCard): adjust removed status style

---
 src/components/VideoCard/VideoCard.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index d37c3796..fabfccb3 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -178,9 +178,8 @@ function handleUndo() {
         >
 
         <div
-          style="backdrop-filter: var(--bew-filter-glass-1);"
           pos="absolute top-0 left-0" w-full h-full flex="~ col gap-2 items-center justify-center"
-          bg="$bew-fill-4"
+          bg="$bew-fill-4" backdrop-blur-20px mix-blend-overlay
         >
           <p mb-2 color-white text-lg>
             {{ $t('home.video_removed') }}

From b6b7ed7c5abbc098f081b845982048ff5ba17ae9 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 16:35:24 +0800
Subject: [PATCH 07/15] style: adjust style of frosted glasses

---
 src/components/VideoCard/VideoCard.vue             | 4 ++--
 src/contentScripts/views/Favorites/Favorites.vue   | 5 ++++-
 src/contentScripts/views/WatchLater/WatchLater.vue | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index fabfccb3..8b80e2e7 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -174,12 +174,12 @@ function handleUndo() {
         <img
           :src="`${removeHttpFromUrl(cover)}@672w_378h_1c`" alt=""
           w-full h-full object-cover pos="absolute top-0 left-0" aspect-video
-          z--1
+          z--1 rounded-inherit
         >
 
         <div
           pos="absolute top-0 left-0" w-full h-full flex="~ col gap-2 items-center justify-center"
-          bg="$bew-fill-4" backdrop-blur-20px mix-blend-overlay
+          bg="$bew-fill-4" backdrop-blur-20px mix-blend-luminosity
         >
           <p mb-2 color-white text-lg>
             {{ $t('home.video_removed') }}
diff --git a/src/contentScripts/views/Favorites/Favorites.vue b/src/contentScripts/views/Favorites/Favorites.vue
index e1b4850f..6cdd3a6f 100644
--- a/src/contentScripts/views/Favorites/Favorites.vue
+++ b/src/contentScripts/views/Favorites/Favorites.vue
@@ -256,7 +256,10 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
           pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
           z--1
         >
-          <div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
+          <div
+            absolute w-full h-full backdrop-blur-40px
+            bg="$bew-fill-4" mix-blend-luminosity
+          />
           <img
             v-if="activatedCategoryCover"
             :src="removeHttpFromUrl(`${activatedCategoryCover}@480w_270h_1c`)"
diff --git a/src/contentScripts/views/WatchLater/WatchLater.vue b/src/contentScripts/views/WatchLater/WatchLater.vue
index f6211e7e..6e97bef6 100644
--- a/src/contentScripts/views/WatchLater/WatchLater.vue
+++ b/src/contentScripts/views/WatchLater/WatchLater.vue
@@ -270,7 +270,10 @@ function jumpToLoginPage() {
           pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
           z--1
         >
-          <div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
+          <div
+            absolute w-full h-full backdrop-blur-40px
+            bg="$bew-fill-4" mix-blend-luminosity
+          />
           <img
             v-if="watchLaterList[0]"
             :src="removeHttpFromUrl(`${watchLaterList[0].pic}@480w_270h_1c`)"

From c8a4d776bd6206d485fc9343b5a5883338593801 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 16:59:26 +0800
Subject: [PATCH 08/15] chore: adjust transition component animation

---
 src/styles/transitionAndTransitionGroup.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/transitionAndTransitionGroup.scss b/src/styles/transitionAndTransitionGroup.scss
index 14b8f2e1..b9bae206 100644
--- a/src/styles/transitionAndTransitionGroup.scss
+++ b/src/styles/transitionAndTransitionGroup.scss
@@ -7,7 +7,7 @@
   --at-apply: opacity-0;
 }
 .page-fade-leave-to {
-  --at-apply: hidden
+  --at-apply: hidden;
 }
 
 .fade-enter-active,
@@ -28,7 +28,7 @@
   --at-apply: opacity-0 transform translate-y-6 transform-gpu;
 }
 .list-leave-to {
-  --at-apply: hidden
+  --at-apply: hidden;
 }
 
 .modal-enter-active,
@@ -37,5 +37,5 @@
 }
 .modal-enter-from,
 .modal-leave-to {
-  --at-apply: opacity-0 blur-14px scale-110;
-}
\ No newline at end of file
+  --at-apply: opacity-0 scale-105 transform-gpu;
+}

From b00d9b271015a10798b5475ee9451234a8656f61 Mon Sep 17 00:00:00 2001
From: star knight <64941905+starknt@users.noreply.github.com>
Date: Sun, 7 Apr 2024 18:18:47 +0800
Subject: [PATCH 09/15] fix: cleanup fn (#482)

---
 src/composables/useDelayedHover.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/composables/useDelayedHover.ts b/src/composables/useDelayedHover.ts
index d3836502..63a2e83a 100644
--- a/src/composables/useDelayedHover.ts
+++ b/src/composables/useDelayedHover.ts
@@ -19,18 +19,18 @@ export function useDelayedHover({ delay = 200, enter, leave }: { delay?: number,
     }
   }
 
-  watch(el, (el) => {
+  watch(el, (el, _, onCleanup) => {
     if (el) {
       el.addEventListener('mouseenter', handleMouseEnter)
       el.addEventListener('mouseleave', handleMouseLeave)
     }
 
-    return () => {
+    onCleanup(() => {
       if (el) {
         el.removeEventListener('mouseenter', handleMouseEnter)
         el.removeEventListener('mouseleave', handleMouseLeave)
       }
-    }
+    })
   }, { flush: 'post' })
 
   return el

From ec7ffaa9c467e77e8c508bf0c79ea72d5878e359 Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 23:39:42 +0800
Subject: [PATCH 10/15] feat(Appearance): add wallpaper change watcher

---
 src/components/Settings/components/Appearance.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Settings/components/Appearance.vue b/src/components/Settings/components/Appearance.vue
index bc55ff29..6899ffea 100644
--- a/src/components/Settings/components/Appearance.vue
+++ b/src/components/Settings/components/Appearance.vue
@@ -66,6 +66,10 @@ const themeOptions = computed<Array<{ value: string, label: string }>>(() => {
   ]
 })
 
+watch(() => settings.value.wallpaper, (newValue) => {
+  changeWallpaper(newValue)
+})
+
 function changeThemeColor(color: string) {
   settings.value.themeColor = color
 }

From f99086dde9561f5f463672f74ccea9744f3bf4b3 Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Mon, 8 Apr 2024 00:05:31 +0800
Subject: [PATCH 11/15] style(MomentsPop): adjust styles (#483)

---
 src/components/TopBar/components/MomentsPop.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/TopBar/components/MomentsPop.vue b/src/components/TopBar/components/MomentsPop.vue
index 3e1aa0f2..0bbabc5d 100644
--- a/src/components/TopBar/components/MomentsPop.vue
+++ b/src/components/TopBar/components/MomentsPop.vue
@@ -380,8 +380,9 @@ function toggleWatchLater(aid: number) {
 
             <div flex="~" justify="between" w="full">
               <div>
-                <span v-if="selectedTab !== 1">{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span>
-                <span v-else>{{ `${moment.name} ${t('topbar.moments_dropdown.now_streaming')}` }}</span>
+                <!-- <span v-if="selectedTab !== 1">{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span> -->
+                <!-- <span v-else>{{ `${moment.name} ${t('topbar.moments_dropdown.now_streaming')}` }}</span> -->
+                <span font-bold>{{ moment.name }}</span>
                 <div overflow-hidden text-ellipsis break-anywhere>
                   {{ moment.title }}
                 </div>

From 06575129910d6b0295b6e6120949716f68430051 Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Mon, 8 Apr 2024 00:59:06 +0800
Subject: [PATCH 12/15] refactor(i18n): refactor watch_later.play_all to
 common.play_all

---
 src/_locales/cmn-CN.yml                            | 2 +-
 src/_locales/cmn-TW.yml                            | 2 +-
 src/_locales/en.yml                                | 2 +-
 src/_locales/jyut.yml                              | 2 +-
 src/contentScripts/views/Favorites/Favorites.vue   | 2 +-
 src/contentScripts/views/WatchLater/WatchLater.vue | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index f3995dcc..9da32ea0 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -1,5 +1,6 @@
 common:
   view_all: 查看更多
+  play_all: 播放全部
   loading: 加载中...
   undo: 还原
   view: '{count}次'
@@ -300,7 +301,6 @@ favorites:
   unfavorite: 取消收藏
 watch_later:
   title: 稍后再看
-  play_all: 播放全部
   clear_all: 清空稍后再看
   clear_all_confirm: |-
     要清空稍后再看吗？
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 95d3ffa2..dbb94088 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -1,5 +1,6 @@
 common:
   view_all: 檢視所有
+  play_all: 全部播放
   loading: 載入中...
   undo: 復原
   view: '{count}次'
@@ -303,7 +304,6 @@ favorites:
   unfavorite: 取消收藏
 watch_later:
   title: 稍後觀看
-  play_all: 全部播放
   clear_all: 清空稍後觀看
   clear_all_confirm: |-
     要清空稍後觀看的影片嗎？
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index 25f233bc..803e58f0 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -1,5 +1,6 @@
 common:
   view_all: View ALL
+  play_all: Play ALL
   loading: Loading...
   undo: UNDO
   view: no view | {count} view | {count} views
@@ -299,7 +300,6 @@ favorites:
   unfavorite: Unfavorite
 watch_later:
   title: Watch Later
-  play_all: Play all
   clear_all: Clear all watch later
   clear_all_confirm: |-
     Clear all watch later?
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index 64c05a29..076ab197 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -1,5 +1,6 @@
 common:
   view_all: 睇晒佢哋
+  play_all: 播晒佢哋
   loading: 撈緊...
   undo: 整返返去
   view: '{count}次'
@@ -303,7 +304,6 @@ favorites:
   unfavorite: 唔再愛喇
 watch_later:
   title: 陣間至睇
-  play_all: 播晒佢哋
   clear_all: 剷曬陣間至睇啲片
   clear_all_confirm: |-
     係咪要剷曬陣間至睇啲片呀？
diff --git a/src/contentScripts/views/Favorites/Favorites.vue b/src/contentScripts/views/Favorites/Favorites.vue
index 6cdd3a6f..ad902f25 100644
--- a/src/contentScripts/views/Favorites/Favorites.vue
+++ b/src/contentScripts/views/Favorites/Favorites.vue
@@ -291,7 +291,7 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
             <template #left>
               <tabler:player-play />
             </template>
-            {{ t('watch_later.play_all') }}
+            {{ t('common.play_all') }}
           </Button>
         </p>
         <ul class="category-list" h-full overflow-overlay border="1 color-[rgba(255,255,255,.2)]" rounded="$bew-radius">
diff --git a/src/contentScripts/views/WatchLater/WatchLater.vue b/src/contentScripts/views/WatchLater/WatchLater.vue
index 6e97bef6..a624c1f3 100644
--- a/src/contentScripts/views/WatchLater/WatchLater.vue
+++ b/src/contentScripts/views/WatchLater/WatchLater.vue
@@ -302,7 +302,7 @@ function jumpToLoginPage() {
             <template #left>
               <tabler:player-play />
             </template>
-            {{ t('watch_later.play_all') }}
+            {{ t('common.play_all') }}
           </Button>
           <Button
             color="rgba(255,255,255,.35)" block text-color="white" strong flex-1

From dd75b9d038eae2468286df62fc56f2ea2f3e57f3 Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Mon, 8 Apr 2024 01:00:27 +0800
Subject: [PATCH 13/15] feat: add play all button to FavoritesPop &
 WatchLaterPop

---
 .../TopBar/components/FavoritesPop.vue        | 26 ++++++++++++-----
 .../TopBar/components/WatchLaterPop.vue       | 28 +++++++++++++++----
 2 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/src/components/TopBar/components/FavoritesPop.vue b/src/components/TopBar/components/FavoritesPop.vue
index df1f582b..511d8446 100644
--- a/src/components/TopBar/components/FavoritesPop.vue
+++ b/src/components/TopBar/components/FavoritesPop.vue
@@ -17,12 +17,16 @@ const isLoading = ref<boolean>(false)
 const noMoreContent = ref<boolean>(false)
 const favoriteVideosWrap = ref<HTMLElement>() as Ref<HTMLElement>
 
-const favoritesPageUrl = computed(() => {
+const viewAllUrl = computed((): string => {
   return `//space.bilibili.com/${getUserID()}/favlist?fid=${
     activatedMediaId.value
   }`
 })
 
+const playAllUrl = computed((): string => {
+  return `https://www.bilibili.com/list/ml${activatedMediaId.value}`
+})
+
 watch(activatedMediaId, (newVal: number, oldVal: number) => {
   if (newVal === oldVal)
     return
@@ -148,12 +152,20 @@ defineExpose({
         {{ activatedFavoriteTitle }}
       </h3>
 
-      <a
-        :href="favoritesPageUrl" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
-        flex="~" items="center"
-      >
-        <span text="sm">{{ $t('common.view_all') }}</span>
-      </a>
+      <div flex="~ gap-4">
+        <a
+          :href="playAllUrl" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+          flex="~" items="center"
+        >
+          <span text="sm">{{ $t('common.play_all') }}</span>
+        </a>
+        <a
+          :href="viewAllUrl" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+          flex="~" items="center"
+        >
+          <span text="sm">{{ $t('common.view_all') }}</span>
+        </a>
+      </div>
     </header>
 
     <main flex="~" overflow-hidden rounded="$bew-radius">
diff --git a/src/components/TopBar/components/WatchLaterPop.vue b/src/components/TopBar/components/WatchLaterPop.vue
index fa80cafc..fa326399 100644
--- a/src/components/TopBar/components/WatchLaterPop.vue
+++ b/src/components/TopBar/components/WatchLaterPop.vue
@@ -7,6 +7,13 @@ import { isHomePage, removeHttpFromUrl } from '~/utils/main'
 const watchLaterList = reactive<VideoItem[]>([])
 const isLoading = ref<boolean>()
 
+const viewAllUrl = computed((): string => {
+  return 'https://www.bilibili.com/watchlater/#/list'
+})
+const playAllUrl = computed((): string => {
+  return 'https://www.bilibili.com/list/watchlater'
+})
+
 onMounted(() => {
   getAllWatchLaterList()
 })
@@ -65,12 +72,21 @@ function getAllWatchLaterList() {
           {{ $t('topbar.watch_later') }}
         </div>
       </div>
-      <a
-        href="https://www.bilibili.com/watchlater/#/list" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
-        flex="~ items-center"
-      >
-        <span text="sm">{{ $t('common.view_all') }}</span>
-      </a>
+
+      <div flex="~ gap-4">
+        <a
+          :href="playAllUrl" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+          flex="~" items="center"
+        >
+          <span text="sm">{{ $t('common.play_all') }}</span>
+        </a>
+        <a
+          :href="viewAllUrl" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+          flex="~" items="center"
+        >
+          <span text="sm">{{ $t('common.view_all') }}</span>
+        </a>
+      </div>
     </header>
 
     <!-- watchLater wrapper -->

From a243a373d2468f1aca5a673e7872b5fad69c71d5 Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Mon, 8 Apr 2024 01:06:19 +0800
Subject: [PATCH 14/15] chore: update version number

---
 .github/workflows/changelog.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/changelog.yml b/.github/workflows/changelog.yml
index b68d16be..a33d94ac 100644
--- a/.github/workflows/changelog.yml
+++ b/.github/workflows/changelog.yml
@@ -19,6 +19,6 @@ jobs:
           token: ${{ secrets.RELEASE_TOKEN }}
           release-type: node
           package-name: release-please-action
-          release-as: 0.15.5
+          release-as: 0.16.0
           signoff: 'github-actions <41898282+github-actions[bot]@users.noreply.github.com>'
           changelog-types: '[{"type":"types","section":"Types","hidden":false},{"type":"revert","section":"Reverts","hidden":false},{"type":"feat","section":"Features","hidden":false},{"type":"fix","section":"Bug Fixes","hidden":false},{"type":"improvement","section":"Feature Improvements","hidden":false},{"type":"docs","section":"Docs","hidden":false},{"type":"i18n","section":"I18n","hidden":true},{"type":"style","section":"Style Changes","hidden":false},{"type":"ci","section":"CI","hidden":false},{"type":"chore","section":"Miscellaneous","hidden":true},{"type":"contributor","section":"New Contributors","hidden":false},{"type":"notice","section":"Notices","hidden":false}]'

From 25297488f376cc56c1196a25237eedebda80f984 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Mon, 8 Apr 2024 01:08:47 +0800
Subject: [PATCH 15/15] chore(main): release 0.16.0

Signed-off-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
---
 CHANGELOG.md | 35 +++++++++++++++++++++++++++++++++++
 package.json |  2 +-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e96f6985..b1541593 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,40 @@
 # Changelog
 
+## [0.16.0](https://github.com/hakadao/BewlyBewly/compare/v0.15.5...v0.16.0) (2024-04-07)
+
+
+### Features
+
+* add delay hover for topbar ([4a1f0a2](https://github.com/hakadao/BewlyBewly/commit/4a1f0a278ce413eeb54a7d50d49618afd7bc841e))
+* add play all button to FavoritesPop & WatchLaterPop ([dd75b9d](https://github.com/hakadao/BewlyBewly/commit/dd75b9d038eae2468286df62fc56f2ea2f3e57f3))
+* add some details for dock ([0cb2142](https://github.com/hakadao/BewlyBewly/commit/0cb21427c519bbe85552cba492c8c3c1ac4b8da7))
+* adjust two bilibili evolved's buttons to match the BewlyBewly theme ([#423](https://github.com/hakadao/BewlyBewly/issues/423)) ([c55e86f](https://github.com/hakadao/BewlyBewly/commit/c55e86fdc32cd1520cae88f54d3ed3dfce2bc2ca))
+* **Appearance:** add wallpaper change watcher ([ec7ffaa](https://github.com/hakadao/BewlyBewly/commit/ec7ffaa9c467e77e8c508bf0c79ea72d5878e359))
+* **Home:** clicking the tab will back to top and refresh data on homepage ([#419](https://github.com/hakadao/BewlyBewly/issues/419)) ([aae391d](https://github.com/hakadao/BewlyBewly/commit/aae391d9f49eef3a8e3df98874207baedb0af0b8))
+* **VideoCard:** improve not interested feature ([ba783ff](https://github.com/hakadao/BewlyBewly/commit/ba783ff0763ae758aa8d2ff7fc49873ca83a89bb))
+
+
+### Bug Fixes
+
+* attempt to resolve "EBUSY error from 'C:\DumpStack.log.tmp'" ([8009d8b](https://github.com/hakadao/BewlyBewly/commit/8009d8b93a7e62faefc85a55c3855876eed8ca6c))
+* attempt to resolve "EBUSY error from 'C:\DumpStack.log.tmp'" ([60c2740](https://github.com/hakadao/BewlyBewly/commit/60c274076f49ee22006d29086ae9c12fa59cde83))
+* cleanup fn ([#482](https://github.com/hakadao/BewlyBewly/issues/482)) ([b00d9b2](https://github.com/hakadao/BewlyBewly/commit/b00d9b271015a10798b5475ee9451234a8656f61))
+* **Following:** resolve the "no more content" & "need to login first" occurring together ([69b6d86](https://github.com/hakadao/BewlyBewly/commit/69b6d865ad2548c82d8d7a233ce26ff9334d71cf))
+* **Trending:** resolve the infinite data retrieval issus ([#445](https://github.com/hakadao/BewlyBewly/issues/445)) ([80b72c4](https://github.com/hakadao/BewlyBewly/commit/80b72c43b615d6b7a7f12246eb677fa3b7fa148b))
+* **VideoCard:** author avatar display issue in horizontal mode ([efacf5b](https://github.com/hakadao/BewlyBewly/commit/efacf5bd281afbcf63c72e6652a6160128f64e81))
+
+
+### Docs
+
+* add introduction section to readme ([2ce9926](https://github.com/hakadao/BewlyBewly/commit/2ce9926cec0625783687aee9f7c2871abfa8057b))
+
+
+### Style Changes
+
+* adjust style of frosted glasses ([b6b7ed7](https://github.com/hakadao/BewlyBewly/commit/b6b7ed7c5abbc098f081b845982048ff5ba17ae9))
+* **MomentsPop:** adjust styles ([#483](https://github.com/hakadao/BewlyBewly/issues/483)) ([f99086d](https://github.com/hakadao/BewlyBewly/commit/f99086dde9561f5f463672f74ccea9744f3bf4b3))
+* **VideoCard:** adjust removed status style ([cfe6fd5](https://github.com/hakadao/BewlyBewly/commit/cfe6fd5601ab4ea33890bbbc28ae43a692184ff0))
+
 ## [0.15.5](https://github.com/hakadao/BewlyBewly/compare/v0.15.4...v0.15.5) (2024-03-30)
 
 
diff --git a/package.json b/package.json
index b8261c74..706e51ad 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "bewly-bewly",
   "displayName": "BewlyBewly",
-  "version": "0.15.5",
+  "version": "0.16.0",
   "private": true,
   "packageManager": "pnpm@8.15.3",
   "description": "Just make a few small changes to your Bilibili homepage.",