Merge pull request #188 from apconw/dev

fix bug

Author: apconw

docker/Dockerfile.base

@@ -34,10 +34,17 @@ RUN pnpm run build && \
     find . -name "*.md" -not -path "./dist/*" -delete 2>/dev/null || true
 
 # ============ 阶段2: 构建 Python 依赖 ============
+# 从 uv 官方多架构镜像获取正确架构的 uv 二进制
+# 解决 Mac M1 上通过 QEMU 模拟 amd64 时 pipx install uv 获取错误架构的问题
+FROM ghcr.io/astral-sh/uv:0.8.0 AS uv-bin
+
 FROM python:3.11-slim-bookworm AS backend-builder
 
 WORKDIR /aix-db
 
+# 从官方镜像复制 uv 二进制（buildx 会自动为目标架构拉取对应的镜像）
+COPY --from=uv-bin /uv /usr/local/bin/uv
+
 # 设置镜像源和 PATH
 ENV PIP_INDEX_URL="https://mirrors.aliyun.com/pypi/simple" \
     PIP_EXTRA_INDEX_URL="https://pypi.doubanio.com/simple" \
@@ -50,30 +57,33 @@ ENV PIP_INDEX_URL="https://mirrors.aliyun.com/pypi/simple" \
 # 只复制依赖文件
 COPY pyproject.toml uv.lock* requirements.txt* ./
 
-# 安装系统依赖和 Python 依赖
+# 安装系统编译依赖
 RUN set -eux; \
-    apt-get update && \
-    apt-get install -y --no-install-recommends \
+    apt-get update -o Acquire::Check-Valid-Until=false -o Acquire::AllowInsecureRepositories=true && \
+    apt-get install -y --no-install-recommends --allow-unauthenticated \
     gcc \
     g++ \
     python3-dev \
     libpq-dev \
-    libffi-dev \
-    && \
-    pip install --no-cache-dir --no-compile pipx && \
-    pipx install "uv==0.8.0" && \
+    libffi-dev
+
+# 安装 Python 依赖
+RUN set -eux; \
     uv venv --clear && \
     . .venv/bin/activate && \
-    uv sync --no-cache --index-url https://mirrors.aliyun.com/pypi/simple --extra-index-url "" && \
-    # 只进行安全的清理（保留所有元数据和 entry points）
-    find .venv -type d -name "__pycache__" -exec rm -rf {} + 2>/dev/null || true && \
-    find .venv -type f -name "*.pyc" -delete && \
-    find .venv -type f -name "*.pyo" -delete && \
-    # 清理构建工具
+    uv sync --frozen --no-cache --no-install-project \
+        --index-url https://mirrors.aliyun.com/pypi/simple && \
+    # 验证关键依赖安装成功
+    python -c "import sanic; print(f'sanic {sanic.__version__} installed')"
+
+# 清理缓存和构建工具
+RUN find .venv -type d -name "__pycache__" -exec rm -rf {} + 2>/dev/null; \
+    find .venv -type f -name "*.pyc" -delete 2>/dev/null; \
+    find .venv -type f -name "*.pyo" -delete 2>/dev/null; \
     apt-get purge -y gcc g++ python3-dev libpq-dev libffi-dev && \
     apt-get autoremove -y --purge && \
     apt-get clean && \
