M6(1/n): 工作台任务要素 —— 原型 1:1 平移的第一屏

样式整文件搬(README 平移规则 1):app.css 2767 行 + proto.vendor.css +
theme.css + console.css 原样搬,设计令牌与全部 jc-* / g-* 类名不动。

前端(按 §9 重排,渲染输出 1:1):
- shared/:Ico / ScrollArea / useChatWidth 自原型搬,去掉 "use client" 等 Next 专有件;
  失效的 react-hooks disable 指令按 §17 清掉(不改渲染)
- shared/typed-fetch.ts:服务端交互唯一通道,路由契约来自 @contracts/api;
  不引 Hono RPC 客户端(那要求前端 import 后端类型,违反 §5.1)
- app/query.ts:TanStack Query;缓存失效由订阅层驱动,组件不轮询
- features/desk-task:任务列表(一条 = 一个活动的一次运行,不是一整条工作流)/
  标题区 + 工作区四页签 / 对话区(气泡二元制 + 卡族 + **composer 锁**)
- @ui:ViewContainer 用**沙箱 iframe(sandbox 不含 allow-scripts)** —— 结构上无脚本执行权,
  不依赖净化算法的完备性;ViewBlocks 渲染十一种视图块
  feature 不得自行 dangerouslySetInnerHTML,eslint 有规则守着

后端:工作台路由 /api/desk/*(任务清单 / 任务详情 / 工单回传 / 自由输入 / 消息);
回传与后端校验**同 schema**;任务详情是服务端投影 —— 前端零过程状态,刷新即重建

已验证(真机):任务卡「A1 RFQ需求分析 · 序位 1/7 · awaiting-event」、
预算 2/40 步、1 张工单(LLM 步失败后转人兜底那张)、7 行带归侧标签的任务日志

358 个测试通过,门禁五道全绿;web 构建通过

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m

packages/contracts/src/api/workbench.ts

@@ -5,6 +5,9 @@
 import { z } from 'zod';
 import type { RouteContract } from './http.ts';
 import { sessionSchema } from '../org.ts';
+import { chatMessageSchema, deliverableSchema, stageSchema, viewBlockSchema, workOrderSchema } from '../card.ts';
+import { attributionSideSchema, taskRuntimeStateSchema, terminalStateSchema, workflowStateSchema } from '../terminal.ts';
+import { taskIdSchema } from '../id.ts';
 
 export const sessionRoute = {
   method: 'GET',
@@ -21,3 +24,97 @@ export const healthRoute = {
     db: z.enum(['up', 'down']),
   }),
 } as const satisfies RouteContract;
+
+/* ── 任务要素:四区(任务列表 / 标题区 / 工作区 / 对话区) ─────────────── */
+
+/** 任务卡 —— 清单里一条 = 一个活动的一次运行,不是一整条工作流 */
+export const taskCardSchema = z.object({
+  id: taskIdSchema,
+  activity: z.string(),
+  title: z.string(),
+  runtime: taskRuntimeStateSchema,
+  terminal: terminalStateSchema.optional(),
+  /** 它在工作流上的序位 */
+  position: z.number().int().min(1),
+  total: z.number().int().min(1),
+  workflowSubject: z.string(),
+  workflowState: workflowStateSchema,
+  startedAt: z.string(),
+});
+export type TaskCard = z.infer<typeof taskCardSchema>;
+
+export const listTasksRoute = {
+  method: 'GET',
+  path: '/api/desk/tasks',
+  output: z.object({ tasks: z.array(taskCardSchema) }),
+} as const satisfies RouteContract;
+
+/** 任务详情 —— 工作区与对话区的服务端投影(前端零过程状态,刷新即重建) */
+export const taskDetailSchema = z.object({
+  card: taskCardSchema,
+  goal: z.string(),
+  budget: z.object({
+    steps: z.string(),
+    tokens: z.string(),
+    activeMinutes: z.string(),
+    humanCalls: z.string(),
+  }),
+  stages: z.array(stageSchema),
+  deliverables: z.array(deliverableSchema),
+  workOrders: z.array(workOrderSchema),
+  chat: z.array(chatMessageSchema),
+  view: z.array(viewBlockSchema),
+  log: z.array(
+    z.object({
+      id: z.string(),
+      at: z.string(),
+      side: attributionSideSchema,
+      sideLabel: z.string(),
+      title: z.string(),
+      summary: z.string().optional(),
+    }),
+  ),
+});
+export type TaskDetail = z.infer<typeof taskDetailSchema>;
+
+export const taskDetailRoute = {
+  method: 'GET',
+  path: '/api/desk/tasks/:taskId',
+  params: z.object({ taskId: taskIdSchema }),
+  output: taskDetailSchema,
+} as const satisfies RouteContract;
+
+/** 回传工单 —— 与后端回传校验同 schema(§9.2) */
+export const replyWorkOrderRoute = {
+  method: 'POST',
+  path: '/api/desk/work-orders/reply',
+  body: z.object({ reply: z.record(z.string(), z.unknown()) }),
+  output: z.object({ ok: z.boolean(), producesCompletion: z.boolean() }),
+} as const satisfies RouteContract;
+
+/** 负责人的自由输入 —— 人事件的第二形态 */
+export const sayRoute = {
+  method: 'POST',
+  path: '/api/desk/tasks/:taskId/say',
+  params: z.object({ taskId: taskIdSchema }),
+  body: z.object({ text: z.string().min(1) }),
+  output: chatMessageSchema,
+} as const satisfies RouteContract;
+
+/** 消息要素 */
+export const listMessagesRoute = {
+  method: 'GET',
+  path: '/api/desk/messages',
+  output: z.object({
+    messages: z.array(
+      z.object({
+        id: z.string(),
+        kind: z.string(),
+        title: z.string(),
+        body: z.string(),
+        at: z.string(),
+        read: z.boolean(),
+      }),
+    ),
+  }),
+} as const satisfies RouteContract;