基线:鉴权会话+工作组+工作台三区修复+编排工作区+产品设计文档

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m

apps/web/src/app/app-shell.tsx

@@ -9,7 +9,14 @@
 import { useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import type { Session, TaskCard, TaskDetail } from '@contracts';
-import { listApprovalsForMeRoute, listMessagesRoute, listTasksRoute, replyWorkOrderRoute, sayRoute, sessionRoute, taskDetailRoute } from '@contracts';
+import {
+  listApprovalsForMeRoute,
+  listMessagesRoute,
+  listTasksRoute,
+  logoutRoute,
+  sessionRoute,
+  taskDetailRoute,
+} from '@contracts';
 import { TaskChat, TaskList, ViewRegion } from '@features/desk-task';
 import { ApprovalDesk } from '@features/desk-approval';
 import { MessageDesk } from '@features/desk-message';
@@ -37,6 +44,7 @@ export function AppShell() {
   const [collapsed, setCollapsed] = useState(false);
   const split = useChatWidth();
 
+
   const session = useQuery({
     queryKey: queryKeys.session,
     queryFn: () => call<Session>(sessionRoute),
@@ -67,24 +75,20 @@ export function AppShell() {
     enabled: current !== '',
   });
 
-  const reply = useMutation({
-    mutationFn: (payload: Record<string, unknown>) =>
-      call<{ ok: boolean }>(replyWorkOrderRoute, { body: { reply: payload } }),
-    // 回传后按目标失效缓存 —— 组件不自行轮询
+
+
+
+  /** 登出后**整体清空缓存**:上一个人的任务、审批、消息不能留在下一个人眼前 */
+  const logout = useMutation({
+    mutationFn: () => call<{ ok: boolean }>(logoutRoute),
     onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: queryKeys.task(current) });
-      void queryClient.invalidateQueries({ queryKey: queryKeys.tasks });
+      queryClient.clear();
+      // 整页导航:SSE 连接、组件状态、路由位置一并归零 —— 登出不留残影
+      window.location.assign('/');
     },
   });
 
-  const say = useMutation({
-    mutationFn: (text: string) => call(sayRoute, { params: { taskId: current }, body: { text } }),
-    onSuccess: () => void queryClient.invalidateQueries({ queryKey: queryKeys.task(current) }),
-  });
-
   const me = session.data?.staff.name ?? '—';
-  // composer 锁:有卡在等作答时锁住自由输入
-  const locked = (detail.data?.workOrders ?? []).some((o) => o.done === undefined);
 
   return (
     <div className="app-shell">
@@ -119,10 +123,17 @@ export function AppShell() {
             );
           })}
           <div className="jc-rail-foot">
-            <div className="jc-nav-user" title={`${me}(本工作台所有者)`}>
+            {/* 轨底身份即登出入口 —— 会话在服务端,点它是真作废,不只是清本地 */}
+            <button
+              type="button"
+              className="jc-nav-user"
+              title={`${me}(本工作台所有者)· 点击登出`}
+              disabled={logout.isPending}
+              onClick={() => logout.mutate()}
+            >
               <span className="jc-nav-ava">{me.slice(0, 1)}</span>
               <span className="jc-nav-name">{me}</span>
-            </div>
+            </button>
           </div>
         </nav>
 
@@ -147,9 +158,9 @@ export function AppShell() {
               onCollapse={() => setCollapsed(true)}
             />
             {detail.data !== undefined ? (
-              <ViewRegion key={current} detail={detail.data} onReply={(payload) => reply.mutate(payload)} />
+              <ViewRegion key={current} detail={detail.data} />
             ) : (
-              <main className="execution-panel jc-panel-card">
+              <main className="execution-panel">
                 <div className="jc-list-empty">
                   <Ico name="list-checks" s={18} />
                   {tasks.isLoading ? '载入中…' : '还没有落到你工位的任务'}
@@ -165,13 +176,9 @@ export function AppShell() {
               />
             )}
             {detail.data !== undefined && (
-              <TaskChat
-                key={current}
-                chat={detail.data.chat}
-                locked={locked}
-                onSay={(text) => say.mutate(text)}
-                onDecide={() => undefined}
-              />
+              <section className="session-chat">
+                <TaskChat key={current} />
+              </section>
             )}
           </div>
         ) : module === 'approvals' ? (