Merge remote-tracking branch 'origin/ai-hub' into ai-hub

- 统一 Serilog 文件与控制台日志的输出模板，提升可读性
- 降低部分 ASP.NET Core 内部组件的日志级别，减少无关噪音
- 移除前端 types 中未使用的 ElSegmented 组件声明

Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application/Services/AiAccountService.cs

@@ -13,6 +13,7 @@ using Yi.Framework.Rbac.Application.Contracts.IServices;
 using Yi.Framework.Rbac.Domain.Shared.Dtos;
 using Yi.Framework.SqlSugarCore.Abstractions;
 using Yi.Framework.AiHub.Domain.Extensions;
+using Yi.Framework.AiHub.Domain.Shared.Enums;
 
 namespace Yi.Framework.AiHub.Application.Services;
 
@@ -58,7 +59,7 @@ public class AiAccountService : ApplicationService
         if (output.IsVip)
         {
             var recharges = await _rechargeRepository._DbQueryable
-                .Where(x => x.UserId == userId)
+                .Where(x => x.UserId == userId && x.RechargeType == RechargeTypeEnum.Vip)
                 .ToListAsync();
 
             if (recharges.Any())

Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain.Shared/Enums/GoodsTypeEnum.cs

@@ -99,8 +99,8 @@ public enum GoodsTypeEnum
     [Price(83.7, 3, 27.9)] [DisplayName("YiXinVip 3 month", "3个月", "短期体验")] [GoodsCategory(GoodsCategoryType.Vip)]
     YiXinVip3 = 3,
 
-    [Price(114.5, 5, 22.9)] [DisplayName("YiXinVip 5 month", "5个月", "年度热销")] [GoodsCategory(GoodsCategoryType.Vip)]
-    YiXinVip5 = 15,
+    [Price(91.6, 4, 22.9)] [DisplayName("YiXinVip 4 month", "4个月", "年度热销")] [GoodsCategory(GoodsCategoryType.Vip)]
+    YiXinVip5 = 14,
 
     // 尊享包服务 - 需要VIP资格才能购买
     [Price(188.9, 0, 1750)]

Yi.Abp.Net8/src/Yi.Abp.Web/Program.cs

@@ -4,6 +4,7 @@ using Serilog.Events;
 using Yi.Abp.Web;
 
 //创建日志,可使用{SourceContext}记录
+var outputTemplate = "{Timestamp:yyyy-MM-dd HH:mm:ss.fff zzz}【{SourceContext}】[{Level:u3}]{Message:lj}{NewLine}{Exception}";
 Log.Logger = new LoggerConfiguration()
     //由于后端处理请求中，前端请求已经结束，此类日志可不记录
     .Filter.ByExcluding(log =>log.Exception?.GetType() == typeof(TaskCanceledException)||log.MessageTemplate.Text.Contains("\"message\": \"A task was canceled.\""))
@@ -11,10 +12,15 @@ Log.Logger = new LoggerConfiguration()
     .MinimumLevel.Override("Microsoft", LogEventLevel.Information)
     .MinimumLevel.Override("Microsoft.AspNetCore.Hosting.Diagnostics", LogEventLevel.Error)
     .MinimumLevel.Override("Quartz", LogEventLevel.Warning)
+    .MinimumLevel.Override("Microsoft.AspNetCore.Authentication.JwtBearer.JwtBearerHandler", LogEventLevel.Warning)
+    .MinimumLevel.Override("Microsoft.AspNetCore.Cors.Infrastructure.CorsService", LogEventLevel.Warning)
+    .MinimumLevel.Override("Microsoft.AspNetCore.Authorization.DefaultAuthorizationService", LogEventLevel.Warning)
+    .MinimumLevel.Override("Microsoft.AspNetCore.Routing.EndpointMiddleware", LogEventLevel.Warning)
+    .MinimumLevel.Override("Hangfire.Server.ServerHeartbeatProcess", LogEventLevel.Warning)
     .Enrich.FromLogContext()
-    .WriteTo.Async(c => c.File("logs/all/log-.txt", rollingInterval: RollingInterval.Day, restrictedToMinimumLevel: LogEventLevel.Debug))
-    .WriteTo.Async(c => c.File("logs/error/errorlog-.txt", rollingInterval: RollingInterval.Day, restrictedToMinimumLevel: LogEventLevel.Error))
-    .WriteTo.Async(c => c.Console())
+    .WriteTo.Async(c => c.File("logs/all/log-.txt", rollingInterval: RollingInterval.Day, restrictedToMinimumLevel: LogEventLevel.Debug,outputTemplate:outputTemplate))
+    .WriteTo.Async(c => c.File("logs/error/errorlog-.txt", rollingInterval: RollingInterval.Day, restrictedToMinimumLevel: LogEventLevel.Error,outputTemplate:outputTemplate))
+    .WriteTo.Async(c => c.Console(outputTemplate:outputTemplate))
     .CreateLogger();
 
 try

Yi.Ai.Vue3/index.html

@@ -283,7 +283,7 @@
         appRendered = true;
         checkAndHideLoader();
       }
