样式修改

frontend-web/src/pages/ChatPage.tsx

@@ -27,6 +27,7 @@ import { QuestionNavigator } from "@/components/workspace/question-navigator";
 import { ThreadTitle } from "@/components/workspace/thread-title";
 import { TodoList } from "@/components/workspace/todo-list";
 import {
+  CompactShortcutButtons,
   LayoutModeSwitcher,
   ThemeSwitcher,
 } from "@/components/workspace/appearance-controls";
@@ -508,6 +509,7 @@ export default function ChatPage() {
                   与全量模式 Header 右上角保持一致（content 配色贴浅底顶栏）。 */}
               {!compactChrome && (
                 <>
+                  <CompactShortcutButtons tone="content" />
                   <ThemeSwitcher tone="content" />
                   <LayoutModeSwitcher tone="content" />
                   <div

frontend-web/src/pages/ChatsPage.tsx

@@ -16,6 +16,7 @@ import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { ImportConversationsDialog } from "@/components/workspace/thread-share-dialogs";
 import {
+  CompactShortcutButtons,
   LayoutModeSwitcher,
   ThemeSwitcher,
 } from "@/components/workspace/appearance-controls";
@@ -183,6 +184,7 @@ export default function ChatsPage({
         rightActions={
           compactChrome ? (
             <div className="flex items-center gap-1">
+              <CompactShortcutButtons tone="content" />
               <ThemeSwitcher tone="content" />
               <LayoutModeSwitcher tone="content" />
             </div>

frontend-web/src/pages/ScheduledTasksPage.tsx

@@ -44,6 +44,7 @@ import {
   WorkspaceHeader,
 } from "@/components/workspace/workspace-container";
 import {
+  CompactShortcutButtons,
   LayoutModeSwitcher,
   ThemeSwitcher,
 } from "@/components/workspace/appearance-controls";
@@ -502,6 +503,7 @@ export default function ScheduledTasksPage({
         rightActions={
           compactChrome ? (
             <div className="flex items-center gap-1">
+              <CompactShortcutButtons tone="content" />
               <ThemeSwitcher tone="content" />
               <LayoutModeSwitcher tone="content" />
             </div>

frontend-web/src/pages/WorkspaceRoutes.tsx

@@ -6,6 +6,7 @@ import { getStoredAuth } from '@/core/auth';
 import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';
 import { PromptInputProvider } from '@/components/ai-elements/prompt-input';
 import {
+  CompactShortcutButtons,
   LayoutModeSwitcher,
   ThemeSwitcher,
 } from '@/components/workspace/appearance-controls';
@@ -91,6 +92,7 @@ function shouldShowCompactTopActions(pathname: string): boolean {
 function CompactWorkspaceTopActions() {
   return (
     <div className="z-[60] flex h-12 shrink-0 items-center justify-end gap-2 border-b border-border/70 bg-card/90 px-4 shadow-sm backdrop-blur-md">
+      <CompactShortcutButtons tone="content" />
       <ThemeSwitcher tone="content" />
       <LayoutModeSwitcher tone="content" />
       <div className="bg-border/70 mx-1 h-6 w-px shrink-0" aria-hidden />
@@ -99,6 +101,16 @@ function CompactWorkspaceTopActions() {
   );
 }
 
+function CompactAppearanceActions() {
+  return (
+    <>
+      <CompactShortcutButtons tone="content" />
+      <ThemeSwitcher tone="content" />
+      <LayoutModeSwitcher tone="content" />
+    </>
+  );
+}
+
 export function WorkspaceLayout({
   children,
   pageSidebarCollapsed,
@@ -342,7 +354,12 @@ export default function WorkspaceRoutes({
           element={
             <WorkspaceLayout {...layoutProps}>
               <ChatRuntime>
-                <AgentChatPage showAgentList />
+                <AgentChatPage
+                  showAgentList
+                  compactAppearanceActions={
+                    headerHidden ? <CompactAppearanceActions /> : undefined
+                  }
+                />
               </ChatRuntime>
             </WorkspaceLayout>
           }