rebuild(stage-12): deliver private review workflows

next/frontend/src/app/shell/TopBar.vue

@@ -3,6 +3,7 @@ import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
 import { marketApi } from "../../shared/api/market";
+import { reviewApi } from "../../shared/api/review";
 import { useMarketStore } from "../../shared/stores/market";
 import { useSessionStore } from "../../shared/stores/session";
 import { useUiStore } from "../../shared/stores/ui";
@@ -70,7 +71,12 @@ async function refreshMarket(): Promise<void> {
   }
 }
 
-onMounted(() => document.addEventListener("mousedown", closeOnOutside));
+async function refreshAlerts(): Promise<void> {
+  try { ui.alertUnread = (await reviewApi.alerts()).unread_count; }
+  catch { ui.alertUnread = 0; }
+}
+
+onMounted(() => { document.addEventListener("mousedown", closeOnOutside); void refreshAlerts(); });
 onBeforeUnmount(() => document.removeEventListener("mousedown", closeOnOutside));
 </script>
 
@@ -84,7 +90,8 @@ onBeforeUnmount(() => document.removeEventListener("mousedown", closeOnOutside))
       <button class="icon-button" type="button" aria-label="后一日" title="后一日" @click="market.moveDate(1)">›</button>
     </div>
     <button class="icon-button" type="button" aria-label="全局搜索" title="全局搜索（Ctrl+K）" @click="ui.openDialog('search')">⌕</button>
-    <button class="icon-button desktop-only" type="button" aria-label="提醒中心" title="提醒中心" @click="ui.showToast('暂无新提醒')">!</button>
+    <button class="icon-button topbar-alert desktop-only" type="button" aria-label="提醒中心" title="提醒中心" @click="ui.openDialog('alerts')">!<span v-if="ui.alertUnread" class="alert-badge">{{ ui.alertUnread > 99 ? '99+' : ui.alertUnread }}</span></button>
+    <button class="icon-button desktop-only" type="button" aria-label="复盘助手" title="复盘助手" @click="ui.openDialog('assistant')">复</button>
     <button class="btn btn-small" type="button" :title="ui.theme === 'light' ? '切换夜间模式' : '切换日间模式'" @click="ui.toggleTheme">
       {{ ui.theme === "light" ? "夜间" : "日间" }}
     </button>