diff --git a/package.json b/package.json
index 697e3fbab4a666eaa87794daa705d245d06ddc85..d5996896ef02cdd8af49db2141f0c09ff2f52eb7 100644
--- a/package.json
+++ b/package.json
@@ -112,9 +112,10 @@
     "@dcloudio/uni-mp-weixin": "3.0.0-4070620250821001",
     "@dcloudio/uni-mp-xhs": "3.0.0-4070620250821001",
     "@dcloudio/uni-quickapp-webview": "3.0.0-4070620250821001",
-    "abortcontroller-polyfill": "^1.7.8",
     "crypto-js": "^4.2.0",
     "dayjs": "1.11.10",
+    "highlight": "^0.2.4",
+    "markdown-it": "^14.1.0",
     "jsencrypt": "^3.5.4",
     "pinia": "2.0.36",
     "pinia-plugin-persistedstate": "3.2.1",
diff --git a/src/api/ai/chat/index.ts b/src/api/ai/chat/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f077e5689c7d799f67e311c3117d7eb5bd2b10ab
--- /dev/null
+++ b/src/api/ai/chat/index.ts
@@ -0,0 +1,44 @@
+import { http } from '@/http/http'
+
+export interface ChatConversationModel {
+  id: string
+  userId: number
+  title: string
+  pinned: boolean
+  roleId: number | null
+  modelId: number
+  model: string
+  modelName: string
+  systemMessage: string | null
+  temperature: number
+  maxTokens: number
+  maxContexts: number
+  createTime: number
+  roleAvatar: string | null
+  roleName: string | null
+  messageCount: number | null
+  transMap: Record<string, any>
+}
+
+/** 获取我的对话列表 */
+export async function getConversationList() {
+  return http.get<ChatConversationModel[]>('/ai/chat/conversation/my-list')
+}
+
+/** 获取我的对话详情 */
+export async function getChatConversationMy(id: number) {
+  return http.get<ChatConversationModel>(`/ai/chat/conversation/get-my?id=${id}`)
+}
+
+// 新增【我的】聊天对话
+export async function createChatConversationMy(data?: ChatConversationModel) {
+  return http.post<number>('/ai/chat/conversation/create-my', data)
+}
+// 更新【我的】聊天对话
+export async function updateChatConversationMy(data: ChatConversationModel) {
+  return http.put<void>(`/ai/chat/conversation/update-my`, data)
+}
+// 删除【我的】聊天对话
+export async function deleteChatConversationMy(id: number) {
+  return http.delete<boolean>(`/ai/chat/conversation/delete-my?id=${id}`)
+}
diff --git a/src/api/ai/message/index.ts b/src/api/ai/message/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ed4d365bc92328aec3ebf532885d53cc368ed06
--- /dev/null
+++ b/src/api/ai/message/index.ts
@@ -0,0 +1,127 @@
+import { http } from '@/http/http'
+import { useTokenStore } from '@/store/token'
+import { getEnvBaseUrl } from '@/utils'
+// 聊天VO
+export interface ChatMessageVO {
+  id: number // 编号
+  conversationId: number // 对话编号
+  type: string // 消息类型
+  userId: string // 用户编号
+  roleId: string // 角色编号
+  model: number // 模型标志
+  modelId: number // 模型编号
+  content: string // 聊天内容
+  reasoningContent?: string // 推理内容
+  attachmentUrls?: string[] // 附件 URL 数组
+  tokens: number // 消耗 Token 数量
+  segmentIds?: number[] // 段落编号
+  segments?: {
+    id: number // 段落编号
+    content: string // 段落内容
+    documentId: number // 文档编号
+    documentName: string // 文档名称
+  }[]
+  webSearchPages?: {
+    name: string // 名称
+    icon: string // 图标
+    title: string // 标题
+    url: string // URL
+    snippet: string // 内容的简短描述
+    summary: string // 内容的文本摘要
+  }[]
+  createTime: Date // 创建时间
+  roleAvatar: string // 角色头像
+  userAvatar: string // 用户头像
+}
+
+/**
+ * 获取对话的消息列表
+ */
+export function getChatMessageListByConversationId(conversationId: number) {
+  return http.get<ChatMessageVO[]>(`/ai/chat/message/list-by-conversation-id?conversationId=${conversationId}`)
+}
+
+// 发送 Stream 消息
+// @modify by panda 使用uni.request的sse支持，手动解释stream
+export async function sendChatMessageStream(
+  conversationId: number,
+  content: string,
+  ctrl,
+  enableContext: boolean,
+  enableWebSearch: boolean,
+  onMessage,
+  onError,
+  onClose,
+  attachmentUrls?: string[],
+) {
+  const tokenStore = useTokenStore()
+  const token = tokenStore.validToken
+  const baseUrl = getEnvBaseUrl()
+  let requestTask: any
+  try {
+    requestTask = uni.request({
+      url: `${baseUrl}/ai/chat/message/send-stream`,
+      method: 'POST',
+      enableChunked: true, // 这个地方需要开
+      responseType: 'arraybuffer',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${token}`,
+        'Accept': 'text/event-stream',
+      },
+      data: JSON.stringify({
+        conversationId,
+        content,
+        useContext: enableContext,
+        useSearch: enableWebSearch,
+        attachmentUrls: attachmentUrls || [],
+      }),
+      success() {
+        onClose()
+      },
+      fail(err) { onError(err) },
+    })
+  } catch (error) {
+    onError(error)
+  } finally {
+    let buffer = '' // 用于存储不完整的消息片段
+    requestTask.onChunkReceived((res) => {
+      const arrayBuffer = res.data
+      const uint8Array = new Uint8Array(arrayBuffer)
+      // 将 ArrayBuffer 转换为字符串
+      const textChunk = new TextDecoder().decode(uint8Array)
+
+      // --- 手动解析 SSE 格式 ---
+      buffer += textChunk
+      const messages = buffer.split('\n\n')
+
+      // 最后一个消息可能不完整，保留在 buffer 中
+      buffer = messages.pop()
+
+      messages.forEach((msg) => {
+        if (msg.startsWith('data:')) {
+          const dataStr = msg.substring(5) // 去掉 "data: "
+          if (dataStr === '[DONE]') {
+            return
+          }
+          try {
+            const data = JSON.parse(dataStr)
+            if (onMessage)
+              onMessage(data)
+          } catch (e) {
+            onError(e)
+          }
+        }
+      })
+    })
+
+    requestTask.offHeadersReceived(() => onClose())
+  }
+
+  return requestTask
+}
+
+// 删除消息
+export function deleteChatMessage(id: number) {
+  return http.delete(`/ai/chat/message/delete?id=${id}`)
+}
diff --git a/src/api/ai/model/index.ts b/src/api/ai/model/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c4d2e50c10eed369bb6138c0643974c4de9ae43f
--- /dev/null
+++ b/src/api/ai/model/index.ts
@@ -0,0 +1,20 @@
+import { http } from '@/http/http'
+
+export interface ModelVO {
+  id: number // 编号
+  keyId: number // API 秘钥编号
+  name: string // 模型名字
+  model: string // 模型标识
+  platform: string // 模型平台
+  type: number // 模型类型
+  sort: number // 排序
+  status: number // 状态
+  temperature?: number // 温度参数
+  maxTokens?: number // 单条回复的最大 Token 数量
+  maxContexts?: number // 上下文的最大 Message 数量
+}
+
+// 获得模型列表
+export async function getModelSimpleList(type?: number) {
+  return http.get<ModelVO[]>('/ai/model/simple-list', { type })
+}
diff --git a/src/components/markdown-view/index.vue b/src/components/markdown-view/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9a97b7beb5da7ddec02cf9dfc9afb6e69f0b494f
--- /dev/null
+++ b/src/components/markdown-view/index.vue
@@ -0,0 +1,196 @@
+<template>
+  <view ref="contentRef" class="markdown-view">
+    <!-- 使用 v-html 渲染 Markdown，注意内容需可信 -->
+    <div v-html="renderedMarkdown" />
+  </view>
+</template>
+
+<script setup lang="ts">
+import MarkdownIt from 'markdown-it'
+// import 'highlight.js/styles/vs2015.min.css'
+
+// 定义组件属性
+const props = defineProps({
+  content: {
+    type: String,
+    required: true,
+  },
+})
+
+const contentRef = ref()
+
+const md = new MarkdownIt({
+  // highlight(str, lang) {
+  //   return `<pre class="hljs"><code>${hljs.highlightAuto(str, lang).value}</code></pre>`
+  // },
+})
+
+/** 渲染 markdown */
+const renderedMarkdown = computed(() => {
+  return md.render(props.content)
+})
+
+/** 初始化 */
+onMounted(async () => {
+  // 添加 copy 监听
+  // contentRef.value.addEventListener('click', (e: any) => {
+  //   if (e.target.id === 'copy') {
+  //     copyToClipboard(e.target?.dataset?.copy)
+  //   }
+  // })
+})
+</script>
+
+<style lang="scss">
+.markdown-view {
+  font-family: PingFang SC;
+  font-size: 0.85rem;
+  font-weight: 400;
+  line-height: 1.6rem;
+  letter-spacing: 0em;
+  text-align: left;
+  color: #3b3e55;
+  max-width: 100%;
+
+  pre {
+    position: relative;
+  }
+
+  pre code.hljs {
+    width: auto;
+  }
+
+  code.hljs {
+    border-radius: 6px;
+    padding-top: 20px;
+    width: auto;
+    @media screen and (min-width: 1536px) {
+      width: 960px;
+    }
+
+    @media screen and (max-width: 1536px) and (min-width: 1024px) {
+      width: calc(100vw - 400px - 64px - 32px * 2);
+    }
+
+    @media screen and (max-width: 1024px) and (min-width: 768px) {
+      width: calc(100vw - 32px * 2);
+    }
+
+    @media screen and (max-width: 768px) {
+      width: calc(100vw - 16px * 2);
+    }
+  }
+
+  p,
+  code.hljs {
+    margin-bottom: 16px;
+  }
+
+  p {
+    //margin-bottom: 1rem !important;
+    margin: 0;
+    margin-bottom: 3px;
+  }
+
+  /* 标题通用格式 */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--color-G900);
+    margin: 24px 0 8px;
+    font-weight: 600;
+  }
+
+  h1 {
+    font-size: 22px;
+    line-height: 32px;
+  }
+
+  h2 {
+    font-size: 20px;
+    line-height: 30px;
+  }
+
+  h3 {
+    font-size: 18px;
+    line-height: 28px;
+  }
+
+  h4 {
+    font-size: 16px;
+    line-height: 26px;
+  }
+
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  h6 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  /* 列表（有序，无序） */
+  ul,
+  ol {
+    margin: 0 0 8px 0;
+    padding: 0;
+    font-size: 16px;
+    line-height: 24px;
+    color: #3b3e55; // var(--color-CG600);
+  }
+
+  li {
+    margin: 4px 0 0 20px;
+    margin-bottom: 1rem;
+  }
+
+  ol > li {
+    list-style-type: decimal;
+    margin-bottom: 1rem;
+    // 表达式,修复有序列表序号展示不全的问题
+    // &:nth-child(n + 10) {
+    //     margin-left: 30px;
+    // }
+
+    // &:nth-child(n + 100) {
+    //     margin-left: 30px;
+    // }
+  }
+
+  ul > li {
+    list-style-type: disc;
+    font-size: 16px;
+    line-height: 24px;
+    margin-right: 11px;
+    margin-bottom: 1rem;
+    color: #3b3e55; // var(--color-G900);
+  }
+
+  ol ul,
+  ol ul > li,
+  ul ul,
+  ul ul li {
+    // list-style: circle;
+    font-size: 16px;
+    list-style: none;
+    margin-left: 6px;
+    margin-bottom: 1rem;
+  }
+
+  ul ul ul,
+  ul ul ul li,
+  ol ol,
+  ol ol > li,
+  ol ul ul,
+  ol ul ul > li,
+  ul ol,
+  ul ol > li {
+    list-style: square;
+  }
+}
+</style>
diff --git a/src/pages-ai/chat/components/chat/ChatLoading.vue b/src/pages-ai/chat/components/chat/ChatLoading.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a53df10e7811eef24fbe3ccaeb4e6453285767ce
--- /dev/null
+++ b/src/pages-ai/chat/components/chat/ChatLoading.vue
@@ -0,0 +1,9 @@
+<!-- message 加载页面 -->
+<template>
+  <view class="p-30px">
+    <view v-for="(item, index) in 8" :key="index" style="display: flex" class="mb-30px">
+      <wd-skeleton :row-col="[{ size: '48px', type: 'circle' }]" />
+      <wd-skeleton :custom-style="{ width: '100%', marginLeft: '12px' }" :row-col="[{ width: '50%' }, { width: '100%' }]" />
+    </view>
+  </view>
+</template>
diff --git a/src/pages-ai/chat/components/chat/ChatSettings.vue b/src/pages-ai/chat/components/chat/ChatSettings.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ef8458345b6fa6cbe4808b210cc9741a7a0fedca
--- /dev/null
+++ b/src/pages-ai/chat/components/chat/ChatSettings.vue
@@ -0,0 +1,334 @@
+<template>
+  <wd-popup
+    v-model="visible"
+    position="center"
+    custom-style="border-radius: 16rpx; width: 90%; max-width: 600rpx;"
+    :close-on-click-overlay="true"
+    @close="handleClose"
+  >
+    <view class="settings-container">
+      <!-- 标题 -->
+      <view class="settings-header">
+        <text class="settings-title">设定</text>
+      </view>
+
+      <!-- 表单内容 -->
+      <view class="settings-content">
+        <!-- 角色设定 -->
+        <view class="form-item">
+          <view class="form-label">
+            角色设定
+          </view>
+          <wd-textarea
+            v-model="formData.systemMessage"
+            placeholder="请输入角色设定"
+            :maxlength="1000"
+            :min-height="120"
+            auto-height
+            show-word-limit
+          />
+        </view>
+
+        <!-- 模型 -->
+        <view class="form-item">
+          <view class="form-label required">
+            模型
+          </view>
+          <wd-picker
+            v-model="formData.modelId"
+            :columns="modelColumns"
+            label-key="name"
+            value-key="id"
+            placeholder="请选择模型"
+            :root-portal="true"
+          >
+            <view class="picker-input">
+              <text :class="formData.modelId ? 'picker-text' : 'picker-placeholder'">
+                {{ selectedModelName || '请选择模型' }}
+              </text>
+              <wd-icon name="arrow-down" size="20" color="#999" />
+            </view>
+          </wd-picker>
+        </view>
+
+        <!-- 温度参数 -->
+        <view class="form-item">
+          <view class="form-label required">
+            温度参数
+          </view>
+          <wd-input-number
+            v-model="formData.temperature"
+            :min="1"
+            :max="2"
+            :step="1"
+            input-width="100%"
+          />
+        </view>
+
+        <!-- 回复数 Token 数 -->
+        <view class="form-item">
+          <view class="form-label required">
+            回复数 Token 数
+          </view>
+          <wd-input-number
+            v-model="formData.maxTokens"
+            :min="1"
+            :step="1"
+            input-width="100%"
+          />
+        </view>
+
+        <!-- 上下文数量 -->
+        <view class="form-item">
+          <view class="form-label required">
+            上下文数量
+          </view>
+          <wd-input-number
+            v-model="formData.maxContexts"
+            :min="1"
+            :step="1"
+            input-width="100%"
+          />
+        </view>
+      </view>
+
+      <!-- 底部按钮 -->
+      <view class="settings-footer">
+        <wd-button
+          type="info"
+          size="medium"
+          @click="handleClose"
+        >
+          取消
+        </wd-button>
+        <wd-button
+          type="primary"
+          size="medium"
+          :loading="submitting"
+          @click="handleConfirm"
+        >
+          确定
+        </wd-button>
+      </view>
+    </view>
+  </wd-popup>
+</template>
+
+<script lang="ts" setup>
+import type { ChatConversationModel } from '@/api/ai/chat'
+import type { ModelVO } from '@/api/ai/model'
+import { computed, ref, watch } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { getChatConversationMy, updateChatConversationMy } from '@/api/ai/chat'
+import { getModelSimpleList } from '@/api/ai/model'
+import { AiModelTypeEnum } from '@/pages/ai/utils/constants'
+
+const props = defineProps<{
+  modelValue: boolean
+  conversationId: any
+}>()
+
+const emit = defineEmits<{
+  'update:modelValue': [value: boolean]
+  'success': []
+}>()
+
+const toast = useToast()
+const visible = computed({
+  get: () => props.modelValue,
+  set: val => emit('update:modelValue', val),
+})
+
+const submitting = ref(false)
+const modelList = ref<ModelVO[]>([])
+const formData = ref<Partial<ChatConversationModel>>({
+  systemMessage: '',
+  modelId: 0,
+  temperature: 1,
+  maxTokens: 4096,
+  maxContexts: 20,
+})
+
+// 模型选择器列
+const modelColumns = computed(() => {
+  return modelList.value.map(model => ({
+    label: model.name,
+    value: model.id,
+    ...model,
+  }))
+})
+
+// 选中的模型名称
+const selectedModelName = computed(() => {
+  const model = modelList.value.find(m => m.id === formData.value.modelId)
+  return model?.name || ''
+})
+
+/** 监听弹窗打开，加载数据 */
+watch(
+  () => props.modelValue,
+  async (val) => {
+    if (val && props.conversationId) {
+      await loadData()
+    }
+  },
+  { immediate: true, deep: true },
+)
+
+/** 加载数据 */
+async function loadData() {
+  try {
+    // 加载模型列表
+    if (modelList.value.length === 0) {
+      modelList.value = await getModelSimpleList(AiModelTypeEnum.CHAT)
+    }
+
+    // 加载对话详情
+    if (props.conversationId) {
+      const conversation = await getChatConversationMy(props.conversationId)
+      formData.value = {
+        systemMessage: conversation.systemMessage || '',
+        modelId: conversation.modelId,
+        temperature: conversation.temperature,
+        maxTokens: conversation.maxTokens,
+        maxContexts: conversation.maxContexts,
+      }
+    }
+  } catch (error) {
+    toast.error('加载数据失败')
+  }
+}
+
+/** 关闭弹窗 */
+function handleClose() {
+  visible.value = false
+}
+
+/** 确认提交 */
+async function handleConfirm() {
+  // 验证必填项
+  if (!formData.value.modelId) {
+    toast.warning('请选择模型')
+    return
+  }
+
+  if (!formData.value.temperature && formData.value.temperature !== 0) {
+    toast.warning('请输入温度参数')
+    return
+  }
+
+  if (!formData.value.maxTokens) {
+    toast.warning('请输入回复数 Token 数')
+    return
+  }
+
+  if (!formData.value.maxContexts) {
+    toast.warning('请输入上下文数量')
+    return
+  }
+
+  submitting.value = true
+
+  try {
+    // 获取完整的对话数据
+    const conversation = await getChatConversationMy(props.conversationId)
+
+    // 更新对话设置
+    await updateChatConversationMy({
+      ...conversation,
+      systemMessage: formData.value.systemMessage || null,
+      modelId: formData.value.modelId!,
+      temperature: formData.value.temperature!,
+      maxTokens: formData.value.maxTokens!,
+      maxContexts: formData.value.maxContexts!,
+    })
+
+    toast.success('保存成功')
+    handleClose()
+    emit('success')
+  } catch (error) {
+    toast.error('保存失败，请重试')
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.settings-container {
+  background: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+
+.settings-header {
+  padding: 32rpx;
+  border-bottom: 1rpx solid #e5e5e5;
+  text-align: center;
+}
+
+.settings-title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.settings-content {
+  padding: 32rpx;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.form-item {
+  margin-bottom: 32rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 16rpx;
+  display: block;
+
+  &.required::before {
+    content: '*';
+    color: #f56c6c;
+    margin-right: 4rpx;
+  }
+}
+
+.picker-input {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10rpx 24rpx;
+  background: #f7f8fa;
+  border-radius: 8rpx;
+  min-height: 60rpx;
+}
+
+.picker-text {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.picker-placeholder {
+  font-size: 28rpx;
+  color: #999;
+}
+
+.settings-footer {
+  display: flex;
+  gap: 24rpx;
+  padding: 24rpx 32rpx;
+  border-top: 1rpx solid #e5e5e5;
+  background: #fff;
+
+  .wd-button {
+    flex: 1;
+  }
+}
+</style>
diff --git a/src/pages-ai/chat/components/chat/chat-item.vue b/src/pages-ai/chat/components/chat/chat-item.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ff4eaf77e0b5a5e424511b09f47ab31850d76a0c
--- /dev/null
+++ b/src/pages-ai/chat/components/chat/chat-item.vue
@@ -0,0 +1,315 @@
+<template>
+  <view class="chat-list">
+    <wd-swipe-action
+      v-for="(chat, index) in props.data"
+      :key="chat.id"
+      :disabled="false"
+      @open="onSwipeOpen"
+      @close="onSwipeClose"
+    >
+      <!-- 右侧操作按钮 -->
+      <template #right>
+        <view class="action">
+          <wd-button type="primary" :round="false" class="button" @click="editChat(chat)">
+            编辑
+          </wd-button>
+          <wd-button type="warning" :round="false" class="button" @click="togglePin(chat)">
+            {{ chat.pinned ? '取消置顶' : '置顶' }}
+          </wd-button>
+          <wd-button type="info" :round="false" class="button" @click="deleteChat(chat.id, index)">
+            删除
+          </wd-button>
+        </view>
+      </template>
+
+      <!-- 对话内容 -->
+      <view class="chat-item" @click="goToChatDetail(chat.id)">
+        <!-- 头像 -->
+        <view class="avatar-wrapper">
+          <image class="avatar" :src="chat.roleAvatar || defaultAvatar" mode="aspectFill" />
+        </view>
+
+        <!-- 对话信息 -->
+        <view class="chat-info">
+          <view class="chat-header">
+            <text class="chat-title">{{ chat.title }}</text>
+            <text class="chat-time">{{ formatPast(chat.createTime) }}</text>
+          </view>
+          <!-- <view class="chat-preview"> -->
+          <!-- <text class="preview-text">{{ chat.lastMessage }}</text> -->
+          <!-- <view v-if="chat.unreadCount > 0" class="unread-badge">
+              <text class="unread-count">{{ chat.unreadCount }}</text>
+            </view> -->
+          <!-- </view> -->
+        </view>
+
+        <!-- 右侧箭头 -->
+        <wd-icon name="arrow-right" size="20" color="#c8c9cc" />
+      </view>
+    </wd-swipe-action>
+    <wd-message-box />
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { ChatConversationModel } from '@/api/ai/chat'
+import { useMessage } from 'wot-design-uni'
+import { updateChatConversationMy } from '@/api/ai/chat'
+import defaultAvatar from '@/static/images/gpt.svg'
+import { formatPast } from '@/utils/date'
+
+defineOptions({
+  name: 'ChatItem',
+})
+
+const props = defineProps<{
+  data: ChatConversationModel[]
+}>()
+
+const emit = defineEmits(['update-chat', 'delete-chat'])
+
+const message = useMessage()
+
+/** 进入聊天详情页 */
+function goToChatDetail(chatId: string) {
+  uni.navigateTo({
+    url: `/pages-ai/chat/conversation?id=${chatId}`,
+  })
+}
+
+/** 左滑打开回调 */
+function onSwipeOpen() {
+  console.log('滑动打开')
+}
+
+/** 左滑关闭回调 */
+function onSwipeClose() {
+  console.log('滑动关闭')
+}
+
+/** 编辑对话 */
+async function editChat(chat: ChatConversationModel) {
+  console.log('editChat', chat)
+  try {
+    const resp = await message.prompt({
+      title: '修改会话名称',
+      inputValue: chat.title,
+      inputPlaceholder: '请输入会话名称',
+      inputType: 'text',
+      showCancelButton: true,
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+    })
+
+    console.log('resp', resp)
+    // 用户点击了确定
+    if (resp.action === 'confirm' && resp.value) {
+      const newTitle = typeof resp.value === 'string' ? resp.value.trim() : String(resp.value).trim()
+
+      // 验证输入
+      if (!newTitle) {
+        uni.showToast({
+          title: '会话名称不能为空',
+          icon: 'none',
+        })
+        return
+      }
+
+      // 如果名称没有变化，直接返回
+      if (newTitle === chat.title) {
+        return
+      }
+
+      // 显示加载提示
+      uni.showLoading({
+        title: '修改中...',
+      })
+
+      try {
+        // 调用 API 更新会话名称
+        await updateChatConversationMy({
+          ...chat,
+          title: newTitle,
+        })
+
+        // 触发更新事件，通知父组件更新数据
+        const updatedChat = {
+          ...chat,
+          title: newTitle,
+        }
+        emit('update-chat', updatedChat)
+
+        uni.showToast({
+          title: '修改成功',
+          icon: 'success',
+        })
+      } catch (error) {
+        uni.showToast({
+          title: '修改失败，请重试',
+          icon: 'none',
+        })
+      } finally {
+        uni.hideLoading()
+      }
+    }
+  } catch (error) {
+    // 用户取消操作，不处理
+    console.log('用户取消修改')
+  }
+}
+
+/** 置顶/取消置顶 */
+async function togglePin(chat: ChatConversationModel) {
+  const newPinned = !chat.pinned
+
+  // 显示加载提示
+  uni.showLoading({
+    title: newPinned ? '置顶中...' : '取消置顶中...',
+  })
+
+  try {
+    // 调用 API 更新置顶状态
+    await updateChatConversationMy({
+      ...chat,
+      pinned: newPinned,
+    })
+
+    // 触发更新事件，通知父组件更新数据
+    const updatedChat = {
+      ...chat,
+      pinned: newPinned,
+    }
+    emit('update-chat', updatedChat)
+
+    uni.showToast({
+      title: newPinned ? '置顶成功' : '取消置顶成功',
+      icon: 'success',
+    })
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败，请重试',
+      icon: 'none',
+    })
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+/** 删除对话 */
+function deleteChat(chatId: string, index: number) {
+  uni.showModal({
+    title: '提示',
+    content: '确定要删除该对话吗？',
+    success: (res) => {
+      if (res.confirm) {
+        emit('delete-chat', chatId)
+        uni.showToast({
+          title: '删除成功',
+          icon: 'success',
+        })
+      }
+    },
+  })
+}
+</script>
+
+<style lang="css" scoped>
+.chat-list {
+  padding: 20rpx;
+}
+
+.chat-item {
+  display: flex;
+  align-items: center;
+  padding: 10rpx 20rpx;
+  background-color: #fff;
+  margin-bottom: 5rpx;
+}
+
+.avatar-wrapper {
+  margin-right: 20rpx;
+}
+
+.avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 16rpx;
+}
+
+.chat-info {
+  flex: 1;
+  min-width: 0;
+  padding-right: 20rpx;
+}
+
+.chat-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.chat-title {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #333;
+  max-width: 60%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.chat-time {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.chat-preview {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.preview-text {
+  font-size: 28rpx;
+  color: #666;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 10rpx;
+}
+
+.unread-badge {
+  background-color: #ff4d4f;
+  color: #fff;
+  font-size: 20rpx;
+  padding: 2rpx 12rpx;
+  border-radius: 12rpx;
+  min-width: 36rpx;
+  text-align: center;
+}
+
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+  margin: 20rpx 0;
+}
+.action {
+  height: 100%;
+}
+.button {
+  display: inline-block;
+  padding: 0 11px;
+  height: 100% !important;
+  color: white;
+}
+</style>
diff --git a/src/pages-ai/chat/components/message/MessageList.vue b/src/pages-ai/chat/components/message/MessageList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9aa02dc23f7d59b80ab99a363c583582d91a8efb
--- /dev/null
+++ b/src/pages-ai/chat/components/message/MessageList.vue
@@ -0,0 +1,296 @@
+<template>
+  <scroll-view
+    id="scroll-view"
+    ref="scrollViewRef"
+    :scroll-top="scrollToPx" :scroll-y="true"
+    :enable-back-to-top="true"
+    :style="{ height: 'calc(100vh - 150px - 50px)' }"
+    @scroll="handleScroll"
+  >
+    <view id="message-container" ref="messageContainer" class="relative">
+      <view v-for="(item, index) in list" :key="index" class="flex flex-col overflow-y-hidden">
+        <!-- 靠左 message：system、assistant 类型 -->
+        <view v-if="item.type !== 'user'" class="mt-20px flex flex-row">
+          <view class="ai-message avatar-wrapper">
+            <image
+              class="avatar"
+              :src="roleAvatar"
+              mode="aspectFill"
+            />
+          </view>
+          <view class="mx-10px flex flex-col text-left">
+            <view>
+              <text class="text-left font-size-24rpx color-gray leading-20px">{{ formatDateTime(item.createTime) }}</text>
+            </view>
+            <view
+              ref="markdownViewRef"
+              class="ai-message-tip relative flex flex-col break-words rounded-10px bg-[var(--el-fill-color-light)] px-10px pb-5px pt-10px shadow-[0_0_0_1px_var(--el-border-color-light)]"
+            >
+              <MessageReasoning
+                :reasoning-content="item.reasoningContent || ''"
+                :content="item.content || ''"
+              />
+              <MarkdownView
+                class="text-[0.75rem] text-[var(--el-text-color-primary)]"
+                :content="item.content"
+              />
+            <!-- <MessageFiles :attachment-urls="item.attachmentUrls" /> -->
+            <!-- <MessageKnowledge v-if="item.segments" :segments="item.segments" /> -->
+            <!-- <MessageWebSearch v-if="item.webSearchPages" :web-search-pages="item.webSearchPages" /> -->
+            </view>
+            <view class="mt-8px flex flex-row gap-6px">
+              <wd-icon name="file-copy" size="16" class="toolbar-btn" @click="copyContent(item.content)" />
+              <wd-icon name="delete-thin" size="16" class="toolbar-btn" @click="onDelete(item.id)" />
+            </view>
+          </view>
+        </view>
+        <!-- 靠右 message：user 类型 -->
+        <view v-if="item.type === 'user'" class="mt-20px flex flex-row-reverse justify-start">
+          <view class="user-message avatar-wrapper">
+            <image
+              class="avatar"
+              :src="userAvatar"
+              mode="aspectFill"
+            />
+          </view>
+          <view class="mx-10px flex flex-col text-left">
+            <view class="text-right">
+              <text class="font-size-24rpx color-gray leading-30px">
+                {{ formatDateTime(item.createTime) }}
+              </text>
+            </view>
+            <!-- 附件显示行 -->
+            <view
+              v-if="item.attachmentUrls && item.attachmentUrls.length > 0"
+              class="mb-8px flex flex-row-reverse"
+            >
+            <!-- <MessageFiles :attachment-urls="item.attachmentUrls" /> -->
+            </view>
+            <!-- 文本内容行 -->
+            <view class="flex flex-row-reverse">
+              <view class="user-message-tip message-bubble">
+                <text class="message-text">{{ item.content }}</text>
+              </view>
+            </view>
+            <view class="mt-8px flex flex-row-reverse gap-6px">
+              <wd-icon name="file-copy" size="16" class="toolbar-btn" @click="copyContent(item.content)" />
+              <wd-icon name="delete-thin" size="16" class="toolbar-btn" @click="onDelete(item.id)" />
+              <wd-icon name="refresh" size="16" class="toolbar-btn" @click="onRefresh(item)" />
+              <wd-icon name="edit-outline" size="16" class="toolbar-btn" @click="onEdit(item)" />
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+  <!-- 回到底部 -->
+  <view v-if="isScrolling" class="absolute bottom-120px right-5% z-1000 h-70rpx w-70rpx flex items-center justify-center rounded-50% bg-[#a0cfff]" @click="handleGoBottom">
+    <wd-icon name="arrow-down" size="22px" color="#fff" />
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { ChatConversationModel as ChatConversationVO } from '@/api/ai/chat'
+import type { ChatMessageVO } from '@/api/ai/message'
+import { deleteChatMessage } from '@/api/ai/message'
+import MarkdownView from '@/components/markdown-view/index.vue'
+import userAvatarDefaultImg from '@/static/images/avatar.jpg'
+import roleAvatarDefaultImg from '@/static/images/gpt.svg'
+import { useUserStore } from '@/store/user'
+import { copyToClipboard } from '@/utils'
+import { formatDateTime } from '@/utils/date'
+// import MessageFiles from './MessageFiles.vue'
+// import MessageKnowledge from './MessageKnowledge.vue'
+import MessageReasoning from './MessageReasoning.vue'
+// import MessageWebSearch from './MessageWebSearch.vue'
+
+// 定义 props
+const props = defineProps({
+  conversation: {
+    type: Object as PropType<ChatConversationVO>,
+    required: true,
+  },
+  list: {
+    type: Array as PropType<ChatMessageVO[]>,
+    required: true,
+  },
+}) // 消息列表
+
+const emits = defineEmits(['onDeleteSuccess', 'onRefresh', 'onEdit'])
+const userStore = useUserStore()
+
+// 判断“消息列表”滚动的位置(用于判断是否需要滚动到消息最下方)
+const scrollViewRef = ref(null)
+const messageContainer = ref(null)
+const isScrolling = ref(false) // 用于判断用户是否在滚动
+const scrollToPx = ref(0)// 滚动条的位置
+const scrollOldPx = ref(0)// 上次滚动条的位置，解决props值不变时不生效
+
+const userAvatar = computed(() => userStore.userInfo.avatar || userAvatarDefaultImg)
+const roleAvatar = computed(() => props.conversation.roleAvatar ?? roleAvatarDefaultImg)
+
+const { list } = toRefs(props) // 定义 emits
+
+// ============ 处理对话滚动 ==============
+const instance = getCurrentInstance()
+const query = uni.createSelectorQuery().in(instance.proxy)
+const messageContainerRect = ref()
+const scrollViewHeight = ref(0) // scroll-view 可视区高度缓存，避免每次滚动都重新计算
+
+async function getMessageContainerRect() {
+  // 同时获取 scroll-view 的高度，只算一次，避免滚动时频繁触发布局
+  query.select('#scroll-view')
+    .boundingClientRect((rect: { height: number }) => {
+      scrollViewHeight.value = rect?.height || 0
+    })
+    .exec()
+}
+
+/** 滚动到底部 */
+async function scrollToBottom(isIgnore?: boolean) {
+  // 注意要使用 nextTick 以免获取不到 dom
+  await nextTick()
+  if (isIgnore || !isScrolling.value) {
+    // 需要获取实际的 message-container 节点高度
+    query.select('#message-container')
+      .boundingClientRect((rect: any) => {
+        if (rect && typeof rect.height === 'number') {
+          messageContainerRect.value = rect
+          scrollToPx.value = messageContainerRect.value.height
+        }
+      })
+      .exec()
+  }
+}
+function handleScroll(event: any) {
+  const { scrollTop, scrollHeight } = event.detail
+  const height = scrollViewHeight.value || messageContainerRect.value?.height || 0
+  if (!height) {
+    // 如果还没拿到高度，不做处理，避免抖动
+    return
+  }
+  // 如果当前滚动位置距离底部超过 300px，则认为用户在主动滚动，关闭“自动跟随到底部”
+  if (scrollTop + height < scrollHeight - 300) {
+    isScrolling.value = true
+  } else {
+    isScrolling.value = false
+  }
+  scrollOldPx.value = scrollTop
+}
+
+/** 回到底部 */
+async function handleGoBottom() {
+  scrollToPx.value = scrollOldPx.value
+  nextTick(() => {
+    scrollToPx.value = messageContainerRect.value.height
+  })
+}
+
+/** 回到顶部 */
+async function handlerGoTop() {
+  scrollToPx.value = 0
+}
+
+defineExpose({ scrollToBottom, handlerGoTop }) // 提供方法给 parent 调用
+
+// ============ 处理消息操作 ==============
+
+/** 复制 */
+async function copyContent(content: string) {
+  await copyToClipboard(content)
+}
+
+/** 删除 */
+async function onDelete(id) {
+  // 删除 message
+  await deleteChatMessage(id)
+  uni.showToast({
+    title: '删除成功！',
+    icon: 'success',
+  })
+  // 回调
+  emits('onDeleteSuccess')
+}
+
+/** 刷新 */
+async function onRefresh(message: ChatMessageVO) {
+  emits('onRefresh', message)
+}
+
+/** 编辑 */
+async function onEdit(message: ChatMessageVO) {
+  emits('onEdit', message)
+}
+
+/** 初始化 */
+onMounted(async () => {
+  nextTick(async () => {
+    await getMessageContainerRect()
+    scrollToBottom(true)
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.avatar-wrapper {
+  width: 60rpx;
+  height: 60rpx;
+  flex-shrink: 0; /* 防止头像缩放 */
+  align-self: flex-start; /* 确保头像在顶部对齐 */
+}
+
+// 用户消息头像在右边，增加右边距
+.user-message .avatar-wrapper {
+  margin-left: 10rpx;
+  margin-right: 20rpx;
+  align-self: flex-start;
+}
+
+// AI消息头像在左边，增加左边距
+.ai-message .avatar-wrapper {
+  margin-left: 20rpx;
+  margin-right: 10rpx;
+  align-self: flex-start;
+}
+
+.message-bubble {
+  padding: 16rpx 20rpx;
+  border-radius: 20rpx;
+  position: relative;
+  word-break: break-word;
+}
+
+// 用户消息气泡样式
+.user-message-tip {
+  background-color: #1989fa;
+  color: #fff;
+}
+
+.ai-message-tip {
+  background-color: #fff;
+  color: #333;
+}
+
+.message-text {
+  line-height: 40rpx;
+  word-break: break-word;
+  display: block;
+  font-size: 0.85rem;
+}
+
+.avatar {
+  width: 100%;
+  height: 100%;
+  border-radius: 16rpx;
+}
+.toolbar-btn {
+  padding: 5rpx;
+  border-radius: 50%;
+  color: #979696;
+}
+
+.toolbar-btn:active {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+</style>
diff --git a/src/pages-ai/chat/components/message/MessageListEmpty.vue b/src/pages-ai/chat/components/message/MessageListEmpty.vue
new file mode 100644
index 0000000000000000000000000000000000000000..62ffe7258916d6ec9f86970ab5a942bbb768e778
--- /dev/null
+++ b/src/pages-ai/chat/components/message/MessageListEmpty.vue
@@ -0,0 +1,59 @@
+<!-- 消息列表为空时，展示 prompt 列表 -->
+<template>
+  <view class="relative h-full w-full flex flex-row justify-center">
+    <!-- title -->
+    <view class="flex flex-col items-center justify-center px-32px">
+      <view class="mb-48px text-center">
+        <view class="mb-8px text-32px text-[#303133] font-bold">
+          芋道 AI
+        </view>
+        <view class="text-14px text-[#909399]">
+          选择一个话题开始对话
+        </view>
+      </view>
+      <view class="max-w-600px w-full flex flex-row flex-wrap items-center justify-center gap-16px">
+        <view
+          v-for="prompt in promptList"
+          :key="prompt.prompt"
+          class="prompt-card flex items-center justify-center border border-[#e4e7ed] rounded-16px border-solid bg-white px-24px py-16px text-15px text-[#606266]"
+          @click="handlerPromptClick(prompt)"
+        >
+          {{ prompt.prompt }}
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+// prompt 列表
+
+const emits = defineEmits(['onPrompt'])
+const promptList = [
+  {
+    prompt: '今天天气怎么样?',
+  },
+  {
+    prompt: '写一首好听的诗歌?',
+  },
+]/** 选中 prompt 点击 */
+async function handlerPromptClick({ prompt }) {
+  emits('onPrompt', prompt)
+}
+</script>
+
+<style lang="scss" scoped>
+.prompt-card {
+  min-width: 160rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+  transition: all 0.2s ease;
+
+  &:active {
+    background-color: #f5f7fa;
+    border-color: #409eff;
+    color: #409eff;
+    transform: scale(0.98);
+    box-shadow: 0 4rpx 12rpx rgba(64, 158, 255, 0.2);
+  }
+}
+</style>
diff --git a/src/pages-ai/chat/components/message/MessageLoading.vue b/src/pages-ai/chat/components/message/MessageLoading.vue
new file mode 100644
index 0000000000000000000000000000000000000000..813410a5541e71d0237078073546b95506745088
--- /dev/null
+++ b/src/pages-ai/chat/components/message/MessageLoading.vue
@@ -0,0 +1,9 @@
+<!-- message 加载页面 -->
+<template>
+  <view class="p-30px">
+    <view v-for="(item, index) in 4" :key="index" style="display: flex" class="mb-20px">
+      <wd-skeleton :row-col="[{ size: '48px', type: 'circle' }]" />
+      <wd-skeleton :custom-style="{ width: '100%', marginLeft: '12px' }" animation="flashed" theme="paragraph" />
+    </view>
+  </view>
+</template>
diff --git a/src/pages-ai/chat/components/message/MessageReasoning.vue b/src/pages-ai/chat/components/message/MessageReasoning.vue
new file mode 100644
index 0000000000000000000000000000000000000000..25da80c9e929a22162afe8597dbd48f1b69eae44
--- /dev/null
+++ b/src/pages-ai/chat/components/message/MessageReasoning.vue
@@ -0,0 +1,85 @@
+<template>
+  <view v-if="shouldShowComponent" class="mt-10px">
+    <!-- 推理过程标题栏 -->
+    <view
+      class="flex cursor-pointer items-center justify-between border border-b-0 border-gray-200/60 rounded-t-8px from-blue-50 to-purple-50 bg-gradient-to-r p-8px transition-all duration-200 hover:from-blue-100 hover:to-purple-100"
+      @click="toggleExpanded"
+    >
+      <view class="flex items-center gap-6px text-14px text-gray-700 font-medium">
+        <wd-icon :size="16" name="chat-dot-square" class="text-blue-600" />
+        <text>{{ titleText }}</text>
+      </view>
+      <wd-icon
+        :size="14"
+        name="arrow-down"
+        class="text-gray-500 transition-transform duration-200"
+        :class="{ 'transform rotate-180': isExpanded }"
+      />
+    </view>
+
+    <!-- 推理内容区域 -->
+    <view
+      v-show="isExpanded"
+      class="max-h-300px overflow-y-auto border border-t-0 border-gray-200/60 rounded-b-8px bg-white/70 p-12px shadow-sm backdrop-blur-sm"
+    >
+      <MarkdownView
+        v-if="props.reasoningContent"
+        class="text-13px text-gray-700 leading-relaxed"
+        :content="props.reasoningContent"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import MarkdownView from '@/components/markdown-view/index.vue'
+
+// 定义 props
+const props = defineProps<{
+  reasoningContent?: string
+  content?: string
+}>()
+
+const isExpanded = ref(true) // 默认展开
+
+/** 计算属性：判断是否应该显示组件（有思考内容时，则展示） */
+const shouldShowComponent = computed(() => {
+  return !(!props.reasoningContent || props.reasoningContent.trim() === '')
+})
+
+/** 计算属性：标题文本 */
+const titleText = computed(() => {
+  const hasReasoningContent = props.reasoningContent && props.reasoningContent.trim() !== ''
+  const hasContent = props.content && props.content.trim() !== ''
+  if (hasReasoningContent && !hasContent) {
+    return '深度思考中'
+  }
+  return '已深度思考'
+})
+
+/** 切换展开/收缩状态 */
+function toggleExpanded() {
+  isExpanded.value = !isExpanded.value
+}
+</script>
+
+<style scoped>
+/* 自定义滚动条样式 */
+.max-h-300px::-webkit-scrollbar {
+  width: 4px;
+}
+
+.max-h-300px::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.max-h-300px::-webkit-scrollbar-thumb {
+  background: rgba(156, 163, 175, 0.4);
+  border-radius: 2px;
+}
+
+.max-h-300px::-webkit-scrollbar-thumb:hover {
+  background: rgba(156, 163, 175, 0.6);
+}
+</style>
diff --git a/src/pages-ai/chat/conversation.vue b/src/pages-ai/chat/conversation.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0ed270e425d4d4c402b2dd9c3cb90d946976f49b
--- /dev/null
+++ b/src/pages-ai/chat/conversation.vue
@@ -0,0 +1,599 @@
+<template>
+  <view class="chat-detail-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      :title="`${activeConversation?.title ?? ''}${messageList.length > 0 ? `（${messageList.length}）` : ''}`"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+    <!-- 聊天内容区域 -->
+    <view class="message-list">
+      <!-- 情况一：消息加载中 -->
+      <MessageLoading v-if="activeMessageListLoading" />
+
+      <!-- 情况三：消息列表为空 -->
+      <MessageListEmpty
+        v-if="!activeMessageListLoading && messageList.length === 0 && activeConversation"
+        @on-prompt="doSendMessage"
+      />
+
+      <!-- 情况四：消息列表不为空 -->
+      <MessageList
+        v-if="!activeMessageListLoading && messageList.length > 0 && activeConversation"
+        ref="messageListRef"
+        :conversation="activeConversation"
+        :list="activeMessageList"
+        @on-delete-success="handleMessageDelete"
+        @on-edit="handleMessageEdit"
+        @on-refresh="handleMessageRefresh"
+      />
+    </view>
+    <!-- 底部固定容器 -->
+    <view class="bottom-fixed-container">
+      <!-- 工具栏滚动容器 -->
+      <view class="toolbar-scroll">
+        <!-- 模型选择 -->
+        <wd-button type="primary" size="small" icon="setting" @click="handleToolbarClick()">
+          {{ activeConversation?.modelName }}
+        </wd-button>
+        <wd-checkbox v-model="enableContext" checked-color="#409eff" shape="button" @click="handleConversationContextChange">
+          上下文
+        </wd-checkbox>
+        <wd-checkbox v-model="enableWebSearch" checked-color="#409eff" shape="button" @click="handleLinkSearchChange">
+          联网搜索
+        </wd-checkbox>
+        <!-- <wd-checkbox v-model="deepThinking" checked-color="#409eff" shape="button" @click="handleDeepThinkingChange">
+          深度思考
+        </wd-checkbox> -->
+      </view>
+      <!-- 输入区域 -->
+      <view class="input-container">
+        <wd-input
+          v-model="prompt"
+          placeholder="问我任何问题..."
+          clearable
+          :maxlength="200"
+          :show-word-limit="false"
+          class="custom-input"
+          :disabled="conversationInProgress"
+          @confirm="handleSendByButton"
+        />
+        <wd-icon
+          v-if="!conversationInProgress"
+          name="add-circle"
+          size="18"
+          color="#409eff"
+          @click="showAttachMenu"
+        />
+        <wd-icon
+          v-else
+          name="stop-circle"
+          size="18"
+          color="#f00"
+          @click="stopStream"
+        />
+      </view>
+    </view>
+    <!-- 设置弹窗 -->
+    <ChatSettings
+      v-model="settingsVisible"
+      :conversation-id="activeConversation?.id"
+      @success="handleSettingsSuccess"
+    />
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { ChatConversationModel } from '@/api/ai/chat'
+import type { ChatMessageVO } from '@/api/ai/message'
+import { getChatConversationMy } from '@/api/ai/chat'
+import { getChatMessageListByConversationId, sendChatMessageStream } from '@/api/ai/message'
+import { navigateBackPlus } from '@/utils'
+import ChatSettings from './components/chat/ChatSettings.vue'
+import MessageList from './components/message/MessageList.vue'
+import MessageListEmpty from './components/message/MessageListEmpty.vue'
+import MessageLoading from './components/message/MessageLoading.vue'
+
+const props = defineProps<{
+  id?: number | any
+}>()
+// 输入内容
+const inputContent = ref('')
+
+// 浮动工具栏开关状态
+const deepThinking = ref(false)
+// 操作菜单显示
+const actionsVisible = ref(false)
+
+const activeConversation = ref<ChatConversationModel | null>(null) // 选中的 Conversation
+const conversationInProgress = ref(false) // 对话是否正在进行中。目前只有【发送】消息时，会更新为 true，避免切换对话、删除对话等操作
+const activeMessageList = ref<ChatMessageVO[]>([]) // 对话的消息列表
+const activeMessageListLoadingTimer = ref<any>()
+const activeMessageListLoading = ref(true) // 对话的消息列表是否正在加载中
+const settingsVisible = ref(false) // 设置弹窗显示状态
+
+const messageListRef = ref()
+
+// 发送消息输入框
+const isComposing = ref(false) // 判断用户是否在输入
+const conversationInAbortController = ref<any>() // 对话进行中 abort 控制器(控制 stream 对话)
+const inputTimeout = ref<any>() // 处理输入中回车的定时器
+const prompt = ref<string>() // prompt
+const enableContext = ref<boolean>(true) // 是否开启上下文
+const enableWebSearch = ref<boolean>(false) // 是否开启联网搜索
+const uploadFiles = ref<string[]>([]) // 上传的文件 URL 列表
+// 消息滚动
+const textSpeed = ref<number>(50) // Typing speed in milliseconds
+const textRoleRunning = ref<boolean>(false) // Typing speed in milliseconds
+
+// 接收 Stream 消息
+const receiveMessageFullText = ref('')
+const receiveMessageDisplayedText = ref('')
+
+// 页面配置
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+/** 融合了系统消息的消息列表 */
+const messageList = computed(() => {
+  if (activeMessageList.value.length > 0) {
+    return activeMessageList.value
+  }
+  // 没有消息时，如果有 systemMessage 则展示它
+  if (activeConversation.value?.systemMessage) {
+    return [
+      {
+        id: 0,
+        conversationId: activeConversation.value.id || 0,
+        type: 'system',
+        userId: '',
+        roleId: '',
+        model: 0,
+        modelId: 0,
+        content: activeConversation.value.systemMessage,
+        tokens: 0,
+        createTime: new Date(),
+        roleAvatar: '',
+        userAvatar: '',
+      } as ChatMessageVO,
+    ]
+  }
+  return []
+})
+
+/** 获取对话详情 */
+async function getChatConversation() {
+  activeConversation.value = await getChatConversationMy(props.id)
+}
+
+/** 获取消息列表 */
+async function getMessageList() {
+  try {
+    if (!activeConversation.value)
+      return
+    // Timer 定时器，如果加载速度很快，就不进入加载中
+    activeMessageListLoadingTimer.value = setTimeout(() => {
+      activeMessageListLoading.value = true
+    }, 60)
+
+    // 获取消息列表
+    activeMessageList.value = await getChatMessageListByConversationId(
+      props.id,
+    )
+
+    // 滚动到最下面
+    await nextTick()
+  } finally {
+    // time 定时器，如果加载速度很快，就不进入加载中
+    if (activeMessageListLoadingTimer.value) {
+      clearTimeout(activeMessageListLoadingTimer.value)
+    }
+    // 加载结束
+    activeMessageListLoading.value = false
+  }
+}
+
+// =========== 【发送消息】相关 ===========
+
+/** 处理来自【发送】按钮的发送消息 */
+function handleSendByButton() {
+  doSendMessage(prompt.value?.trim() as string)
+}
+
+/** 真正执行【发送】消息操作 */
+async function doSendMessage(content: string) {
+  // 校验
+  if (content.length < 1) {
+    uni.showToast({
+      title: '发送失败，原因：内容为空！',
+      icon: 'none',
+    })
+    return
+  }
+
+  // 准备附件 URL 数组
+  const attachmentUrls = [...uploadFiles.value]
+
+  // 清空输入框和文件列表
+  prompt.value = ''
+  uploadFiles.value = []
+
+  // 执行发送
+  await doSendMessageStream({
+    conversationId: activeConversation.value.id || 0,
+    content,
+    attachmentUrls,
+  } as ChatMessageVO)
+}
+
+/** 真正执行【发送】消息操作 */
+async function doSendMessageStream(userMessage: ChatMessageVO) {
+  // 标记对话进行中
+  conversationInProgress.value = true
+  // 设置为空
+  receiveMessageFullText.value = ''
+
+  try {
+    // 1.1 先添加两个假数据，等 stream 返回再替换
+    activeMessageList.value.push({
+      id: -1,
+      conversationId: activeConversation.value.id || 0,
+      type: 'user',
+      content: userMessage.content,
+      attachmentUrls: userMessage.attachmentUrls || [],
+      createTime: new Date(),
+    } as ChatMessageVO)
+    activeMessageList.value.push({
+      id: -2,
+      conversationId: activeConversation.value.id || 0,
+      type: 'assistant',
+      content: '思考中...',
+      reasoningContent: '',
+      createTime: new Date(),
+    } as ChatMessageVO)
+    // 1.2 滚动到最下面
+    await nextTick()
+    await scrollToBottom() // 底部
+    // 1.3 开始滚动
+    textRoll()
+
+    // 2. 发送 event stream
+    let isFirstChunk = true // 是否是第一个 chunk 消息段
+    // 创建 AbortController 实例，以便中止请求
+    conversationInAbortController.value = await sendChatMessageStream(
+      userMessage.conversationId,
+      userMessage.content,
+      conversationInAbortController.value,
+      enableContext.value,
+      enableWebSearch.value,
+      async (res) => {
+        const { code, data, msg } = res
+        if (code !== 0) {
+          uni.showToast({
+            title: `对话异常! ${msg}`,
+            icon: 'none',
+          })
+          // 如果未接收到消息，则进行删除
+          if (receiveMessageFullText.value === '') {
+            activeMessageList.value.pop()
+          }
+          return
+        }
+
+        // 如果内容为空，就不处理。
+        if (data.receive.content === '' && !data.receive.reasoningContent) {
+          return
+        }
+
+        // 首次返回需要添加一个 message 到页面，后面的都是更新
+        if (isFirstChunk) {
+          isFirstChunk = false
+          // 弹出两个假数据
+          activeMessageList.value.pop()
+          activeMessageList.value.pop()
+          // 更新返回的数据
+          activeMessageList.value.push(data.send)
+          data.send.attachmentUrls = userMessage.attachmentUrls
+          activeMessageList.value.push(data.receive)
+        }
+
+        // 处理 reasoningContent
+        if (data.receive.reasoningContent) {
+          const lastMessage = activeMessageList.value[activeMessageList.value.length - 1]
+          lastMessage.reasoningContent
+            = lastMessage.reasoningContent + data.receive.reasoningContent
+        }
+
+        // 处理正常内容
+        if (data.receive.content !== '') {
+          receiveMessageFullText.value = receiveMessageFullText.value + data.receive.content
+        }
+        // 滚动到最下面
+        await scrollToBottom()
+      },
+      (error: any) => {
+        // 异常提示，并停止流
+        uni.showToast({
+          title: `对话异常！`,
+          icon: 'none',
+        })
+        stopStream()
+        // 需要抛出异常，禁止重试
+        throw error
+      },
+      () => {
+        stopStream()
+      },
+      userMessage.attachmentUrls,
+    )
+  } catch {}
+}
+
+/** 停止 stream 流式调用 */
+async function stopStream() {
+  // tip：如果 stream 进行中的 message，就需要调用 controller 结束
+  if (conversationInAbortController.value) {
+    conversationInAbortController.value.abort()
+  }
+  // 设置为 false
+  conversationInProgress.value = false
+}
+// ============== 【消息滚动】相关 =============
+
+/** 滚动到 message 底部 */
+async function scrollToBottom(isIgnore?: boolean) {
+  await nextTick()
+  if (messageListRef.value) {
+    messageListRef.value.scrollToBottom(isIgnore)
+  }
+}
+
+/** 字体滚动效果 */
+async function textRoll() {
+  let index = 0
+  try {
+    // 只能执行一次
+    if (textRoleRunning.value) {
+      return
+    }
+    // 设置状态
+    textRoleRunning.value = true
+    receiveMessageDisplayedText.value = ''
+    let timer: any
+    const task = async () => {
+      // 调整速度
+      const diff
+        = (receiveMessageFullText.value.length - receiveMessageDisplayedText.value.length) / 10
+      if (diff > 5) {
+        textSpeed.value = 10
+      } else if (diff > 2) {
+        textSpeed.value = 30
+      } else if (diff > 1.5) {
+        textSpeed.value = 50
+      } else {
+        textSpeed.value = 100
+      }
+      // 对话结束，就按 30 的速度
+      if (!conversationInProgress.value) {
+        textSpeed.value = 10
+      }
+
+      if (index < receiveMessageFullText.value.length) {
+        receiveMessageDisplayedText.value += receiveMessageFullText.value[index]
+        index++
+
+        // 更新 message
+        const lastMessage = activeMessageList.value[activeMessageList.value.length - 1]
+        lastMessage.content = receiveMessageDisplayedText.value
+        // 滚动到住下面
+        await scrollToBottom()
+        // 重新设置任务
+        timer = setTimeout(task, textSpeed.value)
+      } else {
+        // 不是对话中可以结束
+        if (!conversationInProgress.value) {
+          textRoleRunning.value = false
+          clearTimeout(timer)
+        } else {
+          // 重新设置任务
+          timer = setTimeout(task, textSpeed.value)
+        }
+      }
+    }
+    timer = setTimeout(task, textSpeed.value)
+  } catch {}
+}
+// 页面加载时
+onMounted(async () => {
+  // 模拟加载历史消息
+  await getChatConversation()
+  activeMessageListLoading.value = true
+  await getMessageList()
+})
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus()
+}
+
+/** 显示操作菜单 */
+function showActions() {
+  actionsVisible.value = true
+}
+
+/** 上下文开关变化 */
+function handleConversationContextChange(value: boolean) {
+  console.log('上下文开关:', value)
+  // 这里可以添加上下文开关变化的逻辑
+}
+
+/** 联网搜索开关变化 */
+function handleLinkSearchChange(value: boolean) {
+  console.log('联网搜索开关:', value)
+  // 这里可以添加联网搜索开关变化的逻辑
+}
+
+/** 深度思考开关变化 */
+function handleDeepThinkingChange(value: boolean) {
+  console.log('深度思考开关:', value)
+  // 这里可以添加深度思考开关变化的逻辑
+}
+
+/** 显示附件菜单 */
+function showAttachMenu() {
+  // 这里可以实现附件选择功能
+  uni.showToast({
+    title: '附件功能开发中',
+    icon: 'none',
+  })
+}
+/** 处理删除 message 消息 */
+function handleMessageDelete() {
+  if (conversationInProgress.value) {
+    uni.showToast({
+      title: '回答中，不能删除!',
+      icon: 'none',
+    })
+    return
+  }
+  // 刷新 message 列表
+  getMessageList()
+}
+/** 编辑消息 */
+function handleMessageEdit(message: ChatMessageVO) {
+  // // 将消息内容填充到输入框中
+  prompt.value = message.content
+}
+/** 重试消息 */
+function handleMessageRefresh(message: ChatMessageVO) {
+  // 将消息内容填充到输入框并发送
+  prompt.value = message.content
+  doSendMessage(prompt.value)
+}
+
+/** 工具栏按钮点击事件 */
+function handleToolbarClick() {
+  if (!activeConversation.value?.id) {
+    uni.showToast({
+      title: '对话不存在',
+      icon: 'none',
+    })
+    return
+  }
+  settingsVisible.value = true
+}
+
+/** 设置保存成功回调 */
+async function handleSettingsSuccess() {
+  // 重新加载对话详情，更新模型名称等信息
+  await getChatConversation()
+}
+</script>
+
+<style lang="scss" scoped>
+.chat-detail-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding-top: var(--window-top);
+}
+
+.message-list {
+  padding: 16rpx;
+}
+
+.bottom-fixed-container {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 10rpx 0 30rpx 0;
+  border-top: 1px solid #e4e7eb;
+  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); /* 增加浮动阴影 */
+  z-index: 10;
+  background-color: #f5f5f5;
+}
+
+.input-container {
+  display: flex;
+  margin: 0 20rpx;
+  align-items: center;
+  padding: 0;
+  border: none;
+  position: relative;
+  bottom: auto;
+  left: auto;
+  right: auto;
+  z-index: auto;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 -5rpx 10rpx rgba(0, 0, 0, 0.15);
+}
+
+.custom-input {
+  flex: 0.95;
+  margin: 0 20rpx;
+  padding: 10rpx 0 10rpx 10rpx;
+  height: 60rpx;
+}
+
+.empty-chat {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+  margin: 20rpx 0;
+}
+
+// AI回复的消息工具栏靠左边
+.ai-toolbar {
+  justify-content: flex-start;
+}
+
+// 用户发送的消息工具栏靠右边
+.user-toolbar {
+  justify-content: flex-end;
+}
+
+/* 工具栏滚动容器 */
+.toolbar-scroll {
+  display: flex;
+  align-items: center; /* 整体垂直居中 */
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  padding: 0 20rpx;
+  margin-bottom: 10rpx;
+  scrollbar-width: none; /* 隐藏滚动条 */
+  -webkit-overflow-scrolling: touch; /* 平滑滚动 */
+  gap: 12rpx; /* 元素间距 */
+}
+.toolbar-scroll > .wd-checkbox.is-button-box {
+  width: auto !important;
+  padding: 0 !important;
+  box-sizing: border-box !important;
+}
+/* 统一设置所有子元素垂直居中 */
+.toolbar-scroll > .wd-checkbox .wd-button {
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  /* 移除固定宽度限制，允许元素根据内容自动调整宽度 */
+  width: auto;
+  flex-shrink: 0; /* 防止元素被压缩 */
+}
+
+.toolbar-scroll::-webkit-scrollbar {
+  display: none; /* 隐藏滚动条 */
+}
+</style>
diff --git a/src/pages-ai/chat/index.vue b/src/pages-ai/chat/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c293fd3a1e80c2347d47ebb8c8ef75ec02362b5f
--- /dev/null
+++ b/src/pages-ai/chat/index.vue
@@ -0,0 +1,228 @@
+<template>
+  <view class="page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="AI对话"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 搜索栏 -->
+    <view class="search-bar">
+      <wd-search v-model="searchKeyword" :maxlength="10" hide-cancel />
+    </view>
+
+    <view v-if="chatList.length === 0 && !isLoading" class="empty-container">
+      <view class="empty-content">
+        <wd-icon name="chat-empty" size="90" color="#c8c9cc" />
+        <text class="empty-title">还没有任何对话</text>
+        <text class="empty-subtitle">开始一个新的提问，试试和 AI 聊聊吧～</text>
+        <wd-button type="primary" size="large" class="empty-btn" @click="createNewChat">
+          创建新对话
+        </wd-button>
+      </view>
+    </view>
+    <view v-else>
+      <ChatLoading v-if="isLoading" />
+      <!-- 对话列表 -->
+      <view v-if="pinnedChatList.length > 0 && !isLoading">
+        <view class="chat-block-title">
+          <wd-icon name="order-ascending" size="22px" color="#007aff" />
+          <text class="title color-#007aff">置顶</text>
+        </view>
+        <ChatItem
+          :data="pinnedChatList"
+          @update-chat="updateChat"
+          @delete-chat="deleteChat"
+        />
+      </view>
+      <!-- 未固定对话列表 -->
+      <view v-if="unpinnedChatList.length > 0">
+        <view class="chat-block-title">
+          <wd-icon name="view-list" size="22px" color="#4cd964" />
+          <text class="title color-#4cd964">对话记录</text>
+        </view>
+        <ChatItem
+          :data="unpinnedChatList"
+          @update-chat="updateChat"
+          @delete-chat="deleteChat"
+        />
+      </view>
+    </view>
+  </view>
+  <!-- 创建新对话按钮 -->
+  <wd-fab
+    position="bottom-center"
+    type="primary"
+    :expandable="false"
+    @click="createNewChat"
+  />
+</template>
+
+<script setup lang="ts">
+import type { ChatConversationModel } from '@/api/ai/chat'
+import { computed, onMounted, ref } from 'vue'
+import { createChatConversationMy, deleteChatConversationMy, getConversationList } from '@/api/ai/chat'
+import { navigateBackPlus } from '@/utils'
+import ChatItem from './components/chat/chat-item.vue'
+import ChatLoading from './components/chat/ChatLoading.vue'
+
+const chatList = ref<ChatConversationModel[]>([])
+const isLoading = ref(false)
+/** 查询我的对话列表 */
+async function getList() {
+  try {
+    isLoading.value = true
+    const data = await getConversationList()
+    chatList.value = data
+  } catch {
+    uni.showToast({
+      title: '获取对话列表失败',
+      icon: 'none',
+    })
+  } finally {
+    isLoading.value = false
+  }
+}
+
+// 搜索关键词
+const searchKeyword = ref('')
+
+// 过滤后的对话列表
+const filteredChatList = computed(() => {
+  if (!searchKeyword.value) {
+    return chatList.value
+  }
+  return chatList.value.filter(chat =>
+    chat.title.includes(searchKeyword.value),
+  )
+})
+
+const pinnedChatList = computed(() => {
+  return [...filteredChatList.value]
+    .filter(chat => chat.pinned)
+    .sort((a, b) => b.createTime - a.createTime)
+})
+
+const unpinnedChatList = computed(() => {
+  return [...filteredChatList.value]
+    .filter(chat => !chat.pinned)
+    .sort((a, b) => b.createTime - a.createTime)
+})
+
+/** 更新对话名称 - 由子组件触发，更新本地列表 */
+function updateChat(updatedChat: ChatConversationModel) {
+  const index = chatList.value.findIndex(chat => chat.id === updatedChat.id)
+  if (index !== -1) {
+    chatList.value[index] = updatedChat
+  }
+}
+
+async function deleteChat(chatId: number, index: number) {
+  uni.showLoading({
+    title: '删除中...',
+  })
+  try {
+    await deleteChatConversationMy(chatId)
+  } finally {
+    uni.hideLoading()
+  }
+  await getList()
+}
+
+// 页面配置
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus()
+}
+
+/** 创建新对话 */
+async function createNewChat() {
+  uni.showLoading({
+    title: '创建中...',
+  })
+  try {
+    const conversationId = await createChatConversationMy(
+      {} as unknown as ChatConversationModel,
+    )
+    // 跳转到新的聊天页面
+    uni.navigateTo({
+      url: `/pages-ai/chat/conversation?id=${conversationId}`,
+    })
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+onMounted(async () => {
+
+})
+onShow(async () => {
+  await getList()
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background-color: #fff;
+  padding-top: var(--window-top);
+}
+
+.empty-container {
+  min-height: calc(100vh - 260rpx);
+  padding: 20rpx 60rpx 40rpx;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.empty-content {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.empty-title {
+  margin-top: 24rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.empty-subtitle {
+  margin-top: 12rpx;
+  font-size: 26rpx;
+  color: #909399;
+}
+
+.empty-btn {
+  margin-top: 40rpx;
+  padding: 0 40rpx;
+  border-radius: 999rpx;
+}
+
+.search-bar {
+  padding: 10rpx;
+  background-color: #fff;
+  //   border-bottom: 1rpx solid #e5e5e5;
+}
+
+.chat-block-title {
+  padding: 15rpx 0 5rpx 30rpx;
+}
+.title {
+  font-size: 32rpx;
+  font-weight: 600;
+  padding-left: 10rpx;
+}
+</style>
diff --git a/src/pages/ai/index.vue b/src/pages/ai/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..424d75a91cd6bfeed9ea533bb829b0a24002afaf
--- /dev/null
+++ b/src/pages/ai/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <view class="page-container">
+    <wd-navbar
+      title="AI大模型"
+      placeholder safe-area-inset-top fixed
+    />
+    <view class="ai-container">
+      <view v-for="group in aiMenusGroup" :key="group.key" class="mx-20rpx mt-20rpx overflow-hidden rounded-16rpx bg-white">
+        <view class="px-24rpx pb-0 pt-20rpx">
+          <text class="text-28rpx text-#333 font-500">{{ group.name }}</text>
+        </view>
+        <MenuGrid :menus="group.menus" />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { MenuGroup } from '../index'
+import { onMounted, ref } from 'vue'
+import { getMenuGroups } from '../index'
+import MenuGrid from '../index/components/menu-grid.vue'
+
+const aiMenusGroup = ref<MenuGroup[]>([])
+
+onMounted(() => {
+  aiMenusGroup.value = getMenuGroups().filter(group => group.key === 'ai')
+
+  console.log(aiMenusGroup.value)
+})
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/pages/ai/utils/constants.ts b/src/pages/ai/utils/constants.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3fee920b84f421d89446c4e203a3ba379ec52b06
--- /dev/null
+++ b/src/pages/ai/utils/constants.ts
@@ -0,0 +1,25 @@
+/**
+ * AI 平台的枚举
+ */
+export const AiPlatformEnum = {
+  TONG_YI: 'TongYi', // 阿里
+  YI_YAN: 'YiYan', // 百度
+  DEEP_SEEK: 'DeepSeek', // DeepSeek
+  ZHI_PU: 'ZhiPu', // 智谱 AI
+  XING_HUO: 'XingHuo', // 讯飞
+  SiliconFlow: 'SiliconFlow', // 硅基流动
+  OPENAI: 'OpenAI',
+  Ollama: 'Ollama',
+  STABLE_DIFFUSION: 'StableDiffusion', // Stability AI
+  MIDJOURNEY: 'Midjourney', // Midjourney
+  SUNO: 'Suno', // Suno AI
+}
+
+export const AiModelTypeEnum = {
+  CHAT: 1, // 聊天
+  IMAGE: 2, // 图像
+  VOICE: 3, // 音频
+  VIDEO: 4, // 视频
+  EMBEDDING: 5, // 向量
+  RERANK: 6, // 重排
+}
diff --git a/src/pages/index/index.ts b/src/pages/index/index.ts
index e75389fd4666f54b563495d304c1b913dd08e75d..bed4eeb9061dd0e92d66e45dc6fbc4c33e6f96a8 100644
--- a/src/pages/index/index.ts
+++ b/src/pages/index/index.ts
@@ -358,6 +358,21 @@ const menuGroupsData: MenuGroup[] = [
       },
     ],
   },
+  {
+    key: 'ai',
+    name: 'AI功能',
+    menus: [
+      {
+        key: 'aiChat',
+        name: 'AI对话',
+        icon: 'chat',
+        url: '/pages-ai/chat/index',
+        iconColor: '#597ef7',
+        permission: '',
+      },
+
+    ],
+  },
 ]
 
 /**
diff --git a/src/static/images/avatar.jpg b/src/static/images/avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d46a70a46430e31744420865138cc7eedb8b77e1
Binary files /dev/null and b/src/static/images/avatar.jpg differ
diff --git a/src/static/images/gpt.svg b/src/static/images/gpt.svg
new file mode 100644
index 0000000000000000000000000000000000000000..603e2e95a1fc9fde99f957b7180c0ae109e664f0
--- /dev/null
+++ b/src/static/images/gpt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716345268026" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5622" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M956.408445 419.226665a250.670939 250.670939 0 0 0-22.425219-209.609236A263.163526 263.163526 0 0 0 652.490412 85.715535 259.784384 259.784384 0 0 0 457.728923 0.008192a261.422756 261.422756 0 0 0-249.44216 178.582564 258.453206 258.453206 0 0 0-172.848261 123.901894c-57.03583 96.868753-44.031251 219.132275 32.153053 302.279661a250.670939 250.670939 0 0 0 22.32282 209.609237 263.163526 263.163526 0 0 0 281.595213 123.901893A259.067596 259.067596 0 0 0 566.271077 1023.990784a260.60357 260.60357 0 0 0 249.339762-178.889759 258.453206 258.453206 0 0 0 172.848261-123.901893c57.445423-96.868753 44.13365-218.82508-32.050655-302.074865zM566.578272 957.124721c-45.362429 0-89.496079-15.666934-124.516283-44.543243 1.638372-0.921584 4.198329-2.150363 6.143895-3.481541l206.537289-117.757998a32.35785 32.35785 0 0 0 16.895713-29.081105V474.82892l87.243317 49.97035c1.023983 0.307195 1.638372 1.228779 1.638372 2.252762v238.075953c0 105.8798-86.936122 191.689541-193.942303 191.996736zM148.588578 781.102113a189.846373 189.846373 0 0 1-23.346803-128.612213c1.535974 1.023983 4.09593 2.559956 6.143895 3.48154L337.922959 773.729439c10.444622 6.143896 23.346803 6.143896 34.098621 0l252.30931-143.664758v99.531108c0 1.023983-0.307195 1.945567-1.331177 2.559956l-208.892449 118.986778a196.297463 196.297463 0 0 1-265.518686-70.04041zM94.112704 335.97688c22.630015-39.013737 58.367008-68.81163 101.16948-84.171369V494.591784c0 11.7758 6.45109 22.93721 16.793315 28.978707l252.30931 143.767156L377.141493 716.796006a3.174346 3.174346 0 0 1-2.867152 0.307195l-208.892448-118.986777A190.870355 190.870355 0 0 1 94.215102 335.874482z m717.607001 164.861198L559.410394 357.070922 646.653711 307.20297a3.174346 3.174346 0 0 1 2.969549-0.307195l208.892449 118.986777a190.358364 190.358364 0 0 1 70.961994 262.139544 194.556693 194.556693 0 0 1-101.16948 84.171369V529.407192a31.538664 31.538664 0 0 0-16.588518-28.671513z m87.03852-129.329002c-1.74077-1.023983-4.300727-2.559956-6.246294-3.48154l-206.639687-117.757999a34.09862 34.09862 0 0 0-33.996222 0L399.566711 393.934295v-99.531108c0-1.023983 0.307195-1.945567 1.331178-2.559956l208.892449-119.089176a195.990268 195.990268 0 0 1 265.518686 70.450003c22.732414 38.706542 31.129071 84.171369 23.346803 128.305018zM352.258716 548.862861l-87.243317-49.560757a2.457558 2.457558 0 0 1-1.638372-2.252762V258.870991c0-105.8798 87.243317-191.996736 194.556692-191.689541a194.556693 194.556693 0 0 1 124.209089 44.543243c-1.638372 0.921584-4.198329 2.252762-6.143896 3.48154l-206.639687 117.757999a31.948257 31.948257 0 0 0-16.793315 29.081105l-0.307194 286.715126z m47.307995-100.759887L512 384.001664l112.535687 63.998912v127.997824l-112.228492 63.998912-112.535687-63.998912-0.307195-127.997824z" p-id="5623" fill="#707070"></path></svg>
\ No newline at end of file
diff --git a/src/tabbar/config.ts b/src/tabbar/config.ts
index 4e09d2c8a879070078b1c942951adb837366abc0..4aad02715b9eb43acf78ea0a040cf5899c75d60b 100644
--- a/src/tabbar/config.ts
+++ b/src/tabbar/config.ts
@@ -111,6 +111,13 @@ export const customTabbarList: CustomTabBarItem[] = [
     iconType: 'unocss',
     icon: 'i-carbon-chat',
   },
+  // add by panda 25.12.17：添加 AI 对话
+  {
+    text: '大模型',
+    pagePath: 'pages/ai/index',
+    iconType: 'unocss',
+    icon: 'i-carbon-ai',
+  },
   {
     text: '我的',
     pagePath: 'pages/user/index',
diff --git a/src/utils/index.ts b/src/utils/index.ts
index df08cbe3f47b9f06a6aa0661785910f726000916..1881d5358aa3807cfd441f610193e5936a5f3657 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -224,7 +224,22 @@ export function navigateBackPlus(fallbackUrl?: string) {
     uni.reLaunch({ url: targetUrl })
   }
 }
-
+/**
+ * 复制文本到剪贴板
+ * @param text 要复制的文本
+ */
+export function copyToClipboard(text: string) {
+  uni.setClipboardData({
+    data: text,
+    success: () => {
+      uni.showToast({
+        title: '复制成功!',
+        icon: 'success',
+        duration: 2000,
+      })
+    },
+  })
+}
 /** 获取 wd-navbar 导航栏高度 */
 export function getNavbarHeight() {
   const systemInfo = uni.getSystemInfoSync()
diff --git a/uno.config.ts b/uno.config.ts
index 4a4401f313237413c5467131fcf18cccc9cd74bb..a1b406e9a68306642a286c045be6f59e3eaf0114 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -71,7 +71,7 @@ export default defineConfig({
     },
   ],
   // 动态图标需要在这里配置，或者写在vue页面中注释掉
-  safelist: ['i-carbon-code', 'i-carbon-home', 'i-carbon-user', 'i-carbon-document', 'i-carbon-chat', 'i-carbon-user-avatar'],
+  safelist: ['i-carbon-code', 'i-carbon-home', 'i-carbon-user', 'i-carbon-document', 'i-carbon-chat', 'i-carbon-user-avatar', 'i-carbon-ai'],
   rules: [
     [
       'p-safe',
diff --git a/vite.config.ts b/vite.config.ts
index b404002dd3158f245ffdb083f0cbf3dda616eccc..4e1a94b69ef56743d4f5581adbe166b3d03d9cb8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -77,6 +77,7 @@ export default defineConfig(({ command, mode }) => {
           'src/pages-system', // “系统管理”模块
           'src/pages-infra', // “基础设施”模块
           'src/pages-bpm', // “工作流程”模块
+          'src/pages-ai', // “AI 功能”模块
         ],
         dts: 'src/types/uni-pages.d.ts',
       }),