feat(agent): 抽屉与会话页统一成一个对话界面,子会话在父会话里实时可见

- 抽屉和会话页渲染同一套 GoalComposer / AgentRunPanel;抽屉标题即最近会话切换,
  头部只有新对话、在页面打开、关闭;去掉右下角悬浮按钮和最小化小窗
- 会话列表合一:对话与巡检混排带类型小标签,搜索 + 一个状态下拉,只列顶层会话
  (GET /agent/runs?roots=true,新增可选参数)
- 子会话卡片:由镜像的 subagent_* 事件折成,显示任务、状态、当前步骤、用时、调用次数、费用,
  可展开看过程、可打开;顶部「N 个子会话运行中」跳到卡片;subagent_completed 加可选 durationMs
- 回答去内部字段:汇报规则禁止照抄键值与字段表;展示层 stripInternalFields 把字段行 / 字段表移进技术信息
- 开场建议按页面给 2 条完整问法、点了直接发;指令只留 /先给方案,/重跑 改成「重新运行」按钮

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei

apps/web/app/api/agent.ts

@@ -120,8 +120,8 @@ function useAgentMockGate(): boolean {
 
 export const agentKeys = {
   all: ["agent"] as const,
-  runs: (status?: AgentRunStatus, trigger?: AgentTrigger, group?: AgentRunGroup) =>
-    ["agent", "list", status ?? "all", trigger ?? "any", group ?? "any"] as const,
+  runs: (status?: AgentRunStatus, trigger?: AgentTrigger, roots = false) =>
+    ["agent", "list", status ?? "all", trigger ?? "any", roots ? "roots" : "any"] as const,
   run: (id: string) => ["agent", "detail", id] as const,
 };
 
@@ -136,41 +136,28 @@ export const TRIGGER_LABEL: Record<AgentTrigger, string> = {
   subagent: "子会话",
 };
 
-/** 会话列表:按状态、来源(trigger)在服务端筛选,游标翻页 */
-/** 会话分栏:对话 = 用户发起;自动 = 定时巡检 / 事件触发(子会话随父会话) */
-export type AgentRunGroup = "conversation" | "auto";
-const isAutoTrigger = (t: AgentTrigger) => t === "schedule" || t === "event";
-
-/** 会话所在分栏:子会话随父会话(与服务端 group 筛选一致);父会话未知时子会话归「对话」 */
-export function runGroup(
-  run: Pick<AgentRunView, "trigger">,
-  parent?: Pick<AgentRunView, "trigger"> | null,
-): AgentRunGroup {
-  const t = run.trigger === "subagent" && parent ? parent.trigger : run.trigger;
-  return isAutoTrigger(t) ? "auto" : "conversation";
-}
-
-export function useAgentRuns(status?: AgentRunStatus, trigger?: AgentTrigger, group?: AgentRunGroup) {
+/**
+ * 会话列表:按状态、来源(trigger)在服务端筛选,游标翻页。
+ * roots = 只列顶层会话(会话列表用;子会话在父会话的会话流里看)。
+ */
+export function useAgentRuns(status?: AgentRunStatus, trigger?: AgentTrigger, opts: { roots?: boolean } = {}) {
   const mock = useAgentMockGate();
+  const roots = opts.roots === true;
   return useInfiniteQuery({
-    queryKey: [...agentKeys.runs(status, trigger, group), mock],
+    queryKey: [...agentKeys.runs(status, trigger, roots), mock],
     initialPageParam: undefined as string | undefined,
     queryFn: async ({ pageParam, signal }) => {
       if (mock) {
-        const all = MOCK_RUNS();
-        const byId = new Map(all.map((r) => [r.id, r] as const));
         return {
-          items: all.filter(
+          items: MOCK_RUNS().filter(
             (r) =>
-              (!status || r.status === status) &&
-              (!trigger || r.trigger === trigger) &&
-              (!group || runGroup(r, r.parentRunId ? byId.get(r.parentRunId) : null) === group),
+              (!status || r.status === status) && (!trigger || r.trigger === trigger) && (!roots || !r.parentRunId),
           ),
           nextCursor: null,
         };
       }
       return apiParsed(RunPage, AGENT_BASE, {
-        params: cleanParams({ status, trigger, group, cursor: pageParam, limit: 30 }),
+        params: cleanParams({ status, trigger, roots: roots ? "true" : undefined, cursor: pageParam, limit: 30 }),
         signal,
       });
     },