From 8bb2b58ee570d3706714673132347f0b2ffe8347 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 28 Oct 2026 10:38:12 +0800
Subject: [PATCH] fix: uuidv7

---
 ui/src/conversation-panel/index.scss                      | 7 +++++++
 .../left-sidebar/conversation-list/index.ts               | 4 ++--
 ui/src/conversation-panel/main/chat-panel/index.vue       | 8 ++------
 ui/src/styles/STYLE_README.md                             | 3 +++
 ui/src/views/chat/login/index.vue                         | 4 ++--
 ui/src/views/login/admin-login-service.ts                 | 4 ++--
 ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue   | 8 ++++----
 ui/src/views/workflow/tool/debug/ResultDrawer.vue         | 4 ++--
 8 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/ui/src/conversation-panel/index.scss b/ui/src/conversation-panel/index.scss
index d5a034010b3..0f757916f70 100644
--- a/ui/src/conversation-panel/index.scss
+++ b/ui/src/conversation-panel/index.scss
@@ -13,6 +13,13 @@
   width: 50px;
 }
 
+/* 对话正文：消息列表与底部输入区共用宽度和居中布局。 */
+.mk-conversation-content {
+  margin-inline: auto;
+  max-width: 800px;
+  width: 100%;
+}
+
 /* 对话左右两侧 */
 .mk-conversation-side-panel {
   /* 固定侧栏内容宽度，避免展开和收起时内容变形。 */
diff --git a/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts b/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
index ca24b483447..24a9ab41276 100644
--- a/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
+++ b/ui/src/conversation-panel/left-sidebar/conversation-list/index.ts
@@ -1,5 +1,5 @@
 import { computed, inject, ref, type InjectionKey, type Ref } from 'vue'
-import { v4 as uuidv4 } from 'uuid'
+import { v7 as uuidv7 } from 'uuid'
 import type { Conversation, ConversationAccount, ConversationAppInfo } from '../../core/types'
 
 // 由 Chat / Debug 入口注入本组件需要的会话接口。
@@ -62,7 +62,7 @@ export function createConversationListStore(deps: ConversationListDeps) {
   // 仅在需要时生成会话 ID，保证上传文件的 source_id 与发送消息使用同一 ID。
   const getChatId = () => {
     if (currentChatId.value) return currentChatId.value
-    currentChatId.value = uuidv4()
+    currentChatId.value = uuidv7()
     return currentChatId.value
   }
 
diff --git a/ui/src/conversation-panel/main/chat-panel/index.vue b/ui/src/conversation-panel/main/chat-panel/index.vue
index b75e80ba13f..b1fcb2b3a44 100644
--- a/ui/src/conversation-panel/main/chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/chat-panel/index.vue
@@ -22,12 +22,8 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
   <main class="mk-conversation-main" @drop.prevent="handleDrop" @dragover.prevent>
     <!-- 头部可被替换(如 debug 用 debug header);默认普通 chat header -->
     <slot name="header"><ChatHeader :shareable="shareable" @share="emit('share')" /></slot>
-    <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'" >
-      <template #welcome>
+    <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'" class="mk-conversation-content"></MessageList>
 
-      </template>
-    </MessageList>
-
-    <footer class="flex-center shrink-0 p-4"><MessageInput /></footer>
+    <footer class="mk-conversation-content flex-center shrink-0 p-4"><MessageInput /></footer>
   </main>
 </template>
diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index eb50da7b7a1..edd148a583d 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -38,6 +38,9 @@ Element Plus 覆盖、主题变量和应用样式。Chat 入口还显式引入 E
 当前 `overflow: hidden` 已允许面板在 Flex 主轴上收缩，无需重复设置 `min-width: 0`；
 也不额外设置 `min-height: 0`、`height: 100%` 或 `max-height: 100%`，消息列表负责内部滚动。
 
+消息列表与底部输入区可共用 `mk-conversation-content`，在对话模块公共样式中统一设置
+宽度 100%、最大宽度 800px 和水平居中。
+
 用户提问容器使用 `mk-conversation-question-content`，在对话模块公共样式中控制靠右、
 随内容收缩及最大 85% 宽度。文字气泡使用 `mk-gray-card-lg`，换行规则在模板中组合工具类。
 提问附件参考输入区的卡片外观，通过 Flex 按容器宽度自动换行并靠右排列；已发送附件不展示
diff --git a/ui/src/views/chat/login/index.vue b/ui/src/views/chat/login/index.vue
index 7db2690df7d..13d24e048e4 100644
--- a/ui/src/views/chat/login/index.vue
+++ b/ui/src/views/chat/login/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useRoute, useRouter, type RouteLocationRaw } from 'vue-router'
-import { v4 as uuidv4 } from 'uuid'
+import { v7 as uuidv7 } from 'uuid'
 import ChatAuthApi from '@/api/chat/auth'
 import { CHAT_API_BASE_PATH } from '@/api/constants'
 import { LOGIN_METHOD } from '@/api/enums'
@@ -65,7 +65,7 @@ const getExternalLoginUrl = (authType: LoginMethod): Promise<string> => {
     // OAuth2 通过 state 透传 accessToken
     if (!config.authEndpoint || !config.clientId) return ''
     const redirectUrl = `${config.redirectUrl}${queryString ? `&${queryString}` : ''}`
-    const state = accessToken ? `${uuidv4()}_${accessToken}` : uuidv4()
+    const state = accessToken ? `${uuidv7()}_${accessToken}` : uuidv7()
     let url = `${config.authEndpoint}?client_id=${config.clientId}&response_type=code&redirect_uri=${redirectUrl}&state=${state}`
     if (config.scope) url += `&scope=${config.scope}`
     return url
diff --git a/ui/src/views/login/admin-login-service.ts b/ui/src/views/login/admin-login-service.ts
index c53ad1a0cf2..70fc6258c0c 100644
--- a/ui/src/views/login/admin-login-service.ts
+++ b/ui/src/views/login/admin-login-service.ts
@@ -1,7 +1,7 @@
 /** Admin 登录页与外观设置登录预览使用的登录服务，对接 Admin 认证接口与 Store。 */
 
 import { useRouter } from 'vue-router'
-import { v4 as uuidv4 } from 'uuid'
+import { v7 as uuidv7 } from 'uuid'
 import ExternalLoginApi from '@/api/admin/auth/external-login'
 import LoginApi from '@/api/admin/auth/login'
 import { ADMIN_API_BASE_PATH } from '@/api/constants'
@@ -31,7 +31,7 @@ const getExternalLoginUrl = (authType: LoginMethod): Promise<string> => {
     }
     if (authType === LOGIN_METHOD.OAUTH2) {
       if (!config.authEndpoint || !config.clientId) return ''
-      let url = `${config.authEndpoint}?client_id=${config.clientId}&response_type=code&redirect_uri=${redirectUrl}&state=${uuidv4()}`
+      let url = `${config.authEndpoint}?client_id=${config.clientId}&response_type=code&redirect_uri=${redirectUrl}&state=${uuidv7()}`
       if (config.scope) url += `&scope=${config.scope}`
       return url
     }
diff --git a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
index 05d8787da1f..b8bdb94272e 100644
--- a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
+++ b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
@@ -18,7 +18,7 @@ import WorkflowApi from '@/api/admin/workspace/tool/workflow'
 import RequestParameters from './request-parameters/RequestParametersTable.vue'
 import { copyText } from '@/utils/clipboard'
 import { MsgSuccess } from '@/utils/message'
-import { v4 as uuidv4 } from 'uuid'
+import { v7 as uuidv7 } from 'uuid'
 
 const props = withDefaults(
   defineProps<{
@@ -43,7 +43,7 @@ const resources = ref<Record<string, Partial<ApplicationDetail & ToolItem>>>({})
 
 function createDefaultForm(): TriggerPayload {
   return {
-    id: uuidv4(),
+    id: uuidv7(),
     name: '',
     desc: '',
     trigger_type: TRIGGER_TYPE.SCHEDULED,
@@ -54,7 +54,7 @@ function createDefaultForm(): TriggerPayload {
       days: [1],
       interval_unit: 'minutes',
       interval_value: 1,
-      token: uuidv4().replaceAll('-', ''),
+      token: uuidv7().replaceAll('-', ''),
       body: [],
     },
   }
@@ -200,7 +200,7 @@ function handleSelectTriggerType(type: TriggerPayload['trigger_type']) {
   formRef.value?.clearValidate('trigger_setting')
 }
 function handleRefreshToken() {
-  form.value.trigger_setting.token = uuidv4().replaceAll('-', '')
+  form.value.trigger_setting.token = uuidv7().replaceAll('-', '')
 }
 
 const rules: FormRules<TriggerPayload> = {
diff --git a/ui/src/views/workflow/tool/debug/ResultDrawer.vue b/ui/src/views/workflow/tool/debug/ResultDrawer.vue
index db186d77bc8..3146b6a9ccf 100644
--- a/ui/src/views/workflow/tool/debug/ResultDrawer.vue
+++ b/ui/src/views/workflow/tool/debug/ResultDrawer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, provide, ref } from 'vue'
 import { cloneDeep } from 'lodash'
-import { v4 as uuidv4 } from 'uuid'
+import { v7 as uuidv7 } from 'uuid'
 import WorkflowApi from '@/api/admin/workspace/tool/workflow'
 import type { ToolExecutionRecordDetail } from '@/api/types'
 import { MsgError } from '@/utils/message'
@@ -101,7 +101,7 @@ function open(parameters: Record<string, unknown>) {
   blocks.value = []
   record.value = undefined
   inputParameters = cloneDeep(parameters)
-  recordId = uuidv4()
+  recordId = uuidv7()
   activeTab.value = 'output'
   visible.value = true
   return execute()