From 9422fa3f851b82b3f3f244749a6b987fe882d56d Mon Sep 17 00:00:00 2001
From: Hongyu Shi <shywzt@icloud.com>
Date: Fri, 20 Jun 2025 03:21:12 +0000
Subject: [PATCH] =?UTF-8?q?Revert=20"!355=20css=E7=BB=93=E6=9E=84=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit af5f00a15d5760dc8fe3732a0771236f1ae0917f.
---
 package.json                                  |   3 +-
 src/App.vue                                   |   3 +-
 src/assets/styles/base/index.scss             |  25 --
 .../styles/{components => }/codePreview.scss  |   0
 src/assets/styles/components/index.scss       |   1 -
 src/assets/styles/electron/index.scss         |   1 -
 src/assets/styles/electron/linux.scss         |  64 ----
 src/assets/styles/element/index.scss          |  85 +----
 src/assets/styles/main.scss                   | 102 ++++-
 src/assets/styles/message.scss                |  38 ++
 src/assets/styles/normalize.css               | 349 ------------------
 src/assets/styles/{variables => }/theme.scss  |   0
 src/assets/styles/variables/index.scss        |   1 -
 src/components/Upload/index.vue               |   2 +-
 src/components/commonFooter/CommonFooter.vue  |  17 +
 src/components/sessionCard/SessionCard.vue    |  33 ++
 src/main.ts                                   |  30 +-
 src/qiankun.ts                                |  32 ++
 src/router/index.ts                           |   3 +-
 src/store/account.ts                          |   6 +
 src/views/api/components/McpDrawer.vue        |   1 +
 src/views/api/components/McpServiceDetail.vue |  17 +
 src/views/api/index.vue                       |  20 +-
 .../app/components/SelectAppTypeDialog.vue    |   6 +
 .../components/AssetLibraryDrawer.vue         |  36 +-
 src/views/dialogue/Copilot.vue                |   4 +
 .../dialogue/components/DialogueAside.vue     |   7 +-
 .../dialogue/components/DialogueTool.vue      | 238 ++++++++++++
 vite.config.ts                                |   4 +
 29 files changed, 575 insertions(+), 553 deletions(-)
 delete mode 100644 src/assets/styles/base/index.scss
 rename src/assets/styles/{components => }/codePreview.scss (100%)
 delete mode 100644 src/assets/styles/components/index.scss
 delete mode 100644 src/assets/styles/electron/index.scss
 delete mode 100644 src/assets/styles/electron/linux.scss
 create mode 100644 src/assets/styles/message.scss
 delete mode 100644 src/assets/styles/normalize.css
 rename src/assets/styles/{variables => }/theme.scss (100%)
 delete mode 100644 src/assets/styles/variables/index.scss
 create mode 100644 src/qiankun.ts
 create mode 100644 src/views/dialogue/components/DialogueTool.vue

diff --git a/package.json b/package.json
index a1987f04..55a49181 100644
--- a/package.json
+++ b/package.json
@@ -189,7 +189,8 @@
     "typescript-eslint": "8.17.0",
     "uuid": "^11.1.0",
     "vite": "5.4.11",
-    "vite-plugin-mock": "^3.0.2"
+    "vite-plugin-mock": "^3.0.2",
+    "vite-plugin-qiankun": "1.0.15"
   },
   "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
 }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 37a8846b..df8c6f24 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import LinuxTitleBar from '@/components/LinuxTitleBar.vue';
 import '@vue-flow/core/dist/style.css';
 import '@vue-flow/core/dist/theme-default.css';
