diff --git a/ui/src/conversation-panel/components/log-message-footer/feedback/FeedbackCard.vue b/ui/src/conversation-panel/components/log-message-footer/feedback/FeedbackCard.vue
new file mode 100644
index 00000000000..94074bd68c1
--- /dev/null
+++ b/ui/src/conversation-panel/components/log-message-footer/feedback/FeedbackCard.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { ChatFeedback } from '@/api/types'
+
+const props = defineProps<{ feedback: ChatFeedback }>()
+const status = computed(() => props.feedback.vote_status)
+const reason = computed(() => props.feedback.vote_reason)
+const content = computed(() => props.feedback.vote_other_content ?? '')
+
+const reasons = computed(() =>
+  props.feedback.vote_status === '0'
+    ? ([
+        { value: 'accurate', label: '内容准确' },
+        { value: 'complete', label: '内容完善' },
+        { value: 'other', label: '其他' },
+      ] as const)
+    : ([
+        { value: 'inaccurate', label: '内容不准确' },
+        { value: 'incomplete', label: '内容不完善' },
+        { value: 'other', label: '其他' },
+      ] as const),
+)
+</script>
+
+<template>
+  <div class="mk-gray-card-lg border w-full space-y-3 mb-4">
+    <div>
+      <h4>{{ status === '0' ? '你觉得什么让你满意？' : '请告诉我们不满意的原因' }}</h4>
+    </div>
+    <div class="flex flex-wrap gap-2">
+      <template v-for="option in reasons" :key="option.value">
+        <!-- 只读展示反馈原因 -->
+        <el-check-tag :checked="reason === option.value" disabled>
+          {{ option.label }}
+        </el-check-tag>
+      </template>
+    </div>
+    <el-input v-if="reason === 'other'" :model-value="content" type="textarea" :rows="4" disabled placeholder="告诉我们更多关于你的相关体验" />
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/log-message-footer/feedback/index.vue b/ui/src/conversation-panel/components/log-message-footer/feedback/index.vue
new file mode 100644
index 00000000000..4b61d073e59
--- /dev/null
+++ b/ui/src/conversation-panel/components/log-message-footer/feedback/index.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { ChatFeedback } from '@/api/types'
+
+defineOptions({ name: 'LogMessageFeedback' })
+defineProps<{ status?: ChatFeedback['vote_status'] }>()
+</script>
+
+<template>
+  <span v-if="status === '0'">
+    <!-- 只读展示满意反馈 -->
+    <el-button text disabled>
+      <MkIcon name="icon_thumbsup_filled" class="text-[#FFC60A]!" />
+    </el-button>
+  </span>
+  <span v-if="status === '1'">
+    <!-- 只读展示不满意反馈 -->
+    <el-button text disabled>
+      <MkIcon name="icon_thumbdown_filled" class="text-danger!" />
+    </el-button>
+  </span>
+</template>
diff --git a/ui/src/conversation-panel/components/log-message-footer/index.vue b/ui/src/conversation-panel/components/log-message-footer/index.vue
index a31c84380b7..af487caa5ea 100644
--- a/ui/src/conversation-panel/components/log-message-footer/index.vue
+++ b/ui/src/conversation-panel/components/log-message-footer/index.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type ChatLogApi from '@/api/admin/workspace/application/chat-log'
 import ButtonImprove from './improve/ButtonImprove.vue'
+import LogMessageFeedback from './feedback/index.vue'
+import FeedbackCard from './feedback/FeedbackCard.vue'
 import { computed } from 'vue'
 import type { ChatContent } from '@/api/types'
 import { copyText } from '@/utils/clipboard'
