fix(agent): 抽屉与整页之间的切换

- 在智能体页面按 Ctrl+J / 点智能体入口聚焦页面输入框,不再在抽屉里叠一份同一会话
- 会话页统计行右侧加「在侧边打开」:回到进智能体页面之前的页面,会话在抽屉里接着看
- 窄屏顶栏按钮与快捷键、悬浮按钮共用同一套切换
- 抽屉关闭钮放进标题栏按钮行(原来绝对定位,比其它按钮低 5px)
- 关闭抽屉后焦点回到打开前的元素(快捷键打开没有触发元素,原来落到 body)

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

apps/web/app/routes/console/agent.$runId.tsx

@@ -1,5 +1,5 @@
-import { ArrowLeft } from "lucide-react";
-import { Link, useParams } from "react-router";
+import { ArrowLeft, PanelRightOpen } from "lucide-react";
+import { Link, useNavigate, useParams } from "react-router";
 import { agentMockEnabled } from "~/api/agent.ts";
 import {
   agentListHref,
@@ -10,19 +10,21 @@ import {
 } from "~/components/agent/agent-nav.ts";
 import { AgentRunPanel } from "~/components/agent/agent-run-panel.tsx";
 import { AgentSessionList } from "~/components/agent/agent-session-list.tsx";
+import { agentReturnPath, showAgentRunInDrawer } from "~/components/agent/agent-store.ts";
 import { Button } from "~/components/ui/button.tsx";
 
 // 会话页(AGUI-3):左栏会话列表(xl 以上)· 会话列占满其余宽度(顶部概况条、底部输入区)。
 // 不再有页头目标描述和右侧栏;步骤、子会话、预算与模型在概况条里。
 export default function AgentRunPage() {
   const { runId = "" } = useParams();
+  const navigate = useNavigate();
   const mock = agentMockEnabled();
   // 左栏分栏跟随当前会话(巡检会话及其子会话在「自动巡检」),也可以手动切换(记在 URL)
   const [group, setGroup] = usePageListGroup(useRunGroup(runId));
   return (
     <>
       <h1 className="sr-only">智能体会话</h1>
-      <div className="grid grid-cols-1 gap-4 xl:grid-cols-[minmax(0,17rem)_minmax(0,1fr)]">
+      <div data-agent-page className="grid grid-cols-1 gap-4 xl:grid-cols-[minmax(0,17rem)_minmax(0,1fr)]">
         <aside className="pg-slab hidden rounded-xl p-3 xl:block xl:h-[calc(100dvh-7rem)] xl:overflow-hidden">
           <AgentSessionList
             activeId={runId}
@@ -40,7 +42,26 @@ export default function AgentRunPage() {
               全部会话
             </Link>
           </Button>
-          <AgentRunPanel key={runId} runId={runId} className="min-h-0 flex-1" />
+          <AgentRunPanel
+            key={runId}
+            runId={runId}
+            className="min-h-0 flex-1"
+            actions={
+              // 整页 → 抽屉:回到进智能体页面之前的页面,会话在抽屉里接着看
+              <Button
+                variant="ghost"
+                size="icon-sm"
+                aria-label="在侧边打开"
+                title="在侧边打开（回到之前的页面）"
+                onClick={() => {
+                  showAgentRunInDrawer(runId);
+                  navigate(agentReturnPath() ?? "/console");
+                }}
+              >
+                <PanelRightOpen />
+              </Button>
+            }
+          />
         </div>
       </div>
     </>

apps/web/app/routes/console/agent.tsx

@@ -35,7 +35,10 @@ export default function AgentPage() {
           </Button>
         </div>
       ) : null}
-      <div className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,20rem)_minmax(0,1fr)] lg:items-start">
+      <div
+        data-agent-page
+        className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,20rem)_minmax(0,1fr)] lg:items-start"
+      >
         <div className="pg-slab order-2 rounded-xl p-3 lg:order-1 lg:h-[calc(100dvh-12rem)] lg:overflow-hidden">
           <AgentSessionList
             hrefFor={(id) => agentRunHref(id, mock)}