From e0693c42abaa7b99668d5a68998f2956a2d8d5e7 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Tue, 10 Nov 2026 17:39:50 +0800
Subject: [PATCH] fix: Talk Page Disclaimer

---
 ui/src/conversation-panel/main/chat-panel/index.vue  | 12 ++++++++++--
 .../main/portal-chat-panel/index.vue                 | 11 ++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/ui/src/conversation-panel/main/chat-panel/index.vue b/ui/src/conversation-panel/main/chat-panel/index.vue
index fa71efb4d2a..8eed9dadb8a 100644
--- a/ui/src/conversation-panel/main/chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/chat-panel/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import ChatHeader from '../../components/header/chat/index.vue'
 import MessageList from '../../components/message-list/index.vue'
 import MessageInput from '../../components/message-input/index.vue'
@@ -16,12 +17,16 @@ const list = useConversationListStore()
 const input = useMessageInputStore()
 // 拖拽到面板任意处 → 交给 message-input 接收文件
 const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
+// 开启免责声明时在输入框下方居中显示，与显示设置预览一致
+const disclaimerText = computed(() => (list.appInfo.value?.disclaimer ? list.appInfo.value.disclaimer_value : ''))
 </script>
 <template>
   <!-- 带输入框的主面板:header + message-list + message-input -->
   <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>
+    <slot name="header">
+      <ChatHeader :shareable="shareable" @share="emit('share')" />
+    </slot>
     <!-- 聊天背景铺满标题栏以下的消息区与输入区，与显示设置预览一致 -->
     <div
       class="flex-column min-h-0 flex-1 bg-cover bg-center"
@@ -29,7 +34,10 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
     >
       <MessageList :key="list.currentChatId.value" :app-name="list.appInfo.value?.name || 'AI 助手'"></MessageList>
 
-      <footer v-if="!list.isShared.value" class="mk-conversation-content flex-center shrink-0 p-4"><MessageInput /></footer>
+      <footer v-if="!list.isShared.value" class="mk-conversation-content flex-col-center shrink-0 gap-2 p-4">
+        <MessageInput />
+        <p v-if="disclaimerText" class="wrap-anywhere text-center text-sm text-N500 -mb-1">{{ disclaimerText }}</p>
+      </footer>
     </div>
   </main>
 </template>
diff --git a/ui/src/conversation-panel/main/portal-chat-panel/index.vue b/ui/src/conversation-panel/main/portal-chat-panel/index.vue
index 7144b1d06a1..0dfb304fa93 100644
--- a/ui/src/conversation-panel/main/portal-chat-panel/index.vue
+++ b/ui/src/conversation-panel/main/portal-chat-panel/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { useShareLinkStoreOptional } from '../../components/message-list/share/index'
 import PortalHeader from '../../components/header/portal/index.vue'
 import MessageList from '../../components/message-list/index.vue'
@@ -16,6 +17,11 @@ const portalList = usePortalConversationListStore()
 
 // 拖拽到面板任意处 → 交给 message-input 接收文件
 const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
+
+// 当前智能体开启免责声明时在输入框下方居中显示，与显示设置预览一致
+const disclaimerText = computed(() =>
+  portalList.currentApplicationId.value && list.appInfo.value?.disclaimer ? list.appInfo.value.disclaimer_value : '',
+)
 </script>
 <template>
   <!-- 门户对话主面板:header + message-list + message-input -->
@@ -27,6 +33,9 @@ const handleDrop = (e: DragEvent) => input.addFiles(e.dataTransfer?.files)
     <div v-else class="flex-center min-h-0 flex-1">
       <MkEmpty v-if="portalList.isApplicationGroupsLoaded.value" description="暂无可用智能体" />
     </div>
-    <footer v-if="!list.isShared.value" class="mk-conversation-content flex-center shrink-0 p-4"><MessageInput /></footer>
+    <footer v-if="!list.isShared.value" class="mk-conversation-content flex-col-center shrink-0 gap-2 p-4">
+      <MessageInput />
+      <p v-if="disclaimerText" class="wrap-anywhere text-center text-sm text-N500 -mb-1">{{ disclaimerText }}</p>
+    </footer>
   </main>
 </template>