@@ -85,9 +87,11 @@ const openExecutionDetail = () => {
           :answer="answerText"
         />
       </span>
+      <!-- 反馈 -->
+      <LogMessageFeedback :status="meta.feedback?.vote_status" />
       <!-- 时间 -->
       <span v-if="meta.createTime" class="text-N600 ml-1">{{ datetimeFormat(meta.createTime) }}</span>
     </div>
-    <div></div>
+    <FeedbackCard v-if="meta.feedback && (meta.feedback.vote_status === '0' || meta.feedback.vote_status === '1')" :feedback="meta.feedback" />
   </div>
 </template>
diff --git a/ui/src/conversation-panel/components/log-message-list/index.ts b/ui/src/conversation-panel/components/log-message-list/index.ts
index eb9f4d76b0c..9c2e0544003 100644
--- a/ui/src/conversation-panel/components/log-message-list/index.ts
+++ b/ui/src/conversation-panel/components/log-message-list/index.ts
@@ -19,6 +19,7 @@ const buildRecordMeta = (raw: ChatLogRecord): ChatRecordMeta => ({
   runTime: raw.run_time || 0,
   knowledgeCount: (raw.paragraph_list || []).length,
   executionDetails: raw.execution_details || [],
+  feedback: { vote_status: raw.vote_status ?? '-1', vote_reason: raw.vote_reason, vote_other_content: raw.vote_other_content },
 })
 
 export function createLogMessageListStore(deps: LogMessageListDeps) {
diff --git a/ui/src/conversation-panel/components/message-footer/feedback/ButtonFeedback.vue b/ui/src/conversation-panel/components/message-footer/feedback/ButtonFeedback.vue
new file mode 100644
index 00000000000..d76da25c66c
--- /dev/null
+++ b/ui/src/conversation-panel/components/message-footer/feedback/ButtonFeedback.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { ChatFeedback } from '@/api/types'
+
+defineProps<{
+  currentStatus: ChatFeedback['vote_status']
+  submitting: boolean
+}>()
+const emit = defineEmits<{ select: [status: '0' | '1'] }>()
+</script>
+
+<template>
+  <div class="flex-align-center gap-1">
+    <!-- 打开满意反馈，再次点击已评价按钮可撤销 -->
+    <MkTooltip v-if="currentStatus === '-1' || currentStatus === '0'" :content="currentStatus === '0' ? '取消赞同' : '赞同'">
+      <el-button text :disabled="submitting" @click="emit('select', '0')">
+        <MkIcon v-if="currentStatus === '0'" name="icon_thumbsup_filled" class="text-[#FFC60A]!" />
+        <MkIcon v-else name="icon_thumbsup_outlined" />
+      </el-button>
+    </MkTooltip>
+    <!-- 打开不满意反馈，再次点击已评价按钮可撤销 -->
+    <MkTooltip v-if="currentStatus === '-1' || currentStatus === '1'" :content="currentStatus === '1' ? '取消反对' : '反对'">
+      <el-button text :disabled="submitting" @click="emit('select', '1')">
+        <MkIcon v-if="currentStatus === '1'" name="icon_thumbdown_filled" class="text-danger!" />
+        <MkIcon v-else name="icon_thumbdown_outlined" />
+      </el-button>
+    </MkTooltip>
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/message-footer/feedback/FeedbackCard.vue b/ui/src/conversation-panel/components/message-footer/feedback/FeedbackCard.vue
new file mode 100644
index 00000000000..33092145c24
--- /dev/null
+++ b/ui/src/conversation-panel/components/message-footer/feedback/FeedbackCard.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { ChatFeedback } from '@/api/types'
+
+const props = defineProps<{ status: '0' | '1'; submitting: boolean }>()
+const reason = defineModel<ChatFeedback['vote_reason']>('reason', { required: true })
+const content = defineModel<string>('content', { required: true })
+const emit = defineEmits<{ cancel: []; submit: [] }>()
+
+const reasons = computed(() =>
+  props.status === '0'
+    ? ([
+        { value: 'accurate', label: '内容准确' },
+        { value: 'complete', label: '内容完善' },
+        { value: 'other', label: '其他' },
+      ] as const)
+    : ([
+        { value: 'inaccurate', label: '内容不准确' },
+        { value: 'incomplete', label: '内容不完善' },
+        { value: 'other', label: '其他' },
+      ] as const),
+)
+</script>
+
+<template>
+  <div class="mk-gray-card-lg border w-full space-y-3 mb-4">
+    <div class="flex items-center justify-between gap-2">
+      <h4>{{ status === '0' ? '你觉得什么让你满意？' : '请告诉我们不满意的原因' }}</h4>
+      <!-- 关闭反馈填写面板 -->
+      <el-button text :disabled="submitting" @click="emit('cancel')"><MkIcon name="icon_close_outlined" /></el-button>
+    </div>
+    <div class="flex flex-wrap gap-2">
+      <template v-for="option in reasons" :key="option.value">
+        <!-- 选择或取消反馈原因 -->
+        <el-check-tag :checked="reason === option.value" :disabled="submitting" @change="reason = reason === option.value ? null : option.value">
+          {{ option.label }}
+        </el-check-tag>
+      </template>
+    </div>
+    <el-input
+      v-if="reason === 'other'"
+      v-model="content"
+      type="textarea"
+      :rows="4"
+      :disabled="submitting"
+      placeholder="告诉我们更多关于你的相关体验"
+    />
+    <div class="text-right">
+      <!-- 取消本次反馈 -->
+      <el-button class="w-16! min-w-0!" plain :disabled="submitting" @click="emit('cancel')">取消</el-button>
+      <!-- 提交反馈与补充说明 -->
+      <el-button
+        class="w-16! min-w-0!"
+        type="primary"
+        :loading="submitting"
+        :disabled="!reason || (reason === 'other' && !content.trim())"
+        @click="emit('submit')"
+      >
+        提交
+      </el-button>
+    </div>
+  </div>
+</template>
diff --git a/ui/src/conversation-panel/components/message-footer/feedback/index.vue b/ui/src/conversation-panel/components/message-footer/feedback/index.vue
deleted file mode 100644
index 2d74a633662..00000000000
--- a/ui/src/conversation-panel/components/message-footer/feedback/index.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import type { ChatFeedback } from '@/api/types'
-import type { ChatMessage } from '../../../core/types'
-import { useMessageListStore } from '../../message-list'
-import { MsgSuccess } from '@/utils/message'
-
-defineOptions({ name: 'MessageFeedback' })
-
-const FEEDBACK_OPTIONS = [
-  { status: '0', label: '赞同', icon: 'thumbsup' },
-  { status: '1', label: '反对', icon: 'thumbdown' },
-] as const
-
-const props = defineProps<{ message: ChatMessage }>()
-const { feedback } = useMessageListStore()
-const draftStatus = ref<'0' | '1'>()
-const reason = ref<ChatFeedback['vote_reason']>(null)
-const content = ref('')
-const submitting = ref(false)
-const currentStatus = computed(() => props.message.record?.feedback?.vote_status ?? '-1')
-const reasons = computed(() =>
-  draftStatus.value === '0'
-    ? ([
-        { value: 'accurate', label: '内容准确' },
-        { value: 'complete', label: '内容完善' },
-        { value: 'other', label: '其他' },
-      ] as const)
-    : ([
-        { value: 'inaccurate', label: '内容不准确' },
-        { value: 'incomplete', label: '内容不完善' },
-        { value: 'other', label: '其他' },
-      ] as const),
-)
-
-// 已提交反馈先撤销再重新评价，避免后端重复投票；请求失败保留草稿。
-async function saveFeedback(data: ChatFeedback) {
-  if (!feedback || !props.message.recordId || submitting.value) return
-  const message = props.message
-  submitting.value = true
-  try {
-    await feedback(message.recordId!, data)
-    if (message.record) message.record.feedback = data
-    draftStatus.value = undefined
-    MsgSuccess(data.vote_status === '-1' ? '已取消反馈' : '感谢你的反馈')
-  } catch {
-    // 请求层统一提示错误，保留当前填写内容供重试。
-  } finally {
-    submitting.value = false
-  }
-}
-
-function openFeedback(status: '0' | '1') {
-  if (currentStatus.value === status) {
-    void saveFeedback({ vote_status: '-1' })
-    return
-  }
-  draftStatus.value = draftStatus.value === status ? undefined : status
-  reason.value = null
-  content.value = ''
-}
-</script>
-
-<template>
-  <div v-if="feedback && message.recordId && message.record" class="flex-align-center gap-1">
-    <template v-if="feedback && message.recordId && message.record">
-      <template v-for="option in FEEDBACK_OPTIONS" :key="option.status">
-        <!-- 打开评价面板，再次点击已评价按钮可撤销反馈 -->
-        <MkTooltip :content="currentStatus === option.status ? `取消${option.label}` : option.label">
-          <el-button
-            text
-            :disabled="submitting || (currentStatus !== '-1' && currentStatus !== option.status)"
-            :class="{ 'text-primary!': currentStatus === option.status || draftStatus === option.status }"
-            @click="openFeedback(option.status)"
-          >
-            <MkIcon :name="`icon_${option.icon}_${currentStatus === option.status ? 'filled' : 'outlined'}`" />
-          </el-button>
-        </MkTooltip>
-      </template>
-    </template>
-  </div>
-  <div v-if="draftStatus" class="mk-gray-card-lg border w-full space-y-3">
-    <div class="flex items-center justify-between gap-2">
-      <span class="font-medium">{{ draftStatus === '0' ? '你觉得什么让你满意？' : '请告诉我们不满意的原因' }}</span>
-      <!-- 关闭反馈填写面板 -->
-      <el-button text :disabled="submitting" @click="draftStatus = undefined"><MkIcon name="icon_close_outlined" /></el-button>
-    </div>
-    <div class="flex flex-wrap gap-2">
-      <template v-for="option in reasons" :key="option.value">
-        <!-- 选择或取消反馈原因 -->
-        <el-check-tag
-          type="info"
-          :checked="reason === option.value"
-          :disabled="submitting"
-          @change="reason = reason === option.value ? null : option.value"
-        >
-          {{ option.label }}
-        </el-check-tag>
-      </template>
-    </div>
-    <el-input v-model="content" type="textarea" :rows="3" :disabled="submitting" placeholder="告诉我们更多关于你的相关体验" />
-    <div class="text-right">
-      <!-- 取消本次反馈 -->
-      <el-button class="w-16! min-w-0!" plain :disabled="submitting" @click="draftStatus = undefined">取消</el-button>
-      <!-- 提交反馈与补充说明 -->
-      <el-button
-        class="w-16! min-w-0!"
-        type="primary"
-        :loading="submitting"
-        @click="saveFeedback({ vote_status: draftStatus, vote_reason: reason, vote_other_content: content.trim() })"
-      >
-        提交
-      </el-button>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss"></style>
diff --git a/ui/src/conversation-panel/components/message-footer/index.vue b/ui/src/conversation-panel/components/message-footer/index.vue
index 4ebbd017f44..c67ed3eff7e 100644
--- a/ui/src/conversation-panel/components/message-footer/index.vue
+++ b/ui/src/conversation-panel/components/message-footer/index.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
-import { computed, inject } from 'vue'
-// import Feedback from './feedback/index.vue'
-import type { ChatContent } from '@/api/types'
+import { computed, inject, onBeforeUnmount, onMounted, ref } from 'vue'
+import ButtonFeedback from './feedback/ButtonFeedback.vue'
+import FeedbackCard from './feedback/FeedbackCard.vue'
+import { MsgSuccess } from '@/utils/message'
+import type { ChatContent, ChatFeedback } from '@/api/types'
 import { copyText } from '@/utils/clipboard'
 import { datetimeFormat } from '@/utils/time'
 import type { ChatMessage, ChatRecordMeta } from '../../core/types'
@@ -12,6 +14,16 @@ import { SHAREABLE_VIEWS, useShareLinkStoreOptional } from '../message-list/shar
 import { useViewType } from '../../view/index'
 
 const props = defineProps<{ message: ChatMessage }>()
+const emit = defineEmits<{ resize: [] }>()
+const footerRef = ref<HTMLElement>()
+
+// 反馈展开动画逐帧改变高度，由消息列表决定是否继续跟随底部。
+let footerObserver: ResizeObserver | undefined
+onMounted(() => {
+  footerObserver = new ResizeObserver(() => emit('resize'))
+  if (footerRef.value) footerObserver.observe(footerRef.value)
+})
+onBeforeUnmount(() => footerObserver?.disconnect())
 
 // 仅提供分享服务的视图（对话、门户）显示分享入口；进入分享时预先勾选当前回答所属轮次。
 const showShare = SHAREABLE_VIEWS.includes(useViewType())
@@ -48,12 +60,46 @@ const answerText = computed(() => collectAnswerText(props.message.content))
 const openExecutionDetail = () => {
   detail.showExecutionDetail(meta.value.executionDetails || [])
 }
+// 消息反馈：Footer 协调按钮、草稿面板与提交状态。
+const canFeedback = computed(() => Boolean(messageList?.feedback && props.message.recordId && props.message.record))
+const draftStatus = ref<'0' | '1'>()
+const reason = ref<ChatFeedback['vote_reason']>(null)
+const content = ref('')
+const submitting = ref(false)
+const currentStatus = computed(() => props.message.record?.feedback?.vote_status ?? '-1')
+
+// 已提交反馈先撤销再重新评价，避免后端重复投票；请求失败保留草稿。
+async function saveFeedback(data: ChatFeedback) {
+  if (!messageList?.feedback || !props.message.recordId || submitting.value) return
+  const message = props.message
+  submitting.value = true
+  try {
+    await messageList.feedback(message.recordId!, data)
+    if (message.record) message.record.feedback = data
+    draftStatus.value = undefined
+    MsgSuccess(data.vote_status === '-1' ? '已取消反馈' : '感谢你的反馈')
+  } catch {
+    // 请求层统一提示错误，保留当前填写内容供重试。
+  } finally {
+    submitting.value = false
+  }
+}
+
+function openFeedback(status: '0' | '1') {
+  if (currentStatus.value === status) {
+    void saveFeedback({ vote_status: '-1' })
+    return
+  }
+  draftStatus.value = draftStatus.value === status ? undefined : status
+  reason.value = null
+  content.value = ''
+}
 </script>
 
 <style scoped lang="scss"></style>
 
 <template>
-  <div class="mk-conversation-message-footer space-y-2">
+  <div ref="footerRef" class="mk-conversation-message-footer space-y-2">
     <!-- 助手消息底部信息栏:知识来源 / 执行详情 / Tokens · 耗时  -->
     <div class="flex-align-center gap-1">
       <el-button v-if="meta.knowledgeCount" text class="-ml-1">
@@ -87,9 +133,19 @@ const openExecutionDetail = () => {
           </el-button>
         </MkTooltip>
       </span>
-
-      <!-- <Feedback :message="message" /> -->
-      <span v-if="meta.createTime" class="text-N600 ml-2">{{ datetimeFormat(meta.createTime) }}</span>
+      <ButtonFeedback v-if="canFeedback" :current-status="currentStatus" :submitting="submitting" @select="openFeedback" />
+      <span v-if="meta.createTime" class="text-N600 ml-1">{{ datetimeFormat(meta.createTime) }}</span>
     </div>
+    <el-collapse-transition>
+      <FeedbackCard
+        v-if="draftStatus"
+        v-model:reason="reason"
+        v-model:content="content"
+        :status="draftStatus"
+        :submitting="submitting"
+        @cancel="draftStatus = undefined"
+        @submit="saveFeedback({ vote_status: draftStatus, vote_reason: reason, vote_other_content: reason === 'other' ? content.trim() : '' })"
+      />
+    </el-collapse-transition>
   </div>
 </template>
diff --git a/ui/src/conversation-panel/components/message-list/index.vue b/ui/src/conversation-panel/components/message-list/index.vue
index 3b9018dfd9a..9e85763b039 100644
--- a/ui/src/conversation-panel/components/message-list/index.vue
+++ b/ui/src/conversation-panel/components/message-list/index.vue
@@ -15,7 +15,10 @@ defineProps<{ appName?: string }>()
 const { appInfo, messages, loading, streamLoading, hasMore, loadMore, onStreamProgress, sendMessage } = useMessageListStore()
 const { isShared } = useConversationListStore()
 // 消息内容项（如表单）经此发起续跑；分享时收回发送能力，内容项只读
-provide(SEND_MESSAGE_KEY, computed(() => (isShared.value ? null : sendMessage)))
+provide(
+  SEND_MESSAGE_KEY,
+  computed(() => (isShared.value ? null : sendMessage)),
+)
 // 分享选择的记录 ID、勾选与提交由分享链接 Store 维护；未提供时（调试等）不进入分享选择。
 const shareLink = useShareLinkStoreOptional()
 const scrollRef = ref<InstanceType<typeof ReverseInfiniteScroll>>()
@@ -66,7 +69,12 @@ const showUserAvatar = computed(() => appInfo.value?.show_user_avatar)
           <ApplicationIcon v-if="showAvatar" :icon="avatar" :size="24" class="shrink-0" />
           <ContentList :content-list="msg.content" />
           <!-- 助手消息结束后显示底部信息栏(知识来源/执行详情/tokens/耗时) -->
-          <MessageFooter class="mt-3" v-if="!isShared && msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
+          <MessageFooter
+            class="mt-3"
+            v-if="!isShared && msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)"
+            :message="msg"
+            @resize="scrollRef?.followBottom()"
+          />
         </template>
       </ShareMessageRow>
     </template>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index cfe33d6aa1b..a26038e4b18 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -1331,7 +1331,22 @@
     font-size: 14px;
   }
 }
-
+.el-check-tag {
+  font-weight: 400;
+  color: var(--el-text-color-primary);
+  background-color: var(--mk-N900-transparent-10);
+  &--primary {
+    &.is-checked,
+    &.is-checked.is-disabled {
+      background-color: rgba(var(--mk-primary-rgb) / 20%) !important;
+      color: var(--el-color-primary-dark-2) !important;
+    }
+    &.is-disabled {
+      background-color: var(--mk-N900-transparent-10) !important;
+      color: var(--mk-N500) !important;
+    }
+  }
+}
 /* textarea */
 .el-textarea {
   --el-input-placeholder-color: var(--mk-N500);
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index d38aed9805d..85a642b2bad 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -508,7 +508,14 @@ View 负责路由、资源与模式、图加载、保存／发布／调试编排
 
 ### 对话消息反馈
 
-`conversation-panel/components/message-footer/feedback/` 维护满意／不满意入口与内联原因面板。
+`conversation-panel/components/message-footer/feedback/` 内的 `ButtonFeedback.vue` 和 `FeedbackCard.vue`
+分别维护满意／不满意按钮与内联原因面板，由消息 Footer 管理草稿、提交状态和保存请求，
+将按钮组合到操作栏、面板组合到操作栏下方；时间保持在操作栏内。
 正式单应用、门户对话通过可选的 `ConversationApiAdapter.feedback` 接入保存，调试端未装配时
 不展示入口。反馈提交成功后更新消息记录，失败保留草稿；已评价按钮支持撤销，再评价需先撤销。
-日志消息继续使用独立日志 Footer。
+未评价时展示两个反馈入口，提交成功后仅展示对应的彩色撤销按钮，撤销成功后恢复两个入口。
+反馈面板高度变化时由 Footer 通知消息列表复用底部跟随；用户在底部附近时随展开动画滚动，
+已上滑离开底部时保留阅读位置。
+日志消息继续使用独立日志 Footer，`log-message-footer/feedback/` 根据记录的反馈状态只读展示
+对应的彩色禁用按钮，并在操作栏下方通过本地 `FeedbackCard.vue` 展示已保存原因与补充内容。
+原因、输入框和操作按钮全部禁用；未评价时不展示反馈区域，不发起提交或撤销请求。