-    rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/* /root/.cache /root/.local/bin/uv
+    rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/* /root/.cache /usr/local/bin/uv
 
 # ============ 阶段3: 基础运行镜像 ============
 FROM python:3.11-slim-bookworm

web/components.d.ts

@@ -16,23 +16,18 @@ declare module 'vue' {
     IconFontQatypeIcon: typeof import('./src/components/IconFont/qatype-icon.vue')['default']
     IconifyIcon: typeof import('./src/components/IconifyIcon/index.vue')['default']
     LayoutDefault: typeof import('./src/components/Layout/default.vue')['default']
-    LayoutSidearPage: typeof import('./src/components/Layout/SidearPage.vue')['default']
     LayoutSidebarPage: typeof import('./src/components/Layout/sidebar-page.vue')['default']
     LayoutSlotArea: typeof import('./src/components/Layout/SlotArea.vue')['default']
     LayoutSlotCenterPanel: typeof import('./src/components/Layout/SlotCenterPanel.vue')['default']
     LayoutSlotFrame: typeof import('./src/components/Layout/SlotFrame.vue')['default']
     LlmForm: typeof import('./src/components/llm/llm-form.vue')['default']
-    LLMForm: typeof import('./src/components/LLM/LLMForm.vue')['default']
     MarkdownPreview: typeof import('./src/components/MarkdownPreview/index.vue')['default']
     MarkdownPreviewHtmlReportViewer: typeof import('./src/components/MarkdownPreview/HtmlReportViewer.vue')['default']
     MarkdownPreviewMarkdownAntv: typeof import('./src/components/MarkdownPreview/markdown-antv.vue')['default']
-    MarkdownPreviewMarkdownEcharts: typeof import('./src/components/MarkdownPreview/MarkdownEcharts.vue')['default']
-    MarkdownPreviewMarkdownTable: typeof import('./src/components/MarkdownPreview/MarkdownTable.vue')['default']
     NavigationNavBar: typeof import('./src/components/Navigation/nav-bar.vue')['default']
     NavigationNavFooter: typeof import('./src/components/Navigation/nav-footer.vue')['default']
     NavigationNavOctocat: typeof import('./src/components/Navigation/nav-octocat.vue')['default']
     NavigationNavSidebar: typeof import('./src/components/Navigation/nav-sidebar.vue')['default']
-    NavigationNavSideBar: typeof import('./src/components/Navigation/NavSideBar.vue')['default']
     NavigationSideBar: typeof import('./src/components/Navigation/SideBar.vue')['default']
     NBadge: typeof import('naive-ui')['NBadge']
     NButton: typeof import('naive-ui')['NButton']
@@ -43,12 +38,13 @@ declare module 'vue' {
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
     NDivider: typeof import('naive-ui')['NDivider']
+    NDrawer: typeof import('naive-ui')['NDrawer']
+    NDrawerContent: typeof import('naive-ui')['NDrawerContent']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NDynamicInput: typeof import('naive-ui')['NDynamicInput']
     NDynamicTags: typeof import('naive-ui')['NDynamicTags']
     NEllipsis: typeof import('naive-ui')['NEllipsis']
     NEmpty: typeof import('naive-ui')['NEmpty']
-    NFloatButton: typeof import('naive-ui')['NFloatButton']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NGrid: typeof import('naive-ui')['NGrid']
@@ -58,7 +54,6 @@ declare module 'vue' {
     NInputNumber: typeof import('naive-ui')['NInputNumber']
     NLayout: typeof import('naive-ui')['NLayout']
     NLayoutContent: typeof import('naive-ui')['NLayoutContent']
-    NLayoutHeader: typeof import('naive-ui')['NLayoutHeader']
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
@@ -73,10 +68,8 @@ declare module 'vue' {
     NSelect: typeof import('naive-ui')['NSelect']
     NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
-    NSplit: typeof import('naive-ui')['NSplit']
     NStep: typeof import('naive-ui')['NStep']
     NSteps: typeof import('naive-ui')['NSteps']
-    NSwitch: typeof import('naive-ui')['NSwitch']
     NTag: typeof import('naive-ui')['NTag']
     NText: typeof import('naive-ui')['NText']
     NTooltip: typeof import('naive-ui')['NTooltip']

web/src/router/child-routes.ts

@@ -1,6 +1,12 @@
 const LayoutDefault = () => import('@/components/Layout/default.vue')
 
 const childrenRoutes: Array<RouteRecordRaw> = [
+  {
+    path: 'skill-center',
+    name: 'SkillCenter',
+    component: () => import('@/views/skill-center.vue'),
+    meta: { requiresAuth: true },
+  },
   {
     path: 'chat',
     meta: { requiresAuth: true },

web/src/views/chat/default-page.vue

@@ -661,6 +661,7 @@ const bottomIcons = [
 </template>
 
 <style scoped lang="scss">
+@use "sass:color";
 // ============================================
 // 设计系统变量
 // ============================================
@@ -850,7 +851,7 @@ $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 
   &:hover {
     box-shadow: $shadow-xl;
-    border-color: darken($border-color, 5%);
+    border-color: color.adjust($border-color, $lightness: -5%);
     transform: translateY(-2px);
   }
 
@@ -958,7 +959,7 @@ $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   }
 
   &:hover {
-    background-color: darken($bg-subtle, 3%);
+    background-color: color.adjust($bg-subtle, $lightness: -3%);
     color: $text-primary;
     border-color: $border-color;
     transform: translateY(-1px);
@@ -1077,7 +1078,7 @@ $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     border-radius: 3px;
 
     &:hover {
-      background: darken($border-color, 10%);
+      background: color.adjust($border-color, $lightness: -10%);
     }
   }
 }
@@ -1157,7 +1158,7 @@ $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     border-radius: 3px;
 
     &:hover {
-      background: darken($border-color, 10%);
+      background: color.adjust($border-color, $lightness: -10%);
     }
   }
 }

web/src/views/chat/index.vue

@@ -67,6 +67,11 @@ const hasMoreConversationHistory = computed(
 // 新增：专门用于控制转场动画的Key，避免因 currentConversationChatId 变化（如追加消息时）导致组件重载
 const chatTransitionKey = ref('chat-list')
 
+// 技能中心：跳转独立页面
+function handleSkillCenterClick() {
+  router.push({ name: 'SkillCenter' })
+}
+
 // 管理对话
 const isModalOpen = ref(false)
 function openModal() {
@@ -1803,9 +1808,10 @@ const handleHistoryClick = async (item: any) => {
 
             <div
               class="my-space flex items-center gap-2 text-[#6A6A6A] hover:text-[#7E6BF2] cursor-pointer text-[14px] font-normal transition-colors history-item-text"
+              @click="handleSkillCenterClick"
             >
-              <div class="i-hugeicons:folder-01 text-18"></div>
-              <span>我的空间</span>
+              <div class="i-hugeicons:magic-wand-01 text-18"></div>
+              <span>技能中心</span>
             </div>
           </div>
         </div>
@@ -2447,6 +2453,7 @@ const handleHistoryClick = async (item: any) => {
 </template>
 
 <style lang="scss" scoped>
+@use "sass:color";
 // ============================================
 // 设计系统变量 - 与 default-page.vue 保持一致
 // ============================================
@@ -2489,6 +2496,9 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   font-family: $font-family-base;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  // Firefox 滚动条样式（置于嵌套规则之前，避免 mixed-decls 警告）
+  scrollbar-width: thin;
+  scrollbar-color: rgba(138, 138, 138, 0.2) transparent;
 
   * {
     font-family: $font-family-base;
@@ -2512,10 +2522,6 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
       background: rgba(138, 138, 138, 0.4);
     }
   }
-
-  // Firefox 滚动条样式
-  scrollbar-width: thin;
-  scrollbar-color: rgba(138, 138, 138, 0.2) transparent;
 }
 
 .new-chat-btn {
@@ -2552,7 +2558,7 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   }
 
   &:hover {
-    background-color: darken($bg-subtle, 2%);
+    background-color: color.adjust($bg-subtle, $lightness: -2%);
   }
 }
 
@@ -2667,7 +2673,7 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     border-radius: 3px;
 
     &:hover {
-      background: darken($border-color, 15%);
+      background: color.adjust($border-color, $lightness: -15%);
     }
   }
 }
@@ -2699,7 +2705,7 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
       background: $border-color;
 
       &:hover {
-        background: darken($border-color, 15%);
+        background: color.adjust($border-color, $lightness: -15%);
       }
     }
   }
@@ -2819,7 +2825,7 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   }
 
   &:hover {
-    background-color: darken($bg-subtle, 3%);
+    background-color: color.adjust($bg-subtle, $lightness: -3%);
     color: $text-primary;
     border-color: $border-color;
 
@@ -3015,11 +3021,11 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 }
 
 ::-webkit-scrollbar-thumb {
-  background: lighten($primary-color, 30%);
+  background: color.adjust($primary-color, $lightness: 30%);
   border-radius: 3px;
 
   &:hover {
-    background: lighten($primary-color, 20%);
+    background: color.adjust($primary-color, $lightness: 20%);
   }
 }
 
@@ -3202,7 +3208,7 @@ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     border-radius: 3px;
 
     &:hover {
-      background-color: darken($border-color, 15%);
+      background-color: color.adjust($border-color, $lightness: -15%);
     }
   }
 }