rebuild(audit): verify page state matrix

next/frontend/src/pages/review/AlertsPanel.vue

@@ -10,14 +10,16 @@ const ui = useUiStore();
 const items = ref<AlertItem[]>([]);
 const unreadOnly = ref(false);
 const loading = ref(true);
+const error = ref("");
 const form = reactive({ title: "", remind_date: new Date().toISOString().slice(0, 10), code: "", content: "" });
 async function load(): Promise<void> {
   loading.value = true;
+  error.value = "";
   try {
     const result = await reviewApi.alerts(unreadOnly.value);
     items.value = result.items;
     ui.alertUnread = result.unread_count;
-  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "提醒读取失败"); }
+  } catch (reason) { error.value = reason instanceof Error ? reason.message : "提醒读取失败"; }
   finally { loading.value = false; }
 }
 async function create(): Promise<void> {
@@ -39,6 +41,7 @@ onMounted(load);
     <div class="alerts-toolbar"><div class="segmented"><button type="button" :class="{ active: !unreadOnly }" @click="select(false)">全部</button><button type="button" :class="{ active: unreadOnly }" @click="select(true)">未读</button></div><button class="btn btn-small" type="button" @click="markAll">全部已读</button></div>
     <form class="alert-create" @submit.prevent="create"><div class="alert-create-grid"><label class="field"><span class="field-label">标题</span><input v-model="form.title" class="input" maxlength="80" required /></label><label class="field"><span class="field-label">提醒日期</span><input v-model="form.remind_date" class="input" type="date" required /></label><label class="field"><span class="field-label">股票代码（可选）</span><input v-model="form.code" class="input" maxlength="12" /></label></div><label class="field"><span class="field-label">提醒内容（可选）</span><textarea v-model="form.content" class="textarea" maxlength="500"></textarea></label><div class="form-actions"><button class="btn btn-primary" type="submit">保存提醒</button></div></form>
     <div v-if="loading" class="workspace-state">正在读取提醒</div>
+    <EmptyState v-else-if="error" title="提醒暂不可用" :description="error" />
     <div v-else-if="items.length" class="alert-list"><article v-for="item in items" :key="item.id" :class="{ unread: !item.is_read && item.due }"><div><strong>{{ item.title }}</strong><span class="tag">{{ item.due ? (item.is_read ? "已读" : "未读") : "未到期" }}</span></div><p>{{ item.content }}</p><small>{{ item.available_date }}<template v-if="item.code"> · <MarketEntityLink :entity="{ entity_type: 'stock', identifier: item.code, code: item.code, name: item.code, sector: null }" /></template></small><div class="table-actions"><button v-if="item.due && !item.is_read" class="btn btn-small" type="button" @click="mark(item)">标为已读</button><button class="btn btn-small" type="button" @click="remove(item)">删除</button></div></article></div>
     <EmptyState v-else title="暂无提醒" description="可以创建站内提醒，策略跟踪反馈也会自动汇总到这里。" />
   </div>

next/frontend/src/pages/review/AssistantPanel.vue

@@ -12,6 +12,8 @@ const ui = useUiStore();
 const messages = ref<AssistantMessage[]>([]);
 const question = ref("");
 const loading = ref(false);
+const historyLoading = ref(false);
+const historyError = ref("");
 const messageRoot = ref<HTMLElement | null>(null);
 let controller: AbortController | undefined;
 const locked = computed(() => !session.account?.smart_access);
@@ -23,8 +25,11 @@ const prompts: Array<[string, string]> = [
 ];
 async function load(): Promise<void> {
   if (locked.value) return;
+  historyLoading.value = true;
+  historyError.value = "";
   try { messages.value = await reviewApi.assistantMessages(); }
-  catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "对话读取失败"); }
+  catch (reason) { historyError.value = reason instanceof Error ? reason.message : "对话读取失败"; }
+  finally { historyLoading.value = false; }
 }
 async function send(): Promise<void> {
   const value = question.value.trim();
@@ -58,7 +63,7 @@ onMounted(load);
   <div class="assistant-panel">
     <div v-if="locked" class="notice notice-warning"><strong>复盘助手仅对会员开放</strong><span>开通会员后可读取市场统计、策略跟踪与个人复盘记录，进行统一复盘分析。</span></div>
     <div class="assistant-content" :class="{ 'locked-content': locked }" :aria-disabled="locked">
-      <div ref="messageRoot" class="assistant-messages"><article v-for="message in messages" :key="message.id" :class="message.role"><span>{{ message.role === 'user' ? '我' : '复盘助手' }}</span><p>{{ message.content || (loading ? "正在整理复盘材料" : "") }}</p></article><div v-if="!messages.length" class="assistant-empty">可以从市场、策略或自己的交易记录开始复盘</div></div>
+      <div ref="messageRoot" class="assistant-messages"><div v-if="historyLoading" class="assistant-empty">正在读取复盘助手对话</div><div v-else-if="historyError" class="assistant-empty"><strong>复盘助手对话暂不可用</strong><p>{{ historyError }}</p></div><template v-else><article v-for="message in messages" :key="message.id" :class="message.role"><span>{{ message.role === 'user' ? '我' : '复盘助手' }}</span><p>{{ message.content || (loading ? "正在整理复盘材料" : "") }}</p></article><div v-if="!messages.length" class="assistant-empty">可以从市场、策略或自己的交易记录开始复盘</div></template></div>
       <div class="assistant-prompts"><button v-for="item in prompts" :key="item[0]" type="button" :disabled="locked" @click="usePrompt(item[1])">{{ item[0] }}</button></div>
       <form class="assistant-compose" @submit.prevent="send"><textarea v-model="question" class="textarea" maxlength="2000" placeholder="询问市场位置、主线、策略表现或自己的交易模式" :disabled="locked" required></textarea><div><button v-if="loading" class="btn" type="button" @click="stop">停止</button><button v-else class="btn btn-primary" type="submit" :disabled="locked">发送</button><button class="btn btn-ghost" type="button" :disabled="locked" @click="clear">清空对话</button></div></form>
     </div>