feat: 彻底重构后台 UI 与对话上下文引用模块，全面优化移动端适配 (v1.0.4) #6

2026-06-21T11:36:04+08:00

bbb-lsy07 commented

2026-06-21 11:36:04 +08:00

(Migrated from github.com)

Description (描述)

📝 PR 摘要 / Summary

本次更新将版本号推进至 v1.0.4。核心重点是彻底解决了多用户混杂交谈时“完整对话”弹窗上下文不清晰的问题，并对插件的后台管理 UI 进行了全面重写与现代化升级。同时，修正了之前版本中遗失的部分配置功能。

✨ 核心特性 / New Features

对话上下文引用模块：在“查看完整对话”弹窗中，为非首条消息增加了精美的引用摘要框（微信/iOS 聊天气泡风格）。查看日志时，可以一眼看出 AI 是在回复哪位用户的哪句话。
纯净的层级回复：放弃了此前强行在 AI 回复内容中注入 Markdown > 💬 块的方案，改为在数据库中存储纯净文本，并严格利用 Halo 原生的 quoteReply 层级字段。这保证了 AI 的回复在前台页面能 100% 完美兼容任意博客主题的原生 UI。

💄 界面与响应式重构 / UI & UX Overhaul

全面移除 Tailwind 依赖：由于 Halo 后台宿主环境的 UnoCSS 缓存机制会导致动态 Tailwind 类名失效（引发排版错乱），本次将 LogsView.vue 和 SettingsView.vue 彻底使用原生 Scoped CSS 进行了重写。样式从此绝对稳定，不再受宿主环境干扰。
现代化卡片与交互：
- AI 角色卡片升级：增加柔和阴影（Soft Shadow）、悬浮微动效、状态圆点，界面质感大幅提升。
- 引用框升级：AI 气泡和用户气泡采用了不同透明度的自适应引用框，视觉层级更清晰。
深度移动端适配 (Mobile-First)：
- 工具栏（搜索、筛选、批量操作）在手机端自动垂直堆叠折叠。
- 对话弹窗及设置表单在手机端自动撑满宽度（max-width: calc(100vw - 32px)），防止溢出屏幕。
- 设置页面的 Tab 导航栏在移动端支持无缝横向滑动。

🐛 问题修复与优化 / Bug Fixes & Refactoring

恢复遗失功能：修复了上个测试版本中意外丢失的「AI角色增删改查」、「数据清理面板」、「配置导入/导出」以及「Gravatar 头像实时预览」的完整功能代码。
完善 .gitignore：补充了对 Gradle 编译产物、前端 node_modules 以及 IDEA/VSCode 等本地配置文件的拦截，确保推送到 GitHub 的源码库绝对干净。
后端接口补充：优化 CommentAiAutopilotEndpoint 中的 getConversation 方法，向上溯源构建 quoteOwner 和 quoteContent 以支撑前端引用模块渲染。

✅ Checklist

代码已在本地编译并测试通过 (./gradlew clean build)
版本号已统一更新至 1.0.4 (build.gradle & plugin.yaml 由于测试时为了刷新缓存改至.4版本)
无敏感信息或无用编译文件 (.jar, node_modules) 被提交

直接可用的测试jar产物

plugin-comment-ai-autopilot-1.0.4.jar.zip

### Description (描述) #### 📝 PR 摘要 / Summary 本次更新将版本号推进至 **v1.0.4**。核心重点是彻底解决了多用户混杂交谈时“完整对话”弹窗上下文不清晰的问题，并对插件的后台管理 UI 进行了全面重写与现代化升级。同时，修正了之前版本中遗失的部分配置功能。 #### ✨ 核心特性 / New Features - **对话上下文引用模块**：在“查看完整对话”弹窗中，为非首条消息增加了精美的引用摘要框（微信/iOS 聊天气泡风格）。查看日志时，可以一眼看出 AI 是在回复哪位用户的哪句话。 - **纯净的层级回复**：放弃了此前强行在 AI 回复内容中注入 Markdown `> 💬` 块的方案，改为在数据库中存储纯净文本，并严格利用 Halo 原生的 `quoteReply` 层级字段。**这保证了 AI 的回复在前台页面能 100% 完美兼容任意博客主题的原生 UI。** #### 💄 界面与响应式重构 / UI & UX Overhaul - **全面移除 Tailwind 依赖**：由于 Halo 后台宿主环境的 UnoCSS 缓存机制会导致动态 Tailwind 类名失效（引发排版错乱），本次将 `LogsView.vue` 和 `SettingsView.vue` **彻底使用原生 Scoped CSS 进行了重写**。样式从此绝对稳定，不再受宿主环境干扰。 - **现代化卡片与交互**： - AI 角色卡片升级：增加柔和阴影（Soft Shadow）、悬浮微动效、状态圆点，界面质感大幅提升。 - 引用框升级：AI 气泡和用户气泡采用了不同透明度的自适应引用框，视觉层级更清晰。 - **深度移动端适配 (Mobile-First)**： - 工具栏（搜索、筛选、批量操作）在手机端自动垂直堆叠折叠。 - 对话弹窗及设置表单在手机端自动撑满宽度（`max-width: calc(100vw - 32px)`），防止溢出屏幕。 - 设置页面的 Tab 导航栏在移动端支持无缝横向滑动。 #### 🐛 问题修复与优化 / Bug Fixes & Refactoring - **恢复遗失功能**：修复了上个测试版本中意外丢失的「AI角色增删改查」、「数据清理面板」、「配置导入/导出」以及「Gravatar 头像实时预览」的完整功能代码。 - **完善 `.gitignore`**：补充了对 Gradle 编译产物、前端 `node_modules` 以及 IDEA/VSCode 等本地配置文件的拦截，确保推送到 GitHub 的源码库绝对干净。 - **后端接口补充**：优化 `CommentAiAutopilotEndpoint` 中的 `getConversation` 方法，向上溯源构建 `quoteOwner` 和 `quoteContent` 以支撑前端引用模块渲染。 #### ✅ Checklist - [x] 代码已在本地编译并测试通过 (`./gradlew clean build`) - [x] 版本号已统一更新至 `1.0.4` (`build.gradle` & `plugin.yaml` 由于测试时为了刷新缓存改至.4版本) - [x] 无敏感信息或无用编译文件 (`.jar`, `node_modules`) 被提交 #### 直接可用的测试jar产物 [plugin-comment-ai-autopilot-1.0.4.jar.zip](https://github.com/user-attachments/files/29170646/plugin-comment-ai-autopilot-1.0.4.jar.zip)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: nxxy335/plugin-comment-ai-autopilot#6