-    }, 30000);
+    }, 60000);
   })();
 </script>
 

Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue

@@ -36,6 +36,40 @@ const userVipStatus = computed(() => {
   return isUserVip();
 });
 
+// VIP到期时间
+const vipExpireTime = computed(() => {
+  return userStore.userInfo?.vipExpireTime || null;
+});
+
+// 计算距离VIP到期还有多少天
+const vipRemainingDays = computed(() => {
+  if (!vipExpireTime.value) return null;
+  const expireDate = new Date(vipExpireTime.value);
+  const now = new Date();
+  const diffTime = expireDate.getTime() - now.getTime();
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  return diffDays;
+});
+
+// VIP到期状态文本
+const vipExpireStatusText = computed(() => {
+  if (!userVipStatus.value) return '';
+  if (!vipExpireTime.value) return '-';
+  if (vipRemainingDays.value === null) return '';
+  if (vipRemainingDays.value < 0) return '已过期';
+  if (vipRemainingDays.value === 0) return '今日到期';
+  return `${vipRemainingDays.value}天后到期`;
+});
+
+// VIP到期状态标签类型
+const vipExpireTagType = computed(() => {
+  if (!vipExpireTime.value) return 'success';
+  if (vipRemainingDays.value === null) return 'info';
+  if (vipRemainingDays.value < 0) return 'danger';
+  if (vipRemainingDays.value <= 7) return 'warning';
+  return 'success';
+});
+
 // 格式化日期
 function formatDate(dateString: string | null) {
   if (!dateString)
@@ -161,6 +195,28 @@ function bindWechat() {
                 注册时间
               </div>
             </div>
+            <!-- VIP到期时间 -->
+            <div v-if="userVipStatus" class="stat-item">
+              <div class="stat-value">
+                <template v-if="vipExpireTime">
+                  {{ formatDate(vipExpireTime)?.split(' ')[0] || '-' }}
+                </template>
+                <template v-else>
+                  -
+                </template>
+              </div>
+              <div class="stat-label">
+                VIP到期时间
+                <el-tag
+                  v-if="vipExpireStatusText"
+                  :type="vipExpireTagType"
+                  size="small"
+                  style="margin-left: 4px;"
+                >
+                  {{ vipExpireStatusText }}
+                </el-tag>
+              </div>
+            </div>
           </div>
         </div>
       </div>

Yi.Ai.Vue3/src/composables/chat/useChatSender.ts

@@ -1,12 +1,13 @@
-import { useHookFetch } from 'hook-fetch/vue';
-import { ElMessage } from 'element-plus';
-import { ref, computed } from 'vue';
 import type { AnyObject } from 'typescript-api-pro';
-import { deleteMessages, unifiedSend } from '@/api';
-import { useModelStore } from '@/stores/modules/model';
-import { convertToApiFormat, parseStreamChunk, type UnifiedMessage } from '@/utils/apiFormatConverter';
 import type { BubbleProps } from 'vue-element-plus-x/types/Bubble';
 import type { ThinkingStatus } from 'vue-element-plus-x/types/Thinking';
+import type { UnifiedMessage } from '@/utils/apiFormatConverter';
+import { ElMessage } from 'element-plus';
+import { useHookFetch } from 'hook-fetch/vue';
+import { ref } from 'vue';
+import { unifiedSend } from '@/api';
+import { useModelStore } from '@/stores/modules/model';
+import { convertToApiFormat, parseStreamChunk } from '@/utils/apiFormatConverter';
 
 export type MessageRole = 'ai' | 'user' | 'assistant' | string;
 
@@ -83,7 +84,8 @@ export function useChatSender(options: UseChatSenderOptions) {
       );
 
       const latest = messages[messages.length - 1];
-      if (!latest) return;
+      if (!latest)
+        return;
 
       // 处理 token 使用情况
       if (parsed.usage) {
@@ -99,7 +101,8 @@ export function useChatSender(options: UseChatSenderOptions) {
         latest.thinkingStatus = 'thinking';
         latest.loading = true;
         latest.thinlCollapse = true;
-        if (!latest.reasoning_content) latest.reasoning_content = '';
+        if (!latest.reasoning_content)
+          latest.reasoning_content = '';
         latest.reasoning_content += parsed.reasoning_content;
       }
 
@@ -108,21 +111,26 @@ export function useChatSender(options: UseChatSenderOptions) {
         const thinkStart = parsed.content.includes('<think>');
         const thinkEnd = parsed.content.includes('</think>');
 
-        if (thinkStart) isThinking.value = true;
-        if (thinkEnd) isThinking.value = false;
+        if (thinkStart)
+          isThinking.value = true;
+        if (thinkEnd)
+          isThinking.value = false;
 
         if (isThinking.value) {
           latest.thinkingStatus = 'thinking';
           latest.loading = true;
           latest.thinlCollapse = true;
-          if (!latest.reasoning_content) latest.reasoning_content = '';
+          if (!latest.reasoning_content)
+            latest.reasoning_content = '';
           latest.reasoning_content += parsed.content
             .replace('<think>', '')
             .replace('</think>', '');
-        } else {
+        }
+        else {
           latest.thinkingStatus = 'end';
           latest.loading = false;
-          if (!latest.content) latest.content = '';
+          if (!latest.content)
+            latest.content = '';
           latest.content += parsed.content;
         }
       }
@@ -144,7 +152,8 @@ export function useChatSender(options: UseChatSenderOptions) {
     textFiles: any[],
     onUpdate: (messages: MessageItem[]) => void,
   ): Promise<void> {
-    if (isSending.value) return;
+    if (isSending.value)
+      return;
 
     isSending.value = true;
     currentRequestApiType.value = modelStore.currentModelInfo.modelApiType || 'Completions';
@@ -207,7 +216,8 @@ export function useChatSender(options: UseChatSenderOptions) {
               fileContent += `<FILE_NAME>${fileItem.name}</FILE_NAME>\n`;
               fileContent += `<FILE_CONTENT>\n${fileItem.fileContent}\n</FILE_CONTENT>\n`;
               fileContent += `</ATTACHMENT_FILE>\n`;
-              if (index < textFiles.length - 1) fileContent += '\n';
+              if (index < textFiles.length - 1)
+                fileContent += '\n';
             });
             contentArray.push({ type: 'text', text: fileContent });
           }
@@ -225,7 +235,8 @@ export function useChatSender(options: UseChatSenderOptions) {
           baseMessage.content = contentArray.length > 1 || imageFiles.length > 0 || textFiles.length > 0
             ? contentArray
             : item.content;
-        } else {
+        }
+        else {
           baseMessage.content = (item.role === 'ai' || item.role === 'assistant') && item.content.length > 10000
             ? `${item.content.substring(0, 10000)}...（内容过长，已省略）`
             : item.content;

Yi.Ai.Vue3/src/config/version.ts

@@ -6,7 +6,7 @@
  */
 
 // 主版本号 - 修改此处即可同步更新所有地方的版本显示
-export const APP_VERSION = '3.6.1';
+export const APP_VERSION = '3.7.0';
 
 // 应用名称
 export const APP_NAME = '意心AI';

Yi.Ai.Vue3/src/layouts/components/Header/index.vue

@@ -127,6 +127,9 @@ function toggleMobileMenu() {
           <el-menu-item index="/chat/agent">
             AI智能体
           </el-menu-item>
+          <el-menu-item index="/chat/api">
+            AI接口
+          </el-menu-item>
         </el-sub-menu>
 
         <!-- 公告按钮 -->
@@ -137,8 +140,11 @@ function toggleMobileMenu() {
         <!-- 模型库下拉菜单 -->
         <el-sub-menu index="model-library" class="model-library-submenu" popper-class="custom-popover">
           <template #title>
-            <span class="menu-title" @click="handleModelLibraryClick">模型库</span>
+            <span class="menu-title" @click="handleModelLibraryClick">模型</span>
           </template>
+          <el-menu-item index="/model-library">
+            模型库
+          </el-menu-item>
           <el-menu-item index="/ranking">
             模型排行榜
           </el-menu-item>
@@ -272,14 +278,20 @@ function toggleMobileMenu() {
           <el-menu-item index="/chat/agent">
             AI智能体
           </el-menu-item>
+          <el-menu-item index="/chat/api">
+            AI接口
+          </el-menu-item>
         </el-sub-menu>
 
         <!-- 模型库下拉菜单 -->
         <el-sub-menu index="model-library">
           <template #title>
             <el-icon><Box /></el-icon>
-            <span>模型库</span>
+            <span>模型</span>
           </template>
+          <el-menu-item index="/model-library">
+            模型库
+          </el-menu-item>
           <el-menu-item index="/ranking">
             模型排行榜
           </el-menu-item>

Yi.Ai.Vue3/src/pages/chat/api/index.vue

@@ -0,0 +1,335 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { CopyDocument, Connection, Monitor, ChatLineRound, VideoPlay } from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
+
+// API Configuration
+const apiList = [
+  {
+    id: 'openai',
+    name: 'OpenAI Completions',
+    url: '/v1/chat/completions',
+    method: 'POST',
+    description: 'OpenAI 经典的对话补全接口。虽然官方正逐步转向新标准，但它仍是目前生态中最通用的标准，绝大多数第三方 AI 工具和库都默认支持此协议。',
+    icon: ChatLineRound,
+    requestBody: {
+        "messages": [
+            {
+                "role": "user",
+                "content": "hi"
+            }
+        ],
+        "stream": true,
+        "model": "gpt-5.2-chat"
+    }
+  },
+  {
+    id: 'claude',
+    name: 'Claude Messages',
+    url: '/v1/messages',
+    method: 'POST',
+    description: 'Anthropic 官方统一的消息接口。专为 Claude 系列模型设计，支持复杂的对话交互，完美适配 Claude Code 等新一代开发工具。',
+    icon: Connection,
+    requestBody: {
+        "messages": [
+            {
+                "role": "user",
+                "content": "hi"
+            }
+        ],
+        "max_tokens": 32000,
+        "stream": true,
+        "model": "claude-opus-4-6"
+    }
+  },
+  {
+    id: 'openai-resp',
+    name: 'OpenAI Responses',
+    url: '/v1/responses',
+    method: 'POST',
+    description: 'OpenAI 推出的最新一代统一响应接口。旨在提供更灵活、强大的交互能力，是未来对接 Codex 等高级模型和新特性的首选方式。',
+    icon: Monitor,
+    requestBody: {
+        "model": "gpt-5.3-codex",
+        "stream": true,
+        "input": [
+            {"content":"hi","role":"user"}
+        ]
+    }
+  },
+  {
+    id: 'gemini',
+    name: 'Gemini GenerateContent',
+    url: '/v1beta/models/{model}/streamGenerateContent',
+    method: 'POST',
+    description: 'Google Gemini 原生生成接口。专为 Gemini 系列多模态模型打造，支持流式生成，是使用 Gemini CLI 及谷歌生态工具的最佳入口。',
+    icon: VideoPlay,
+    requestBody: {
+        "contents": [
+          {
+            "role": "user",
+            "parts": [
+              {
+                "text": "hi"
+              }
+            ]
+          }
+        ]
+      }
+  },
+];
+
+const baseUrl = 'https://yxai.chat';
+const activeIndex = ref('0');
+
+const currentApi = computed(() => apiList[Number(activeIndex.value)]);
+const fullUrl = computed(() => `${baseUrl}${currentApi.value.url}`);
+
+function handleSelect(key: string) {
+  activeIndex.value = key;
+}
+
+async function copyText(text: string) {
+  try {
+    await navigator.clipboard.writeText(text);
+    ElMessage.success('复制成功');
+  } catch {
+    ElMessage.error('复制失败');
+  }
+}
+</script>
+
+<template>
+  <div class="api-page">
+    <el-container class="h-full">
+      <!-- Desktop Sidebar -->
+      <el-aside width="280px" class="api-sidebar hidden-sm-and-down">
+        <div class="sidebar-header">
+          <h2 class="text-lg font-bold m-0">API 接口文档</h2>
+          <p class="text-xs text-gray-500 mt-1">开发者接入指南</p>
+        </div>
+        <el-menu
+          :default-active="activeIndex"
+          class="api-menu"
+          @select="handleSelect"
+        >
+          <el-menu-item
+            v-for="(api, index) in apiList"
+            :key="index"
+            :index="index.toString()"
+          >
+            <el-icon><component :is="api.icon" /></el-icon>
+            <span>{{ api.name }}</span>
+          </el-menu-item>
+        </el-menu>
+      </el-aside>
+
+      <el-main class="api-main">
+        <!-- Mobile Select -->
+        <div class="hidden-md-and-up mb-6">
+             <h2 class="text-lg font-bold mb-4">API 接口文档</h2>
+             <el-select v-model="activeIndex" placeholder="Select API" class="w-full" @change="handleSelect">
+                <el-option
+                    v-for="(api, index) in apiList"
+                    :key="index"
+                    :label="api.name"
+                    :value="index.toString()"
+                />
+            </el-select>
+        </div>
+
+        <div class="content-container">
+          <el-alert
+            title="接口兼容性重要提示"
+            type="warning"
+            show-icon
+            :closable="false"
+            class="api-warning-alert"
+          >
+            <template #default>
+              <div class="leading-normal text-sm">
+                自 2025 年末起，AI 领域接口标准逐渐分化，原有的统一接口 <code class="bg-yellow-100 px-1 rounded">/v1/chat/completions</code> 已不再兼容所有模型。各厂商推出的新接口差异较大，接入第三方工具时，请务必根据具体模型选择正确的 API 类型。您可前往 
+                <router-link to="/model-library" class="text-primary font-bold hover:underline">模型库</router-link> 
+                查看各模型对应的 API 信息。
+              </div>
+            </template>
+          </el-alert>
+
+          <div class="mb-6">
+            <div class="flex items-center gap-3 mb-2">
+                 <el-icon :size="24" class="text-primary"><component :is="currentApi.icon" /></el-icon>
+                 <h1 class="text-xl font-bold m-0">{{ currentApi.name }}</h1>
+            </div>
+            <p class="text-gray-500 dark:text-gray-400 leading-relaxed text-sm">{{ currentApi.description }}</p>
+          </div>
+
+          <el-card class="box-card mb-4" shadow="hover">
+            <template #header>
+              <div class="card-header flex justify-between items-center py-1">
+                <span class="font-bold text-sm">接口详情</span>
+                <el-tag :type="currentApi.method === 'POST' ? 'success' : 'warning'" effect="dark" round size="small">
+                  {{ currentApi.method }}
+                </el-tag>
+              </div>
+            </template>
+            
+            <div class="api-detail-item">
+              <div class="label mb-2 text-xs font-medium text-gray-500">请求地址 (Endpoint)</div>
+              <div class="url-box">
+                <div class="url-content">
+                  <span class="base-url" title="Base URL">{{ baseUrl }}</span>
+                  <span class="api-path" title="Path">{{ currentApi.url }}</span>
+                </div>
+                <div class="url-actions">
+                   <el-tooltip content="复制 Base URL" placement="top">
+                      <el-button link @click="copyText(baseUrl)" size="small">
+                        <span class="text-xs font-mono">Base</span>
+                      </el-button>
+                   </el-tooltip>
+                   <el-divider direction="vertical" />
+                   <el-tooltip content="复制完整地址" placement="top">
+                      <el-button link type="primary" @click="copyText(fullUrl)" size="small">
+                        <el-icon><CopyDocument /></el-icon>
+                      </el-button>
+                   </el-tooltip>
+                </div>
+              </div>
+            </div>
+          </el-card>
+
+          <el-card class="box-card" shadow="hover">
+            <template #header>
+              <div class="card-header py-1">
+                <span class="font-bold text-sm">调用示例 (cURL)</span>
+              </div>
+            </template>
+            <div class="code-block bg-gray-50  p-3 rounded-md border border-gray-200 ">
+              <pre class="text-xs overflow-x-auto font-mono m-0"><code class="language-bash">curl {{ fullUrl }} \
+  -H "Content-Type: application/json" \
+  -H "Authorization: Bearer YOUR_API_KEY" \
+  -d '{{ JSON.stringify(currentApi.requestBody, null, 2) }}'</code></pre>
+            </div>
+          </el-card>
+        </div>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.api-page {
+  height: 100%;
+  background-color: var(--bg-color-tertiary);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.api-sidebar {
+  background-color: var(--bg-color-primary);
+  border-right: 1px solid var(--border-color-light);
+  display: flex;
+  flex-direction: column;
+  
+  .sidebar-header {
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--border-color-light);
+  }
+
+  .api-menu {
+    border-right: none;
+    background-color: transparent;
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px 0;
+    
+    :deep(.el-menu-item) {
+        border-radius: 8px;
+        margin: 2px 10px;
+        height: 40px;
+        
+        &.is-active {
+            background-color: var(--el-color-primary-light-9);
+            color: var(--el-color-primary);
+            font-weight: 600;
+        }
+        
+        &:hover:not(.is-active) {
+             background-color: var(--el-fill-color-light);
+        }
+    }
+  }
+}
+
+.api-main {
+  padding: 24px;
+  overflow-y: auto;
+}
+
+.content-container {
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+.text-primary {
+    color: var(--el-color-primary);
+}
+
+.url-box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--el-fill-color-light);
+  border: 1px solid var(--el-border-color);
+  border-radius: 8px;
+  padding: 12px 16px;
+  gap: 12px;
+  
+  .url-content {
+    font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+    font-size: 14px;
+    word-break: break-all;
+    line-height: 1.5;
+    
+    .base-url {
+      color: var(--el-text-color-secondary);
+    }
+    
+    .api-path {
+      color: var(--el-color-primary);
+      font-weight: 600;
+    }
+  }
+  
+  .url-actions {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+}
+
+/* Utility classes for responsiveness if unocss/tailwind not fully available in this scope */
+@media (max-width: 768px) {
+  .hidden-sm-and-down {
+    display: none !important;
+  }
+  
+  .hidden-md-and-up {
+    display: block !important;
+  }
+  
+  .api-main {
+    padding: 20px;
+  }
+}
+
+@media (min-width: 769px) {
+  .hidden-md-and-up {
+    display: none !important;
+  }
+}
+
+.api-warning-alert {
+  margin-bottom: 20px;
+}
+</style>

Yi.Ai.Vue3/src/pages/chat/index.vue

@@ -15,6 +15,7 @@ const navItems = [
   { name: 'image', label: 'AI图片', icon: 'Picture', path: '/chat/image' },
   { name: 'video', label: 'AI视频', icon: 'VideoCamera', path: '/chat/video' },
   { name: 'monitor', label: 'AI智能体', icon: 'Monitor', path: '/chat/agent' },
+  { name: 'ChatLineRound', label: 'AI接口', icon: 'ChatLineRound', path: '/chat/api' },
 ];
 
 // 当前激活的菜单

Yi.Ai.Vue3/src/routers/modules/staticRouter.ts

@@ -77,6 +77,14 @@ export const layoutRouter: RouteRecordRaw[] = [
               title: '意心Ai-AI智能体',
             },
           },
+          {
+            path: 'api',
+            name: 'chatApi',
+            component: () => import('@/pages/chat/api/index.vue'),
+            meta: {
+              title: '意心Ai-AI接口',
+            },
+          },
         ],
       },
 

Yi.Ai.Vue3/src/styles/dark-theme.scss

@@ -2062,4 +2062,7 @@
   .marked-markdown.theme-light .code-block-wrapper .code-block-body .line-numbers{
     @include dark-theme-div;
   }
+  .url-box{
+    @include dark-theme-div;
+  }
 }

Yi.Ai.Vue3/src/utils/apiFormatConverter.ts

@@ -127,18 +127,20 @@ export function toResponsesFormat(messages: UnifiedMessage[]): ResponsesMessage[
  * 将统一格式的消息转换为 Anthropic Claude 格式
  */
 export function toClaudeFormat(messages: UnifiedMessage[]): { messages: ClaudeMessage[]; system?: string } {
-  let systemPrompt: string | undefined;
   const claudeMessages: ClaudeMessage[] = [];
 
   for (const msg of messages) {
-    // Claude 的 system 消息需要单独提取
+    // system 消息转换为 assistant 角色放入 messages 数组
+    let role: 'user' | 'assistant';
     if (msg.role === 'system') {
-      msg.role = 'assistant';
-      // systemPrompt = typeof msg.content === 'string' ? msg.content : msg.content.map(c => c.text || '').join('');
-      // continue;
+      role = 'assistant';
+    }
+    else if (msg.role === 'model') {
+      role = 'assistant';
+    }
+    else {
+      role = msg.role as 'user' | 'assistant';
     }
-
-    const role = msg.role === 'model' ? 'assistant' : msg.role;
 
     // 处理内容格式
     let content: string | ClaudeContent[];
@@ -182,7 +184,7 @@ export function toClaudeFormat(messages: UnifiedMessage[]): { messages: ClaudeMe
     });
   }
 
-  return { messages: claudeMessages, system: systemPrompt };
+  return { messages: claudeMessages };
 }
 
 /**
@@ -519,16 +521,16 @@ export function convertToApiFormat(
       };
     }
     case ApiFormatType.Messages: {
-      const { messages: claudeMessages, system } = toClaudeFormat(messages);
+      const { messages: claudeMessages } = toClaudeFormat(messages);
       const request: any = {
         model,
         messages: claudeMessages,
         max_tokens: 32000,
         stream,
       };
-      if (system) {
-        request.system = system;
-      }
+      // if (system) {
+      //   request.system = system;
+      // }
       return request;
     }
     case ApiFormatType.GenerateContent: {

Yi.Ai.Vue3/types/components.d.ts

@@ -18,6 +18,7 @@ declare module 'vue' {
     DeepThinking: typeof import('./../src/components/DeepThinking/index.vue')['default']
     Demo: typeof import('./../src/components/FontAwesomeIcon/demo.vue')['default']
     ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAside: typeof import('element-plus/es')['ElAside']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
@@ -53,7 +54,6 @@ declare module 'vue' {
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
-    ElSegmented: typeof import('element-plus/es')['ElSegmented']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']