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

Merged
bbb-lsy07 merged 11 commits from main into main 2026-06-21 12:20:25 +08:00
2 changed files with 88 additions and 74 deletions
Showing only changes of commit 058d562e7e - Show all commits
@@ -80,10 +80,38 @@ public class CommentReplyPublisher {
private Mono<Reply> doPublish(String parentCommentName, String replyContent,
String postName, String quoteReplyName, boolean autoPublish,
String personaName) {
return resolvePersona(personaName).flatMap(persona -> {
// 1. 获取被回复的对象信息,构建 Markdown 引用
Mono<String> quoteMarkdownMono = Mono.empty();
if (quoteReplyName != null && !quoteReplyName.isBlank()) {
// 如果是回复另一条回复
quoteMarkdownMono = client.fetch(Reply.class, quoteReplyName)
.map(r -> buildQuoteMarkdown(
r.getSpec().getOwner() != null ? r.getSpec().getOwner().getDisplayName() : "匿名用户",
r.getSpec().getRaw() != null ? r.getSpec().getRaw() : r.getSpec().getContent()
));
} else if (parentCommentName != null && !parentCommentName.isBlank()) {
// 如果是直接回复顶级评论
quoteMarkdownMono = client.fetch(Comment.class, parentCommentName)
.map(c -> buildQuoteMarkdown(
c.getSpec().getOwner() != null ? c.getSpec().getOwner().getDisplayName() : "匿名用户",
c.getSpec().getRaw() != null ? c.getSpec().getRaw() : c.getSpec().getContent()
));
}
// 2. 解析 AI 角色并合并最终文本进行发布
return Mono.zip(resolvePersona(personaName), quoteMarkdownMono.defaultIfEmpty(""))
.flatMap(tuple -> {
ResolvedPersona persona = tuple.getT1();
String quoteMarkdown = tuple.getT2();
String displayName = persona.displayName();
String email = persona.email();
// 将引用文本拼接到 AI 回复内容的最前面
String finalContent = quoteMarkdown.isBlank() ? replyContent : quoteMarkdown + "\n\n" + replyContent;
Reply reply = new Reply();
reply.setMetadata(new Metadata());
reply.getMetadata().setName(generateReplyName());
@@ -91,8 +119,8 @@ public class CommentReplyPublisher {
var spec = reply.getSpec();
spec.setCommentName(parentCommentName);
spec.setRaw(replyContent);
spec.setContent(replyContent);
spec.setRaw(finalContent); // 保存带有引用的完整 Markdown
spec.setContent(finalContent); // 同上
spec.setApproved(autoPublish);
if (autoPublish) {
spec.setApprovedTime(Instant.now());
@@ -117,7 +145,6 @@ public class CommentReplyPublisher {
Map<String, String> ownerAnnotations = new HashMap<>();
ownerAnnotations.put("comment-ai-autopilot.nxxy335.top/is-ai", "true");
// 使用Gravatar邮箱头像
if (email != null && !email.isBlank()) {
String gravatarUrl = GravatarUtil.generateUrl(email);
ownerAnnotations.put(Comment.CommentOwner.AVATAR_ANNO, gravatarUrl);
@@ -125,20 +152,27 @@ public class CommentReplyPublisher {
owner.setAnnotations(ownerAnnotations);
spec.setOwner(owner);
log.info("[Publisher] Creating reply for comment: {}, owner: kind={}, name={}, displayName={}, annotations={}",
parentCommentName, owner.getKind(), owner.getName(), owner.getDisplayName(), ownerAnnotations);
log.info("[Publisher] Creating reply for comment: {}, finalContent length: {}", parentCommentName, finalContent.length());
return client.create(reply)
.doOnSuccess(created -> {
var createdOwner = created.getSpec().getOwner();
log.info("[Publisher] AI Persona '{}' reply published for comment: {}, quoteReply: {}, owner annotations after create: {}",
displayName, parentCommentName, quoteReplyName,
createdOwner != null ? createdOwner.getAnnotations() : "null");
})
.doOnSuccess(created -> log.info("[Publisher] AI Persona '{}' reply published for comment: {}", displayName, parentCommentName))
.doOnError(e -> log.error("[Publisher] Failed to publish AI reply: {}", e.getMessage()));
});
}
/**
* 新增辅助方法:构建 Markdown 引用块
*/
private String buildQuoteMarkdown(String username, String rawText) {
if (rawText == null || rawText.isBlank()) return "";
// 清除 HTML 标签,防止破坏 Markdown 结构
String plainText = org.jsoup.Jsoup.clean(rawText, org.jsoup.safety.Safelist.none()).trim();
// 截断过长的引用内容(超过 40 个字符加省略号)
String truncated = plainText.length() > 40 ? plainText.substring(0, 40) + "..." : plainText;
// 生成标准 Markdown Blockquote
return "> 💬 **@" + username + "** : " + truncated;
}
/**
* Resolve persona info from AiPersona extension.
* Priority:
+4 -24
View File
@@ -299,19 +299,8 @@
:class="msg.isAi
? 'bg-blue-50 text-gray-800 rounded-tl-md'
: 'bg-gray-100 text-gray-800 rounded-tr-md'"
>
<!-- 引用摘要模块仅当存在引用时显示 -->
<div
v-if="msg.quoteOwner && msg.quoteContent"
class="mb-2 px-3 py-1.5 bg-black/5 rounded-lg border-l-2 border-gray-300 text-xs text-gray-500"
>
<span class="font-medium text-gray-600">@{{ msg.quoteOwner }}</span>:
{{ truncateQuote(msg.quoteContent, 30) }}
</div>
<!-- 实际回复内容 -->
<div v-html="renderContent(msg.content)"></div>
</div>
v-html="renderContent(msg.content)"
></div>
<!-- Time -->
<div class="text-[10px] text-gray-300 mt-1" :class="msg.isAi ? 'text-left' : 'text-right'">
{{ formatDate(msg.time) }}
@@ -369,8 +358,6 @@ interface ConversationMessage {
content: string
time: string
isAi: boolean
quoteOwner?: string
quoteContent?: string
}
const replies = ref<AiCommentReplyItem[]>([])
@@ -652,15 +639,6 @@ const stripHtml = (html: string) => {
.trim()
}
/**
* Truncate quote content for preview
*/
const truncateQuote = (content: string, length = 30) => {
if (!content) return ""
const plain = stripHtml(content)
return plain.length > length ? plain.substring(0, length) + "..." : plain
}
/**
* Sanitize and render HTML content for conversation bubbles.
* Only allows safe inline tags, strips dangerous elements.
@@ -668,6 +646,8 @@ const truncateQuote = (content: string, length = 30) => {
const renderContent = (content: string) => {
if (!content) return "<span class='text-gray-400'>(空)</span>"
return content
// 将 Markdown 的换行符替换为 HTML 的换行
.replace(/\n/g, "<br/>")
.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, "")
.replace(/<iframe[^>]*>[\s\S]*?<\/iframe>/gi, "")
.replace(/<object[^>]*>[\s\S]*?<\/object>/gi, "")