优化项目对话、刷新续流、实时滚动与工具状态恢复 (#245)

* feat(chat): add project-based conversation sidebar

* feat(chat): refine Codex-style conversation UI

* feat(chat): add Codex-style conversation workflow

* feat(ui): 优化对话框与项目侧边栏交互

* fix(chat): 修复暗色输入框圆角填色

* fix(chat): 恢复输入区分层错位布局

* fix(hitl): isolate reviewer state per conversation

* feat(hitl): 增加双入口审批与倒计时进度

* fix(hitl): 汇总项目审批并隔离对话状态

* fix(ui): 修复审批状态与无项目新任务

* fix(ui): 优化审批状态与对话切换性能

* fix(ui): 修复中断任务审批仍计时

* fix(ui): 修复多对话并发切换卡顿

* fix(hitl): 主动同步审批并关闭中断状态

* fix(ui): 固定项目审批汇总为绿色

* feat(ui): 同步系统模型与推理强度

* feat(ui): 完善项目侧栏预览与新建入口

* fix(ui): 防止无项目文件夹误展开

* fix(ui): 防止长历史对话滚动误触审批

* fix(ui): 修复对话操作并补充项目置顶

* fix(ui): 移除对话分组并调整项目置顶排序

* feat(ui): 优化迭代导航与审批交互

* fix(hitl): 将 write_file 加入内置免审批工具

* fix(chat): 支持回车发送与 Shift 回车换行

* fix(chat): 优化对话刷新与 Codex 风格交互

* fix(ui): 显示对话具体更新时间

* fix(ui): 优化对话刷新与项目加载

* fix(ui): 修复 Agent 审查文字裁切

* fix(chat): 修复刷新续流与多标签页同步

* fix(chat): 修复滚动跟随与中断任务终态

* fix(ui): 修复流式滚动跳动与工具状态恢复

* fix(ui): 修复刷新后流式输出停止粘底

web/static/js/router.js

@@ -17,6 +17,27 @@ function buildHashForPage(pageId) {
 }
 
 let chatConversationFromHashSeq = 0;
+
+function setChatConversationRestorePending(conversationId, pending) {
+    const container = document.querySelector('.chat-container');
+    if (!container) return;
+    const id = String(conversationId || '').trim();
+    if (pending && id) {
+        container.classList.add('is-conversation-restoring');
+        container.dataset.restoringConversationId = id;
+        container.setAttribute('aria-busy', 'true');
+        return;
+    }
+    container.classList.remove('is-conversation-restoring');
+    delete container.dataset.restoringConversationId;
+    container.removeAttribute('aria-busy');
+}
+
+function finishChatConversationRestore(conversationId) {
+    setChatConversationRestorePending(conversationId, false);
+}
+window.finishChatConversationRestore = finishChatConversationRestore;
+
 function scheduleChatConversationFromHash(delayMs) {
     const hash = window.location.hash.slice(1);
     const hashParts = hash.split('?');
@@ -35,6 +56,8 @@ function scheduleChatConversationFromHash(delayMs) {
     if (!conversationId) {
         return;
     }
+    // 同一事件循环内先遮住默认新对话状态，避免网络请求返回前闪出“无项目”。
+    setChatConversationRestorePending(conversationId, true);
     const token = ++chatConversationFromHashSeq;
     setTimeout(() => {
         if (token !== chatConversationFromHashSeq) {
@@ -84,7 +107,7 @@ function initRouter() {
         if (pageId && ['dashboard', 'chat', 'hitl', 'asset-overview', 'asset-library', 'info-collect', 'projects', 'vulnerabilities', 'webshell', 'chat-files', 'mcp-monitor', 'mcp-management', 'knowledge-management', 'knowledge-retrieval-logs', 'roles-management', 'platform-rbac', 'workflows', 'skills-monitor', 'skills-management', 'agents-management', 'settings', 'tasks', 'c2-listeners', 'c2-sessions', 'c2-tasks', 'c2-payloads', 'c2-events', 'c2-profiles'].includes(pageId)) {
             switchPage(pageId);
             if (pageId === 'chat') {
-                scheduleChatConversationFromHash(500);
+                scheduleChatConversationFromHash(0);
             }
             return;
         }
@@ -98,6 +121,9 @@ function initRouter() {
 function switchPage(pageId) {
     const targetPage = document.getElementById(`page-${pageId}`);
     if (!targetPage) return;
+    if (pageId !== 'chat') {
+        setChatConversationRestorePending('', false);
+    }
 
     // 导航点击会修改 hash，随后浏览器还会触发 hashchange。
     // 同一页面已经激活时不再重复初始化，避免接口重复请求和页面二次重绘。
@@ -563,6 +589,7 @@ async function initPage(pageId) {
 // 页面加载完成后初始化路由
 document.addEventListener('DOMContentLoaded', function() {
     initRouter();
+    document.documentElement.classList.remove('initial-route-pending');
     initSidebarState();
     
     // 监听hash变化
@@ -576,7 +603,7 @@ document.addEventListener('DOMContentLoaded', function() {
         if (pageId && ['dashboard', 'chat', 'hitl', 'asset-overview', 'asset-library', 'info-collect', 'projects', 'tasks', 'workflows', 'vulnerabilities', 'webshell', 'chat-files', 'mcp-monitor', 'mcp-management', 'knowledge-management', 'knowledge-retrieval-logs', 'roles-management', 'platform-rbac', 'skills-monitor', 'skills-management', 'agents-management', 'settings', 'c2-listeners', 'c2-sessions', 'c2-tasks', 'c2-payloads', 'c2-events', 'c2-profiles'].includes(pageId)) {
             switchPage(pageId);
             if (pageId === 'chat') {
-                scheduleChatConversationFromHash(200);
+                scheduleChatConversationFromHash(0);
             }
         }
     });