feat(web): 智能体会话去噪——单一免责、短标题、技术信息折叠(DEAI-2)

- 「未经核查」只在最终汇报左栏标题保留一处,删「仅供参考」与数据来源说明;
  右栏改叫「实际结果」,去掉「运行已完成」「工具成功 N」徽章,计数只列非零项,
  状态值用中文标签,不再显示计划 / 记录短 ID
- 工具卡片只标会改数据的动作和中高风险;能力 ID、scope、幂等、耗时、调用 ID、
  schema 入口收进技术信息;拒绝说明改成一句「要你批准」
- 用量只显示费用与时长,工具调用数、token、模型、会话 ID 进技术信息(超限时照常显示)
- 会话标题 shortGoalTitle:去上下文前缀、UUID、JSON 参数,能力 ID 换中文名,取第一句,40 字截断
- 入口去口号:删「交代目标，边做边汇报」与抽屉里的重复快捷键说明
- 对话组件结构不动

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/app/components/agent/agent-run-panel.tsx

@@ -25,6 +25,7 @@ import { PromptInput } from "~/components/agentui/prompt-input.tsx";
 import { ConfirmDialog } from "~/components/console/confirm-dialog.tsx";
 import { ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
 import { StatusBadge } from "~/components/console/status-badge.tsx";
+import { formatUsd } from "~/components/schedules/labels.ts";
 import { Button } from "~/components/ui/button.tsx";
 import { Label } from "~/components/ui/label.tsx";
 import { Switch } from "~/components/ui/switch.tsx";
@@ -115,8 +116,7 @@ export function GoalComposer({
       <p className="px-1 text-meta text-muted-foreground" aria-live="polite">
         {proposeFirst
           ? "智能体先调查并给出方案，你选定后才执行。"
-          : "智能体列出步骤后直接执行，需要审批的动作会停在对应步骤等你批准。"}{" "}
-        Enter 发送，Shift+Enter 换行。
+          : "智能体列出步骤后直接执行，需要审批的动作会停在对应步骤等你批准。"}
       </p>
       {suggestions?.length ? (
         <div className="pt-2">
@@ -143,10 +143,6 @@ export function GoalComposer({
   );
 }
 
-function shortTokens(n: number | undefined) {
-  return n === undefined ? null : n >= 1000 ? `${(n / 1000).toFixed(1)}k token` : `${n} token`;
-}
-
 /** 状态 + 来源 + 时间 + 模型 */
 function RunMeta({ run, status }: { run: RunSnapshot["run"]; status: AgentRunStatus }) {
   return (
@@ -163,7 +159,6 @@ function RunMeta({ run, status }: { run: RunSnapshot["run"]; status: AgentRunSta
       </div>
       <p className="text-meta break-words text-muted-foreground">
         {TRIGGER_LABEL[run.trigger]} · {formatDateTime(run.createdAt)}
-        {run.model ? ` · ${run.provider ?? ""}/${run.model}` : ""}
       </p>
     </div>
   );
@@ -194,8 +189,7 @@ function RunOverviewBar({
   const current = steps.find((s) => s.status === "running") ?? steps.find((s) => s.status === "pending");
   const failed = steps.some((s) => s.status === "failed");
   const u = { ...r.usage, ...(live.usage ?? {}) };
-  const calls = Math.max(r.toolCallCount, live.items.filter((i) => i.kind === "tool").length);
-  const usage = [`${calls} 次调用`, shortTokens(u.totalTokens)].filter(Boolean).join(" · ");
+  const usage = u.costUsd ? `费用约 ${formatUsd(u.costUsd)}` : "";
   return (
     <section aria-label="会话概况" className={cn("shrink-0 rounded-xl border border-border/70", className)}>
       <button
@@ -240,7 +234,7 @@ function RunOverviewBar({
           <RunPlan plan={live.plan} active={active} fill />
           <SubagentTree snapshot={snapshot} className="p-2.5" />
           <div>
-            <p className="mb-2 text-meta text-muted-foreground">预算与用量</p>
+            <p className="mb-2 text-meta text-muted-foreground">用量</p>
             <BudgetBar run={r} live={live} />
           </div>
         </div>
@@ -462,8 +456,8 @@ export function AgentRunPanel({
           <RunMeta run={r} status={shownStatus} />
           <RunPlan plan={live.plan} active={streaming || r.status === "waiting"} fill />
           <SubagentTree snapshot={run.data} className="p-2.5" />
-          <section aria-label="预算与用量" className="mt-auto rounded-xl border border-border/70 p-3">
-            <p className="mb-2 text-meta text-muted-foreground">预算与用量</p>
+          <section aria-label="用量" className="mt-auto rounded-xl border border-border/70 p-3">
+            <p className="mb-2 text-meta text-muted-foreground">用量</p>
             <BudgetBar run={r} live={live} stacked />
           </section>
         </aside>