feat(ModelConfigCard): add detail

Author: Unagi-cq

README.md

@@ -1,5 +1,5 @@
 <h1 align="center">LM的Web会话管理方案<span style="color: #2454ff;">THChatUI</span>
-<span style="font-size: 10px;">v3.0.1</span></h1>
+<span style="font-size: 10px;">v3.0.2</span></h1>
 
 <div align="center">
 

thchat-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "THChatUI",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "author": "Unagi-cq <baiwen_88@qq.com>",
   "description": "THChatUI 是一个基于 Vue2 + ElementUI 的LLM WebUI。",
   "private": true,
@@ -11,7 +11,7 @@
     "electron": "electron .",
     "electron:dev": "npm run build && electron .",
     "electron:pack": "electron-builder --dir",
-    "electron:dist": "electron-builder"
+    "electron:dist": "npm run build && electron-builder"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",

thchat-ui/src/api/config.js

@@ -92,13 +92,14 @@ module.exports = {
                     { label: "模型类型", key: "type", options: ["llm"] },
                     { label: "API-KEY", key: "api_key" },
                     { label: "Base-URL", key: "base_url" },
-                    { label: "应用名称", key: "version" }
+                    { label: "应用名称", key: "version" , tooltip: "自己起一个名字，方便在THChatUI平台展示"}
                 ],
                 rules: {
                     type: [{ required: true, message: '请选择模型类型' }],
                     api_key: [{ required: true, message: '请输入API-KEY' }],
                     base_url: [{ required: true, message: '请输入Base-URL' }]
-                }
+                },
+                meto: "目前只支持Dify平台【聊天助手】【Agent】【Chatflow】三个模式的引入，即仅支持/chat-messages接口，不支持【工作流】。"
             }
         },
         "Google_AI": {

thchat-ui/src/components/ApiKeyCard/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="api-key-form">
         <el-form :model="formData" label-width="120px">
-            <el-form-item v-for="(value, key) in filteredFormData" :key="key" :label="formatLabel(key)">
+            <el-form-item v-for="(value, key) in filteredFormData" :key="key" :label="formatLabel(key)" label-position="left">
                 <el-input v-if="key === 'api_key'" v-model="formData[key]" :type="showKey ? 'text' : 'password'">
                     <template #suffix>
                         <el-icon class="cursor-pointer" @click="showKey = !showKey">

thchat-ui/src/components/ModelConfigCard/index.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="add-model-form">
-        <el-form :model="formData" :rules="rules" ref="modelForm" label-width="120px">
+        <div class="meto-tip" v-if="meto">{{ meto }}</div>
+        <el-form :model="formData" :rules="rules" ref="modelForm" label-width="120px" label-position="left">
             <el-form-item v-for="item in formItems" :key="item.key" :prop="item.key">
                 <template #label>
                     {{ item.label }}
@@ -57,7 +58,8 @@ export default {
         return {
             formData: {},
             formItems: [],
-            rules: {}
+            rules: {},
+            meto: ""
         }
     },
     watch: {
@@ -72,6 +74,7 @@ export default {
                     this.rules = platformConfig.model_config.rules || {}
                     // 初始化表单数据
                     this.formData = { "series": platformConfig.avatar }
+                    this.meto = platformConfig.model_config.meto
                 }
             },
             deep: true,
@@ -116,6 +119,20 @@ export default {
     }
 }
 
+.meto-tip {
+    background: #f4f8fb;
+    color: #409eff;
+    border-left: 4px solid #409eff;
+    border-radius: 6px;
+    padding: 10px 16px;
+    margin-bottom: 18px;
+    font-size: 12px;
+    line-height: 1.6;
+    word-break: break-all;
+    box-shadow: 0 2px 8px rgba(64,158,255,0.06);
+    transition: background 0.3s;
+}
+
 .dialog-footer {
     display: flex;
     flex-direction: column;

thchat-ui/src/views/about/index.vue

@@ -3,7 +3,7 @@
         <div class="title-section">
             <img :src="logoSrc" class="logo" alt="logo" />
 
-            <span class="title">THChatUI<span style="font-size: 12px; color: #999;">v3.0.1</span></span>
+            <span class="title">THChatUI<span style="font-size: 12px; color: #999;">v3.0.2</span></span>
             <p class="subtitle">欢迎使用<span>THChatUI</span>，一个基于<span>Vue</span>和<span>Element Plus</span>的Web对话管理WebUI。目前支持以下平台：<b>Web PC端、Web 移动端、Wins桌面端。</b></p>
 
             <p>
@@ -30,6 +30,13 @@
         <div class="changelog-section">
             <h2>更新日志</h2>
 
+            <div class="version-block">
+                <h3>v3.0.2 - 2025.05.07</h3>
+                <ul>
+                    <li>[add] 新增了Dify平台的支持</li>
+                </ul>
+            </div>
+
             <div class="version-block">
                 <h3>v3.0.1 - 2025.05.05</h3>
                 <ul>