@@ -18,7 +19,7 @@ onMounted(() => {
 <template>
   <div
     class="eulercopilot-main"
-    :style="{ height: '100vh' }"
+    :style="{ height: qiankunWindow.__POWERED_BY_QIANKUN__ ? '100%' : '100vh' }"
   >
     <!-- Linux平台特定的标题栏，使用绝对定位 -->
     <LinuxTitleBar v-if="isLinuxPlatform" />
diff --git a/src/assets/styles/base/index.scss b/src/assets/styles/base/index.scss
deleted file mode 100644
index a585ef3c..00000000
--- a/src/assets/styles/base/index.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/* 滚动条轨道样式 */
-::-webkit-scrollbar-track {
-  background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important;
-  display: none !important;
-}
-
-::-webkit-scrollbar {
-  width: 4px !important;
-  height: 4px !important;
-  color: var(--o-scrollbar-thumb) !important;
-}
-
-/* 滚动条的滑块 */
-::-webkit-scrollbar-thumb {
-  background-color: var(--o-scrollbar-thumb) !important;
-  border-radius: 3px !important;
-}
-::-webkit-scrollbar-corner {
-  background: transparent !important;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--o-scrollbar-thumb) !important;
-  /* 鼠标悬停时的滚动条按钮颜色 */
-}
\ No newline at end of file
diff --git a/src/assets/styles/components/codePreview.scss b/src/assets/styles/codePreview.scss
similarity index 100%
rename from src/assets/styles/components/codePreview.scss
rename to src/assets/styles/codePreview.scss
diff --git a/src/assets/styles/components/index.scss b/src/assets/styles/components/index.scss
deleted file mode 100644
index 7d02eea8..00000000
--- a/src/assets/styles/components/index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import './codePreview.scss';
\ No newline at end of file
diff --git a/src/assets/styles/electron/index.scss b/src/assets/styles/electron/index.scss
deleted file mode 100644
index 6aee27e4..00000000
--- a/src/assets/styles/electron/index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import './linux.scss'
\ No newline at end of file
diff --git a/src/assets/styles/electron/linux.scss b/src/assets/styles/electron/linux.scss
deleted file mode 100644
index 9b234c8b..00000000
--- a/src/assets/styles/electron/linux.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-// Linux平台窗口圆角和阴影样式
-html.platform-linux {
-  width: 100vw;
-  height: 100vh;
-  padding: 16px;
-  // 添加过渡动画
-  transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-
-  body {
-    width: calc(100vw - 32px) !important;
-    height: calc(100vh - 32px) !important;
-    background: transparent;
-    border-radius: 12px;
-    overflow: hidden;
-    // 添加16px的窗口阴影，向外扩展
-    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
-    // 添加过渡动画
-    transition:
-      border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-      box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  #app {
-    border-radius: 12px;
-    overflow: hidden;
-    // 添加过渡动画
-    transition: border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .el-overlay {
-    height: calc(100% - 32px) !important;
-    width: calc(100% - 32px) !important;
-    top: 16px !important;
-    left: 16px !important;
-    border-radius: 12px;
-  }
-
-  // 窗口最大化状态下取消圆角和阴影
-  &.window-maximized {
-    padding: 0 !important;
-    // 保持过渡动画一致性
-    transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-    body,
-    #app {
-      width: 100vw !important;
-      height: 100vh !important;
-      border-radius: 0 !important;
-      // 最大化时移除阴影
-      box-shadow: none !important;
-      // 保持过渡动画一致性
-      transition:
-        border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    .el-overlay {
-      height: 100% !important;
-      width: 100% !important;
-      top: 0 !important;
-      left: 0 !important;
-      border-radius: 0 !important;
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/assets/styles/element/index.scss b/src/assets/styles/element/index.scss
index 11cb916a..8bfb60f6 100644
--- a/src/assets/styles/element/index.scss
+++ b/src/assets/styles/element/index.scss
@@ -16,8 +16,8 @@
     background-color: #6395fd !important;
     border-color: #6395fd !important;
     &:hover {
-      background-color: #7aa5ff !important;
-      border-color: #7aa5ff !important;
+      background-color: #7AA5FF !important;
+      border-color: #7AA5FF !important;
     }
     &:active {
       background-color: #6395fd !important;
@@ -28,52 +28,14 @@
     background-color: #6395fd !important;
     border-color: #6395fd !important;
     &:hover {
-      background-color: #7aa5ff !important;
-      border-color: #7aa5ff !important;
+      background-color: #7AA5FF !important;
+      border-color: #7AA5FF !important;
     }
     &:active {
       background-color: #6395fd !important;
       border-color: #6395fd !important;
     }
   }
-  .el-message {
-    width: 30%;
-    border-radius: 5px;
-  }
-
-  .el-message--success {
-    background-color: #c2e7c7;
-    color: #000;
-    border-color: #24ab36;
-    border-radius: 10px;
-    .el-message__content {
-      color: #000;
-      font-size: 12px;
-    }
-  }
-
-  .el-message--warning {
-    background-color: #f9ecb8;
-    border-color: #ebaf00;
-    img {
-      width: 16px;
-      height: 16px;
-    }
-    .el-message__content {
-      color: #000;
-      font-size: 12px;
-    }
-  }
-
-  .el-message--error {
-    background-color: #f7c1c1;
-    color: #000;
-    border-color: #e42121;
-    .el-message__content {
-      color: #000;
-      font-size: 12px;
-    }
-  }
 }
 
 .euler-copilot-message-box {
@@ -167,42 +129,3 @@
     top: unset !important;
   }
 }
-
-.el-checkbox.el-checkbox--large {
-  height: auto !important;
-}
-.el-dialog {
-  border-radius: 8px !important;
-}
-.el-dialog__header {
-  margin-right: 0px !important;
-  border-radius: 8px 8px 0 0 !important;
-  padding: 16px 24px 16px 24px !important;
-  .el-dialog__title {
-    font-size: 16px !important;
-    line-height: 24px !important;
-    font-weight: 700 !important;
-  }
-}
-.el-dialog__body {
-  padding: 16px 24px 16px 24px !important;
-  margin: 0 !important;
-}
-.el-drawer {
-  top: 48px !important;
-  height: calc(100vh - 48px) !important;
-  .el-drawer__header {
-    color: var(--o-text-color-primary) !important;
-    font-weight: 700 !important;
-    padding: 24px 24px 8px 24px !important;
-    margin: 0 !important;
-  }
-  .el-drawer__body {
-    padding: 0px 24px 16px !important;
-  }
-  .el-drawer__footer {
-    padding: 0;
-    padding: 8px 24px;
-    box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
-  }
-}
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index e908d890..796c1bb0 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -1,6 +1,96 @@
-@import './base/index.scss';
-@import './components/index.scss';
-@import './variables/index.scss';
-@import './electron/index.scss';
-@import './element/index.scss';
-@import './normalize.css'
\ No newline at end of file
+@import './codePreview.scss';
+@import './message.scss';
+@import './theme.scss';
+
+// Linux平台窗口圆角和阴影样式
+html.platform-linux {
+  width: 100vw;
+  height: 100vh;
+  padding: 16px;
+  // 添加过渡动画
+  transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+
+  body {
+    width: calc(100vw - 32px) !important;
+    height: calc(100vh - 32px) !important;
+    background: transparent;
+    border-radius: 12px;
+    overflow: hidden;
+    // 添加16px的窗口阴影，向外扩展
+    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
+    // 添加过渡动画
+    transition:
+      border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+      box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  #app {
+    border-radius: 12px;
+    overflow: hidden;
+    // 添加过渡动画
+    transition: border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .el-overlay {
+    height: calc(100% - 32px) !important;
+    width: calc(100% - 32px) !important;
+    top: 16px !important;
+    left: 16px !important;
+    border-radius: 12px;
+  }
+
+  // 窗口最大化状态下取消圆角和阴影
+  &.window-maximized {
+    padding: 0 !important;
+    // 保持过渡动画一致性
+    transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    body,
+    #app {
+      width: 100vw !important;
+      height: 100vh !important;
+      border-radius: 0 !important;
+      // 最大化时移除阴影
+      box-shadow: none !important;
+      // 保持过渡动画一致性
+      transition:
+        border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .el-overlay {
+      height: 100% !important;
+      width: 100% !important;
+      top: 0 !important;
+      left: 0 !important;
+      border-radius: 0 !important;
+    }
+  }
+}
+/* 滚动条轨道样式 */
+::-webkit-scrollbar-track {
+  background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important;
+  display: none !important;
+}
+
+::-webkit-scrollbar {
+  width: 4px !important;
+  height: 4px !important;
+  color: var(--o-scrollbar-thumb) !important;
+}
+
+/* 滚动条的滑块 */
+::-webkit-scrollbar-thumb {
+  background-color: var(--o-scrollbar-thumb) !important;
+  border-radius: 3px !important;
+}
+::-webkit-scrollbar-corner {
+  background: transparent !important;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--o-scrollbar-thumb) !important;
+  /* 鼠标悬停时的滚动条按钮颜色 */
+}
+:deep(.el-checkbox.el-checkbox--large){
+  height: auto !important;
+}
diff --git a/src/assets/styles/message.scss b/src/assets/styles/message.scss
new file mode 100644
index 00000000..54a8670e
--- /dev/null
+++ b/src/assets/styles/message.scss
@@ -0,0 +1,38 @@
+.el-message {
+  width: 30%;
+  border-radius: 5px;
+}
+
+.el-message--success {
+  background-color: #c2e7c7;
+  color: #000;
+  border-color: #24ab36;
+  border-radius: 10px;
+  .el-message__content {
+    color: #000;
+    font-size: 12px;
+  }
+}
+
+.el-message--warning {
+  background-color: #f9ecb8;
+  border-color: #ebaf00;
+  img {
+    width: 16px;
+    height: 16px;
+  }
+  .el-message__content {
+    color: #000;
+    font-size: 12px;
+  }
+}
+
+.el-message--error {
+  background-color: #f7c1c1;
+  color: #000;
+  border-color: #e42121;
+  .el-message__content {
+    color: #000;
+    font-size: 12px;
+  }
+}
diff --git a/src/assets/styles/normalize.css b/src/assets/styles/normalize.css
deleted file mode 100644
index 192eb9ce..00000000
--- a/src/assets/styles/normalize.css
+++ /dev/null
@@ -1,349 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}
diff --git a/src/assets/styles/variables/theme.scss b/src/assets/styles/theme.scss
similarity index 100%
rename from src/assets/styles/variables/theme.scss
rename to src/assets/styles/theme.scss
diff --git a/src/assets/styles/variables/index.scss b/src/assets/styles/variables/index.scss
deleted file mode 100644
index 5ad07fa9..00000000
--- a/src/assets/styles/variables/index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import './theme.scss';
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 924aa229..fd643290 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -380,7 +380,7 @@ onMounted(() => {
 .el-collapse-item__title {
   display: block;
   position: relative;
-  left: 4px;
+  left: -4px;
 }
 .code-container {
   height: calc(100% - 48px);
diff --git a/src/components/commonFooter/CommonFooter.vue b/src/components/commonFooter/CommonFooter.vue
index 313d5592..b077064c 100644
--- a/src/components/commonFooter/CommonFooter.vue
+++ b/src/components/commonFooter/CommonFooter.vue
@@ -121,7 +121,24 @@ const readPolicy = async () => {
     font-weight: 700 !important;
   }
 }
+:deep(.dialog .el-dialog__header) {
+  margin-right: 0px;
+  border-radius: 4px 4px 0 0;
+  padding: 15px 20px 15px 20px;
+  border-bottom: 1px solid transparent;
+  .el-dialog__title {
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: 1000;
+  }
 
+  .el-dialog__headerbtn {
+    top: 0px;
+  }
+}
+:deep(.dialog .el-dialog__body) {
+  padding: 24px 24px 32px 24px;
+}
 :deep(.el-dialog__body) {
   overflow: hidden;
 }
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index eeb5b151..b07fefa5 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -389,6 +389,39 @@ const deleteOne = (name: string, list: string[]) => {
     color: var(--o-color-primary-secondary);
   }
 }
+//dialog 顶部样式强制修改
+// :deep(.el-dialog) {
+//   width: 432px !important;
+//   height: 184px !important;
+// }
+:deep(.dialog .el-dialog__header) {
+  margin-right: 0px;
+  border-radius: 4px 4px 0 0;
+  padding: 15px 20px 15px 20px;
+  border-bottom: 1px solid var(--o-border-color-light) !important;
+
+  .el-dialog__title {
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: 1000;
+  }
+
+  .el-dialog__headerbtn {
+    top: 0px;
+  }
+}
+
+:deep(.dialog .el-dialog__body) {
+  padding: 24px 24px 32px 24px;
+}
+
+:deep(.dialog .el-dialog__footer) {
+  padding: 0px 24px 24px 24px;
+}
+
+:deep(.dialog .el-dialog__header .el-dialog__headerbtn) {
+  top: 18px !important;
+}
 
 .dialog-delete-one {
   font-size: 12px;
diff --git a/src/main.ts b/src/main.ts
index 913373bf..bdb6d186 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,11 +20,18 @@ import 'src/assets/styles/element/index.scss';
 import opendesign2 from '@computing/opendesign2';
 import '@computing/opendesign2/themes/es/css';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import { qiankunMounted } from './qiankun';
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 
 import App from './App.vue';
 import router from './router';
 
+import {
+  renderWithQiankun,
+  qiankunWindow,
+  QiankunProps,
+} from 'vite-plugin-qiankun/dist/helper';
+
 // 添加平台检测逻辑，为HTML添加平台特定类名
 const setPlatformClass = () => {
   const electronProcess = window.electronProcess;
@@ -58,4 +65,25 @@ const render = (props: any = {}) => {
     .mount(selector);
 };
 
-render();
+const initQianKun = () => {
+  renderWithQiankun({
+    bootstrap() {},
+    mount(props: QiankunProps) {
+      render(props);
+      if (props) {
+        qiankunMounted(props);
+      }
+    },
+    unmount() {
+      if (app) {
+        app.unmount();
+        const appContainer = app._container as HTMLElement;
+        appContainer.innerHTML = '';
+        app = null;
+      }
+    },
+    update() {},
+  });
+};
+
+qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun() : render();
diff --git a/src/qiankun.ts b/src/qiankun.ts
new file mode 100644
index 00000000..8d13fd8e
--- /dev/null
+++ b/src/qiankun.ts
@@ -0,0 +1,32 @@
+import { QiankunProps } from 'vite-plugin-qiankun/dist/helper';
+import i18n from 'src/i18n';
+import { useAccountStore } from 'src/store';
+
+export function qiankunMounted(props: QiankunProps) {
+  const { theme, lang } = props.inittailData;
+  const language = lang;
+  localStorage.setItem('localeLang', language);
+  localStorage.setItem('theme', theme);
+  i18n.global.locale.value = language;
+  props.onGlobalStateChange((state: any) => {
+    onQiankunGlobalChange(state);
+  });
+}
+
+function onQiankunGlobalChange(globalState: any) {
+  if (globalState.logout) {
+    const { logout } = useAccountStore();
+    logout();
+  }
+
+  if (globalState.lang) {
+    const language = globalState.lang;
+    localStorage.setItem('localeLang', language);
+    i18n.global.locale.value = language;
+  }
+
+  if (globalState.theme) {
+    localStorage.setItem('theme', globalState.theme);
+    document.body.setAttribute('theme', globalState.theme);
+  }
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index 4d775945..0cc1a10f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,6 +9,7 @@
 // See the Mulan PSL v2 for more details.
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
 import NotFoundComponent from '@/views/404.vue';
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import { dynamicRoutes } from './route';
 import { isElectron } from '@/utils/electron';
 
@@ -76,7 +77,7 @@ const routes = [...staticRoutes, ...dynamic];
 
 const router = createRouter({
   history: createWebHashHistory(
-    '/',
+    qiankunWindow.__POWERED_BY_QIANKUN__ ? '/eulercopilot/' : '/',
   ),
   routes,
 });
diff --git a/src/store/account.ts b/src/store/account.ts
index fe7ab5e5..1c5f82c0 100644
--- a/src/store/account.ts
+++ b/src/store/account.ts
@@ -14,6 +14,7 @@ import { useRouter } from 'vue-router';
 import { LOGOUT_CALLBACK_URL } from 'src/views/dialogue/constants';
 import { successMsg } from 'src/components/Message';
 import i18n from 'src/i18n';
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 
 export const useAccountStore = defineStore('account', () => {
   const router = useRouter();
@@ -84,6 +85,11 @@ export const useAccountStore = defineStore('account', () => {
       userinfo.revsionNumber = null;
       sessionStorage.removeItem('csrftk');
       successMsg(i18n.global.t('Login.logout'));
+      if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
+        setTimeout(() => {
+          window.open(LOGOUT_CALLBACK_URL, '_self');
+        }, 500);
+      }
     }
   };
   /**
diff --git a/src/views/api/components/McpDrawer.vue b/src/views/api/components/McpDrawer.vue
index ea55682d..7cb2bfd8 100644
--- a/src/views/api/components/McpDrawer.vue
+++ b/src/views/api/components/McpDrawer.vue
@@ -290,6 +290,7 @@ watch(
 <style lang="scss" scoped>
 .mcp-drawer {
   :deep(.el-drawer) {
+    top: 48px;
     height: calc(100vh - 48px);
     .el-drawer__header {
       color: #000;
diff --git a/src/views/api/components/McpServiceDetail.vue b/src/views/api/components/McpServiceDetail.vue
index d2bb74f6..e16268cb 100644
--- a/src/views/api/components/McpServiceDetail.vue
+++ b/src/views/api/components/McpServiceDetail.vue
@@ -394,4 +394,21 @@ watch(
     }
   }
 }
+.mcp-drawer {
+  :deep(.el-drawer) {
+    top: 48px;
+    height: calc(100vh - 48px);
+    .el-drawer__header {
+      color: #000;
+      font-weight: 700;
+      padding: 24px 24px 16px 24px;
+      margin: 0;
+    }
+    .el-drawer__footer {
+      padding: 0;
+      padding: 8px 24px;
+      box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
+    }
+  }
+}
 </style>
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index c09efc51..b46983b1 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -236,7 +236,7 @@
               v-if="actions === 'upload'"
               type="upload"
               @closeDrawer="handleClose"
-              serviceId=""
+              :serviceId="selectedServiceId"
             />
             <Upload
               v-if="actions === 'get'"
@@ -615,6 +615,20 @@ onBeforeUnmount(() => {
   overflow-y: auto;
   height: calc(100% - 32px);
 }
+:deep(.el-drawer) {
+  margin-top: 48px;
+  height: calc(100% - 48px);
+}
+.el-drawer {
+  margin-top: 48px !important;
+  padding: 0px;
+  &::v-deep(.el-drawer__header) {
+    margin-bottom: 0px !important;
+    color: var(--o-text-color-primary) !important;
+    margin: 24px !important;
+    padding: 24px !important;
+  }
+}
 .apiCenterCardSingle {
   position: relative;
   .unPublishSymbol {
@@ -699,6 +713,9 @@ img {
   max-width: 430px;
 }
 :deep(.el-drawer__header) {
+  padding: 24px 24px 8px !important;
+  font-weight: 700;
+  margin-bottom: 0px;
   .drawerHeader {
     width: 100%;
     height: 24px;
@@ -713,6 +730,7 @@ img {
   }
 }
 :deep(.el-drawer__body) {
+  padding: 0px 24px 16px;
   .drawerBody {
     height: 100%;
     textarea {
diff --git a/src/views/app/components/SelectAppTypeDialog.vue b/src/views/app/components/SelectAppTypeDialog.vue
index ab2e00dd..9ef66130 100644
--- a/src/views/app/components/SelectAppTypeDialog.vue
+++ b/src/views/app/components/SelectAppTypeDialog.vue
@@ -72,6 +72,12 @@ const selectedType = ref<AppType>('agent');
 .select-app {
   :deep(.el-dialog) {
     --o-dialog-width: 544px;
+    border-radius: 12px;
+
+    .el-dialog__body {
+      padding: 16px 24px;
+      margin: 0;
+    }
   }
 
   .dialog-body {
diff --git a/src/views/createapp/components/AssetLibraryDrawer.vue b/src/views/createapp/components/AssetLibraryDrawer.vue
index 6bd54d03..73498da6 100644
--- a/src/views/createapp/components/AssetLibraryDrawer.vue
+++ b/src/views/createapp/components/AssetLibraryDrawer.vue
@@ -122,24 +122,24 @@ onMounted(() => {
 </template>
 <style lang="scss" scoped>
 .asset-drawer {
-  // :deep(.el-drawer) {
-  //   top: 48px;
-  //   height: calc(100vh - 48px);
-  //   .el-drawer__header {
-  //     color: #000;
-  //     font-weight: 700;
-  //     padding: 24px 24px 16px 24px;
-  //     margin: 0;
-  //   }
-  //   .el-drawer__body {
-  //     padding: 0 24px;
-  //   }
-  //   .el-drawer__footer {
-  //     padding: 0;
-  //     padding: 8px 24px;
-  //     box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
-  //   }
-  // }
+  :deep(.el-drawer) {
+    top: 48px;
+    height: calc(100vh - 48px);
+    .el-drawer__header {
+      color: #000;
+      font-weight: 700;
+      padding: 24px 24px 16px 24px;
+      margin: 0;
+    }
+    .el-drawer__body {
+      padding: 0 24px;
+    }
+    .el-drawer__footer {
+      padding: 0;
+      padding: 8px 24px;
+      box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
+    }
+  }
 
   .collapse-title {
     margin-left: 6px;
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index 9dc3a91b..fe4d070d 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -4,6 +4,7 @@ import { ARGEEMENT_VERSION } from 'src/conf/version';
 import DialogueAside from './components/DialogueAside.vue';
 import DialogueSession from './components/DialogueSession.vue';
 import EulerDialog from 'src/components/EulerDialog.vue';
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import { storeToRefs } from 'pinia';
 import { useRouter, useRoute } from 'vue-router';
 import { useSessionStore, useAccountStore } from 'src/store';
@@ -110,6 +111,9 @@ onMounted(async () => {
 <template>
   <div
     class="copilot-container"
+    :class="
+      qiankunWindow.__POWERED_BY_QIANKUN__ ? 'micro-copilot-container' : ''
+    "
   >
     <div class="copilot-container-main">
       <DialogueAside />
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 3ae8ea21..e0b8da6f 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -538,6 +538,12 @@ watch(
 <style lang="scss" scoped>
 :deep(.el-dialog) {
     --o-dialog-width: 432px;
+    border-radius: 12px;
+
+    .el-dialog__body {
+      padding: 16px 24px;
+      margin: 0;
+    }
   .dialog-footer {
     flex-direction: row;
     .el-button {
@@ -831,7 +837,6 @@ watch(
       color: #4e5865;
       display: flex;
       align-items: center;
-      margin-bottom: 8px;
       :deep(.el-checkbox__label) {
         font-size: 12px;
       }
diff --git a/src/views/dialogue/components/DialogueTool.vue b/src/views/dialogue/components/DialogueTool.vue
new file mode 100644
index 00000000..8d2f7bfc
--- /dev/null
+++ b/src/views/dialogue/components/DialogueTool.vue
@@ -0,0 +1,238 @@
+<script lang="ts" setup>
+import type { LinkItem, ChainItem } from '../types';
+import { ref } from 'vue';
+/**
+ * 处理工具栏点击事件
+ * @param tool
+ */
+const dialogFormVisible = ref(false);
+
+const handleToolClick = (tool: LinkItem) => {
+  if (tool.type === 'redirect') {
+    window.open(tool.url);
+  }
+  if (tool.key === 'opinion') {
+    dialogFormVisible.value = true;
+  }
+};
+const handleChainClick = (tool: ChainItem) => {
+  if (tool.type === 'redirect') {
+    window.open(tool.url);
+  }
+  if (tool.key === 'opinion') {
+    dialogFormVisible.value = true;
+  }
+};
+</script>
+<template>
+  <div class="dialog-tool">
+    <h4 class="dialog-tool__title">常用工具</h4>
+    <ul class="tool-list">
+      <template v-for="tool in TOOL_LIST" :key="tool.key">
+        <li class="tool-list__item" @click="handleToolClick(tool)">
+          <img :src="tool.icon" />
+          <span>{{ tool.label }}</span>
+        </li>
+      </template>
+    </ul>
+    <h4 class="dialog-tool__title">热点搭配方案</h4>
+    <ul class="hot-list">
+      <template v-for="hot in HOT_SPOT_TRACKING" :key="hot.key">
+        <li class="hot-list__item" @click="handleToolClick(hot)">
+          {{ hot.label }}
+        </li>
+      </template>
+    </ul>
+    <h4 class="dialog-tool__title">友情链接</h4>
+    <ul class="chain-list">
+      <template v-for="chain in FRIENDS_CHAIN" :key="chain.key">
+        <li class="chain-list__item" @click="handleChainClick(chain)">
+          <img class="chain-list__img" :src="chain.icon" />
+          <span class="chain-list__item">{{ chain.label }}</span>
+        </li>
+      </template>
+    </ul>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+:deep(.my-dialog .el-dialog__header) {
+  margin-right: 0px;
+  border-radius: 4px 4px 0 0;
+  padding: 15px 20px 15px 20px;
+  .el-dialog__title {
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: 800;
+  }
+  .el-dialog__headerbtn {
+    top: 0px;
+  }
+}
+:deep(.my-dialog .el-dialog__body) {
+  padding: 24px 24px 32px 24px;
+}
+
+:deep(.my-dialog .el-dialog__footer) {
+  padding: 0px 24px 24px 24px;
+}
+.el-button--text {
+  margin-right: 15px;
+}
+
+.el-input {
+  width: 300px;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+
+  button {
+    width: 64px;
+    height: 24px;
+    border-radius: 1;
+    font-size: 12px;
+  }
+}
+
+:deep(.el-rate__icon) {
+  font-size: 21px;
+  color: #fa8c16;
+}
+
+.from-rate {
+  &_span {
+    display: block;
+    font-size: 14px;
+  }
+  &_score {
+    display: flex;
+    margin-bottom: 10px;
+  }
+}
+
+.form-input_email {
+  width: 100%;
+  font-size: 12px;
+  height: 32px;
+  border: 1px #c3cedf;
+  border-radius: 2px;
+}
+
+.dialog-footer button:first-child {
+  margin-right: 8px;
+}
+.dialog-footer button {
+  font-size: 12px;
+  border-radius: 2px;
+}
+
+.feedback-form {
+  margin: 0px;
+  div:last-child {
+    margin-bottom: 0px;
+  }
+  &_item {
+    margin-bottom: 24px;
+  }
+}
+
+.dialog-tool {
+  width: 280px;
+  min-width: 200px;
+  background-color: var(--o-bg-color-base);
+  padding: 0 24px;
+  border-radius: 8px;
+
+  @media screen and (max-width: 1368px) and (max-height: 768px) {
+    width: 260px;
+  }
+  padding-top: 0px;
+  &__title {
+    margin: 24px 0 16px 0;
+    font-weight: 700;
+  }
+  h4 {
+    font-size: 20px;
+    color: var(--o-text-color-primary);
+    font-weight: 500;
+    line-height: 30px;
+  }
+
+  .tool-list {
+    display: flex;
+    &__item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: var(--o-bg-color-light);
+      height: 90px;
+      width: 124px;
+      font-size: 14px;
+      border-radius: 8px;
+      margin-right: 16px;
+      img {
+        height: 40px;
+      }
+
+      span {
+        line-height: 22px;
+        color: var(--o-text-color-secondary);
+      }
+
+      &:hover {
+        background-color: transparent;
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 0.2),
+          rgba(90, 179, 255, 0.2)
+        );
+        border: 1px solid #7aa5ff;
+      }
+    }
+  }
+
+  .hot-list {
+    &__item {
+      font-size: 14px;
+      margin-top: 16px;
+      color: var(--o-text-color-secondary);
+      &:hover {
+        text-decoration: underline;
+        color: #3291fe;
+      }
+      &:active {
+        color: #0077ff;
+      }
+    }
+  }
+
+  .chain-list {
+    &__item {
+      font-size: 14px;
+      color: var(--o-text-color-secondary);
+      &:hover {
+        text-decoration: underline;
+        color: #3291fe;
+      }
+
+      &:active {
+        color: #0077ff;
+      }
+
+      img {
+        width: 32px;
+        height: 20px;
+        bottom: 1.5px;
+        position: relative;
+        margin-right: 4px;
+        vertical-align: top;
+      }
+    }
+  }
+}
+</style>
diff --git a/vite.config.ts b/vite.config.ts
index d9cc9a83..016c7c08 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,6 +11,7 @@ import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 
+import Qiankun from 'vite-plugin-qiankun';
 import { viteMockServe } from 'vite-plugin-mock';
 
 import { resolve } from 'path';
@@ -36,6 +37,9 @@ export default ({ mode }): UserConfigExport => {
     plugins: [
       vue(),
       vueJsx(),
+      Qiankun('copilot', {
+        useDevMode: mode === 'development',
+      }),
       viteMockServe({
         mockPath: 'mock',
         enable: mode !== 'production',
-- 
Gitee