update

packages/frontend/src/components/LayoutRenderer.vue

@@ -225,7 +225,7 @@ const componentProps = computed(() => {
     case 'quickCommands':
        // 这两个视图需要转发 execute-command 事件
        return {
-         class: 'pane-content',
+         class: 'flex flex-col flex-grow h-full overflow-auto', // 移除 pane-content，保留填充类
          onExecuteCommand: (command: string) => emit('sendCommand', command), // 复用 sendCommand 事件
        };
    case 'dockerManager':
@@ -568,7 +568,6 @@ onMounted(() => {
                       v-else
                       :is="currentMainComponent"
                       v-bind="componentProps"
-                      class="flex-grow overflow-auto"
                     />
                 </template>
                 <!-- Invalid Pane Component -->

packages/frontend/src/views/CommandHistoryView.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="flex flex-col h-full overflow-hidden bg-background p-2">
+  <div class="flex flex-col h-full overflow-hidden bg-background">
     <!-- Container for controls and list -->
-    <div class="flex flex-col flex-grow border border-border rounded-md overflow-hidden bg-background">
+    <div class="flex flex-col flex-grow overflow-hidden bg-background">
       <!-- Controls embedded within the container -->
       <div class="flex items-stretch p-2 border-b border-border flex-shrink-0 gap-1 bg-header"> 
         <input

packages/frontend/src/views/QuickCommandsView.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="flex flex-col h-full overflow-hidden bg-background p-2">
+  <div class="flex flex-col h-full overflow-hidden bg-background">
     <!-- Container for controls and list -->
-    <div class="flex flex-col flex-grow border border-border rounded-md overflow-hidden bg-background">
+    <div class="flex flex-col flex-grow overflow-hidden bg-background">
       <!-- Controls embedded within the container -->
       <div class="flex items-stretch p-2 border-b border-border flex-shrink-0 gap-1 bg-header">
         <input