1

ai-electron/frontend/src/ai/views/aiWorkbench/index.vue

@@ -8,6 +8,10 @@
           {{ activeTitle }}
         </span>
       </template>
+      <!-- 下载管理：AI 会话的工具结果导出（CSV 等下载产物）都经它落到本机，入口与传统壳顶栏一致 -->
+      <template #actions>
+        <AppDownloadManager />
+      </template>
     </AppTopBar>
 
     <div class="awb-body">
@@ -92,7 +96,7 @@
    */
   import { computed, nextTick, ref } from 'vue';
   import Icon from '@/core/components/Icon/src/Icon.vue';
-  import { AppTopBar } from '@/core/components/Application';
+  import { AppDownloadManager, AppTopBar } from '@/core/components/Application';
   import { useMessage } from '@/core/hooks/web/useMessage';
   import { exitCaseConfirmOptions } from '@/core/logics/exitCaseConfirm';
   import { useUserStore } from '@/core/store/modules/case';
@@ -304,4 +308,35 @@
     border: 0;
     border-radius: 0;
   }
+
+  /*
+   * 下载管理入口的图标按钮观感：传统壳那套 `.jeesite-layout-header-action > div`
+   * 规则只存在于传统布局样式表（layouts/default/header/index.less），工作台路由下
+   * 不加载，这里自带一份（取值与 `jeesite-header-action-button` 一致），
+   * 只作用于本页，不影响传统壳原有外观。
+   */
+  .awb-page .jeesite-app-download-manager-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 38px;
+    padding: 0 2px;
+    color: inherit;
+    background: transparent;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+
+    .dl-trigger__icon {
+      display: inline-flex;
+      align-items: center;
+      font-size: 18px;
+      line-height: 1;
+    }
+
+    &:hover {
+      background-color: @header-light-bg-hover-color;
+    }
+  }
 </style>