From 76f4bd827560f0cbace81cf6e1613497c93faa89 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Fri, 26 Jun 2026 16:29:43 +0800
Subject: [PATCH] fix: lint

---
 apps/web-antd/src/views/im/home/index.vue     | 198 ++--
 .../im/home/pages/contact/group-detail.vue    |  14 +-
 .../im/home/pages/contact/group-list.vue      |  43 +-
 .../src/views/im/home/pages/contact/index.vue | 231 +++--
 .../components/input/face-picker.vue          | 160 +--
 .../components/input/mention-picker.vue       | 139 +--
 .../components/input/message-input.vue        | 925 +++++++++--------
 .../input/message-multi-select-bar.vue        |  95 +-
 .../components/input/voice-recorder.vue       | 276 ++---
 .../components/message/forward/keys.ts        |  29 +-
 .../forward/message-forward-dialog.vue        | 312 +++---
 .../forward/message-merge-detail-dialog.vue   |  63 +-
 .../message/group-pinned-message.vue          | 122 ++-
 .../message/group-request-pending.vue         |  52 +-
 .../components/message/material-bubble.vue    |  97 +-
 .../components/message/message-bubble.vue     | 220 ++--
 .../components/message/message-history.vue    | 463 +++++----
 .../components/message/message-item.vue       | 736 ++++++++------
 .../components/message/message-panel.vue      | 514 +++++-----
 .../message/message-read-status.vue           | 114 ++-
 .../components/message/reply-preview.vue      | 172 ++--
 .../components/message/tip-segments.vue       |  30 +-
 .../im/home/pages/conversation/index.vue      | 186 ++--
 .../src/views/im/home/store/channelStore.ts   |  91 +-
 .../views/im/home/store/conversationStore.ts  | 817 ++++++++-------
 .../src/views/im/home/store/faceStore.ts      | 113 +-
 .../src/views/im/home/store/friendStore.ts    | 766 ++++++++------
 .../views/im/home/store/groupRequestStore.ts  | 205 ++--
 .../src/views/im/home/store/groupStore.ts     | 962 ++++++++++--------
 .../src/views/im/home/store/messageStore.ts   | 962 ++++++++++--------
 .../src/views/im/home/store/rtcStore.ts       | 409 ++++----
 .../src/views/im/home/store/uiStore.ts        | 101 +-
 .../src/views/im/home/store/websocketStore.ts | 944 +++++++++--------
 .../web-antd/src/views/im/home/types/index.ts | 368 +++----
 .../channel/list/components/select.vue        |   8 +-
 .../src/views/im/manager/channel/list/data.ts |  79 +-
 .../views/im/manager/channel/list/index.vue   |  77 +-
 .../im/manager/channel/list/modules/form.vue  |  74 +-
 .../channel/material/components/select.vue    |   8 +-
 .../im/manager/channel/message/index.vue      |  10 +-
 .../channel/message/modules/send-form.vue     |   6 +-
 .../src/views/im/manager/face/pack/index.vue  |   5 +-
 .../manager/face/pack/modules/item-drawer.vue |   4 +-
 .../manager/face/pack/modules/item-form.vue   |   3 +-
 .../views/im/manager/face/userItem/index.vue  |   9 +-
 .../src/views/im/manager/friend/data.ts       |   5 +-
 .../group/components/select-dialog.vue        |   7 +-
 .../im/manager/group/components/select.vue    |  11 +-
 .../src/views/im/manager/group/data.ts        |   5 +-
 .../src/views/im/manager/group/index.vue      |  10 +-
 .../views/im/manager/group/modules/detail.vue |  25 +-
 .../im/manager/message/content-preview.vue    |  26 +-
 .../src/views/im/manager/message/data.ts      |   8 +-
 .../views/im/manager/message/group/index.vue  |  12 +-
 .../manager/message/group/modules/detail.vue  |  23 +-
 .../im/manager/message/private/index.vue      |   5 +-
 .../message/private/modules/detail.vue        |  13 +-
 .../web-antd/src/views/im/manager/rtc/data.ts |   5 +-
 .../views/im/manager/rtc/modules/detail.vue   |  39 +-
 .../im/manager/sensitiveword/modules/form.vue |   3 +-
 .../components/distribution-chart.vue         |   4 +-
 .../statistics/components/overview-cards.vue  |  11 +-
 .../statistics/components/trend-chart.vue     |   5 +-
 .../src/views/im/manager/statistics/index.vue |  10 +-
 apps/web-antd/src/views/im/utils/auth.ts      |   8 +-
 apps/web-antd/src/views/im/utils/channel.ts   |  12 +-
 apps/web-antd/src/views/im/utils/config.ts    |  52 +-
 apps/web-antd/src/views/im/utils/constants.ts | 117 ++-
 .../src/views/im/utils/conversation.ts        | 127 ++-
 apps/web-antd/src/views/im/utils/db.ts        | 475 +++++----
 apps/web-antd/src/views/im/utils/emoji.ts     | 145 ++-
 apps/web-antd/src/views/im/utils/group.ts     | 316 +++---
 apps/web-antd/src/views/im/utils/image.ts     |  47 +-
 apps/web-antd/src/views/im/utils/message.ts   | 828 ++++++++-------
 apps/web-antd/src/views/im/utils/pull.ts      | 121 ++-
 apps/web-antd/src/views/im/utils/time.ts      | 102 +-
 apps/web-antd/src/views/im/utils/user.ts      | 267 ++---
 77 files changed, 8040 insertions(+), 6016 deletions(-)

diff --git a/apps/web-antd/src/views/im/home/index.vue b/apps/web-antd/src/views/im/home/index.vue
index e40b6bd07..b15c34aca 100644
--- a/apps/web-antd/src/views/im/home/index.vue
+++ b/apps/web-antd/src/views/im/home/index.vue
@@ -1,54 +1,56 @@
 <script lang="ts" setup>
-import type { Conversation } from './types'
+import type { Conversation } from './types';
 
-import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
 
-import { preferences } from '@vben/preferences'
+import { preferences } from '@vben/preferences';
 
-import { ImConversationType } from '../utils/constants'
-import { initDb, stopRequests, StorageKeys } from '../utils/db'
-import { ContextMenu, ToolBar } from './components'
-import { GroupInfoCard } from './components/group'
-import { RtcCallContainer } from './components/rtc'
-import { UserInfoCard } from './components/user'
-import { useMessagePuller } from './composables/useMessagePuller'
-import { useMessageSender } from './composables/useMessageSender'
-import { useVoicePlayer } from './composables/useVoicePlayer'
-import { useChannelStore } from './store/channelStore'
-import { useConversationStore } from './store/conversationStore'
-import { useFaceStore } from './store/faceStore'
-import { useFriendStore } from './store/friendStore'
-import { useGroupRequestStore } from './store/groupRequestStore'
-import { useGroupStore } from './store/groupStore'
-import { useMessageStore } from './store/messageStore'
-import { useImWebSocketStore } from './store/websocketStore'
+import { ImConversationType } from '../utils/constants';
+import { initDb, stopRequests, StorageKeys } from '../utils/db';
+import { ContextMenu, ToolBar } from './components';
+import { GroupInfoCard } from './components/group';
+import { RtcCallContainer } from './components/rtc';
+import { UserInfoCard } from './components/user';
+import { useMessagePuller } from './composables/useMessagePuller';
+import { useMessageSender } from './composables/useMessageSender';
+import { useVoicePlayer } from './composables/useVoicePlayer';
+import { useChannelStore } from './store/channelStore';
+import { useConversationStore } from './store/conversationStore';
+import { useFaceStore } from './store/faceStore';
+import { useFriendStore } from './store/friendStore';
+import { useGroupRequestStore } from './store/groupRequestStore';
+import { useGroupStore } from './store/groupStore';
+import { useMessageStore } from './store/messageStore';
+import { useImWebSocketStore } from './store/websocketStore';
 
-defineOptions({ name: 'ImIndex' })
+defineOptions({ name: 'ImIndex' });
 
-const route = useRoute()
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
-const webSocketStore = useImWebSocketStore()
-const friendStore = useFriendStore()
-const groupStore = useGroupStore()
-const groupRequestStore = useGroupRequestStore()
-const faceStore = useFaceStore()
-const channelStore = useChannelStore()
-const { pullOnce, cancelPull } = useMessagePuller()
-const { readActive, syncPrivateReadStatus } = useMessageSender()
-const voicePlayer = useVoicePlayer()
-const childRouteReady = ref(false) // 子路由是否可挂载
+const route = useRoute();
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
+const webSocketStore = useImWebSocketStore();
+const friendStore = useFriendStore();
+const groupStore = useGroupStore();
+const groupRequestStore = useGroupRequestStore();
+const faceStore = useFaceStore();
+const channelStore = useChannelStore();
+const { pullOnce, cancelPull } = useMessagePuller();
+const { readActive, syncPrivateReadStatus } = useMessageSender();
+const voicePlayer = useVoicePlayer();
+const childRouteReady = ref(false); // 子路由是否可挂载
 
 /** 初始化：先吃本地缓存让首屏立即渲染，再远端刷新最新数据，最后建实时通信拉离线消息 */
 onMounted(async () => {
   // 0.1 系统表情包后台预拉：独立链路与首屏 IDB / 远端拉取并发，消除表情面板首次展开白屏；失败仅记日志，不阻塞主流程
-  void faceStore.ensureFacePackList().catch((error) => console.warn('[IM] 后台预拉表情包失败', error))
+  void faceStore
+    .ensureFacePackList()
+    .catch((error) => console.warn('[IM] 后台预拉表情包失败', error));
   // 1.1 整段 loading=true 阻断会话列表抖动写盘 + WebSocket 普通消息进缓冲，避免 connect 到 pullOnce 之间收到的实时消息推进 maxId 导致 pull 跳过断线积压消息
-  conversationStore.loading = true
+  conversationStore.loading = true;
   try {
     // 1.2 打开当前用户 IM DB
-    await initDb()
+    await initDb();
     // 1.3 多个 store 并发从 IDB 读取本地缓存
     const cacheResults = await Promise.all([
       conversationStore.loadConversationList(),
@@ -56,109 +58,122 @@ onMounted(async () => {
       friendStore.loadFriendData(),
       groupStore.loadGroupList(),
       channelStore.loadChannelList(),
-      groupRequestStore.loadGroupRequestList()
-    ])
-    const hasFriendRows = cacheResults[2]
-    const hasGroupRows = cacheResults[3]
-    const hasChannelRows = cacheResults[4]
-    groupStore.markAllGroupActiveCallsExpired()
-    groupStore.markAllGroupMembersExpired()
-    childRouteReady.value = true
+      groupRequestStore.loadGroupRequestList(),
+    ]);
+    const hasFriendRows = cacheResults[2];
+    const hasGroupRows = cacheResults[3];
+    const hasChannelRows = cacheResults[4];
+    groupStore.markAllGroupActiveCallsExpired();
+    groupStore.markAllGroupMembersExpired();
+    childRouteReady.value = true;
     // 1.4 我管理的群下未处理加群申请红点：首登用 unhandled-list（服务端直接过滤未处理，语义精准、启动轻）；
     //     pullGroupRequests 只在重连 / 后续补偿时跑（见 useMessagePuller.pullStateEvents），不进首登主链路
     void groupRequestStore
       .fetchUnhandledGroupRequestList()
-      .catch((error) => console.warn('[IM] 拉取未处理加群申请失败', error))
+      .catch((error) => console.warn('[IM] 拉取未处理加群申请失败', error));
 
     // 2. 好友主数据恢复走 pull；群列表用快照刷新，覆盖离线期间自己的入群 / 退群状态变化
     // 2.1 有缓存：异步背景增量刷新，失败仅记日志（IDB 数据已经够撑首屏，pullOnce 也能正常入库）
     // 2.2 无缓存（首登 / 切账号回切）：必须 await + 失败抛出中断本轮 onMounted，
     //     否则 pullOnce 会用 senderId 数字给会话起名落到 IDB 后续基本无法自愈；无缓存分支并发 Promise.all 省一个 RTT
-    const requiredFetches: Promise<unknown>[] = []
+    const requiredFetches: Promise<unknown>[] = [];
     if (hasFriendRows) {
-      void friendStore.pullFriends().catch((error) => console.warn('[IM] 后台增量拉好友失败', error))
+      void friendStore
+        .pullFriends()
+        .catch((error) => console.warn('[IM] 后台增量拉好友失败', error));
     } else {
-      requiredFetches.push(friendStore.pullFriends())
+      requiredFetches.push(friendStore.pullFriends());
     }
     if (hasGroupRows) {
-      void groupStore.fetchGroupList(true).catch((error) => console.warn('[IM] 后台刷新群列表失败', error))
+      void groupStore
+        .fetchGroupList(true)
+        .catch((error) => console.warn('[IM] 后台刷新群列表失败', error));
     } else {
-      requiredFetches.push(groupStore.fetchGroupList(true))
+      requiredFetches.push(groupStore.fetchGroupList(true));
     }
     // 2.3 频道无增量 pull 接口，继续走 list
     if (hasChannelRows) {
-      void channelStore.fetchChannelList().catch((error) => console.warn('[IM] 后台刷频道列表失败', error))
+      void channelStore
+        .fetchChannelList()
+        .catch((error) => console.warn('[IM] 后台刷频道列表失败', error));
     } else {
-      requiredFetches.push(channelStore.fetchChannelList())
+      requiredFetches.push(channelStore.fetchChannelList());
     }
     // 2.4 执行加载
     if (requiredFetches.length > 0) {
-      await Promise.all(requiredFetches)
+      await Promise.all(requiredFetches);
     }
 
     // 2.5 好友申请增量补偿：首登也要跑，离线期间好友申请变更不会影响好友主表
     void friendStore
       .pullFriendRequests()
-      .catch((error) => console.warn('[IM] 后台增量拉好友申请失败', error))
+      .catch((error) => console.warn('[IM] 后台增量拉好友申请失败', error));
 
     // 3. 会话读位置先补偿，消息入库时可直接过滤已读历史消息
     await conversationStore
       .pullConversationReads()
-      .catch((error) => console.warn('[IM] 拉取会话读位置失败', error))
+      .catch((error) => console.warn('[IM] 拉取会话读位置失败', error));
 
     // 4. 实时通信：建 WebSocket 长连接 + 拉离线消息（pullOnce finally 把 loading 归位）
-    webSocketStore.connect()
-    await pullOnce()
+    webSocketStore.connect();
+    await pullOnce();
 
     // 5. 默认选中第一个会话；若置顶分组处于折叠态，需跳过被折叠隐藏的置顶项，避免自动展开折叠
-    const sorted = conversationStore.getSortedConversationList
-    const firstVisible = pickFirstVisibleConversation(sorted)
+    const sorted = conversationStore.getSortedConversationList;
+    const firstVisible = pickFirstVisibleConversation(sorted);
     if (firstVisible && !conversationStore.activeConversation) {
-      conversationStore.setActiveConversation(firstVisible)
+      conversationStore.setActiveConversation(firstVisible);
     }
   } catch (error) {
     // 1. 首拉失败：手动复位 loading（pullOnce 没跑到，它的 finally 兜不到这里），否则后续会话列表写入全被早 return 阻断
     // 2. WebSocket 不在这里 disconnect——路由离开会走 onUnmounted 自然清理，用户也可以刷新重试
-    conversationStore.loading = false
-    console.error('[IM] 初始化失败', error)
+    conversationStore.loading = false;
+    console.error('[IM] 初始化失败', error);
   }
-})
+});
 
 /**
  * 选首屏自动激活的会话；置顶分组折叠时跳过被折叠隐藏的置顶项，避免激活后被自动顶上来
  *
  * 折叠态判定只看用户开关；非置顶 / 有未读的置顶项始终可见，全是可折叠置顶时回退到 sorted[0] 兜底
  */
-function pickFirstVisibleConversation(sorted: Conversation[]): Conversation | undefined {
+function pickFirstVisibleConversation(
+  sorted: Conversation[],
+): Conversation | undefined {
   if (sorted.length === 0) {
-    return undefined
+    return undefined;
   }
   const pinnedExpanded =
-    localStorage.getItem(StorageKeys.localStorage.conversationPinnedExpanded) === 'true'
+    localStorage.getItem(
+      StorageKeys.localStorage.conversationPinnedExpanded,
+    ) === 'true';
   if (pinnedExpanded) {
-    return sorted[0]
+    return sorted[0];
   }
-  return sorted.find((c) => !c.top || (!c.silent && (c.unreadCount || 0) > 0)) ?? sorted[0]
+  return (
+    sorted.find((c) => !c.top || (!c.silent && (c.unreadCount || 0) > 0)) ??
+    sorted[0]
+  );
 }
 
 /** 标签关闭前 flush 草稿队列；debounce 默认 trail-edge 触发，最后一次输入可能还压在队列里 */
 function onBeforeUnload() {
-  conversationStore.flushConversationDraftSave()
+  conversationStore.flushConversationDraftSave();
 }
-window.addEventListener('beforeunload', onBeforeUnload)
+window.addEventListener('beforeunload', onBeforeUnload);
 
 /** 离开 IM 主壳：取消 pull、断开 WebSocket、保存草稿、停止语音、解绑 unload，并结束当前 IM session */
 onUnmounted(() => {
-  cancelPull()
-  webSocketStore.disconnect()
-  conversationStore.flushConversationDraftSave()
-  faceStore.clear()
+  cancelPull();
+  webSocketStore.disconnect();
+  conversationStore.flushConversationDraftSave();
+  faceStore.clear();
   // 模块级单例 audio 不会随视图卸载自动停，主动停掉避免切路由后语音继续响
-  voicePlayer.stop()
-  window.removeEventListener('beforeunload', onBeforeUnload)
+  voicePlayer.stop();
+  window.removeEventListener('beforeunload', onBeforeUnload);
   // 停止当前 IM session 并清理各 store 内存
-  void stopRequests()
-})
+  void stopRequests();
+});
 
 /**
  * 当前会话切换：本地清零未读 + 上报后端已读 + 私聊补"对方已读到哪条"
@@ -169,20 +184,20 @@ onUnmounted(() => {
 watch(
   () => [
     conversationStore.activeConversation?.type,
-    conversationStore.activeConversation?.targetId
+    conversationStore.activeConversation?.targetId,
   ],
   async ([type, targetId]) => {
     if (!targetId) {
-      return
+      return;
     }
     // 本地清零未读 + 上报后端已读，让其它端 / 对方 UI 同步
-    await readActive()
+    await readActive();
     // 私聊补一次"对方已读到哪条"，弥补离线 / 多端漏掉的 RECEIPT 推送
     if (type === ImConversationType.PRIVATE) {
-      void syncPrivateReadStatus(targetId)
+      void syncPrivateReadStatus(targetId);
     }
-  }
-)
+  },
+);
 
 /**
  * 浏览器标签 title 拼上未读数前缀；例：(63条未读)芋道源码
@@ -194,12 +209,13 @@ watch(
   [() => conversationStore.getTotalUnreadCount, () => route.fullPath],
   ([count]) => {
     nextTick(() => {
-      const base = preferences.app.name
-      document.title = count > 0 ? `(${count > 99 ? '99+' : count}条未读)${base}` : base
-    })
+      const base = preferences.app.name;
+      document.title =
+        count > 0 ? `(${count > 99 ? '99+' : count}条未读)${base}` : base;
+    });
   },
-  { immediate: true }
-)
+  { immediate: true },
+);
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/im/home/pages/contact/group-detail.vue b/apps/web-antd/src/views/im/home/pages/contact/group-detail.vue
index e93bb356e..07777a195 100644
--- a/apps/web-antd/src/views/im/home/pages/contact/group-detail.vue
+++ b/apps/web-antd/src/views/im/home/pages/contact/group-detail.vue
@@ -1,17 +1,17 @@
 <script lang="ts" setup>
-import type { GroupLite } from '../../types'
+import type { GroupLite } from '../../types';
 
-import { GroupInfo } from '../../components/group'
+import { GroupInfo } from '../../components/group';
 
-defineOptions({ name: 'ImContactGroupDetail' })
+defineOptions({ name: 'ImContactGroupDetail' });
 
 defineProps<{
-  group: GroupLite
-}>()
+  group: GroupLite;
+}>();
 
 const emit = defineEmits<{
-  chat: [group: GroupLite]
-}>()
+  chat: [group: GroupLite];
+}>();
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/im/home/pages/contact/group-list.vue b/apps/web-antd/src/views/im/home/pages/contact/group-list.vue
index 8b094f791..d173584fa 100644
--- a/apps/web-antd/src/views/im/home/pages/contact/group-list.vue
+++ b/apps/web-antd/src/views/im/home/pages/contact/group-list.vue
@@ -1,33 +1,35 @@
 <script lang="ts" setup>
-import type { GroupLite } from '../../types'
+import type { GroupLite } from '../../types';
 
-import { computed, ref } from 'vue'
+import { computed, ref } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { GroupItem } from '../../components/group'
+import { GroupItem } from '../../components/group';
 
-defineOptions({ name: 'ImContactGroupList' })
+defineOptions({ name: 'ImContactGroupList' });
 
 const props = defineProps<{
-  activeId?: number
-  groups: GroupLite[]
-  keyword: string
-}>()
+  activeId?: number;
+  groups: GroupLite[];
+  keyword: string;
+}>();
 
-const emit = defineEmits<{ select: [group: GroupLite] }>()
+const emit = defineEmits<{ select: [group: GroupLite] }>();
 
-const expanded = ref(true)
+const expanded = ref(true);
 
 const filtered = computed(() => {
-  const keywordLower = props.keyword.trim().toLowerCase()
+  const keywordLower = props.keyword.trim().toLowerCase();
   if (!keywordLower) {
-    return props.groups
+    return props.groups;
   }
   return props.groups.filter((group) =>
-    (group.showGroupName || group.name || '').toLowerCase().includes(keywordLower)
-  )
-})
+    (group.showGroupName || group.name || '')
+      .toLowerCase()
+      .includes(keywordLower),
+  );
+});
 </script>
 
 <template>
@@ -42,9 +44,14 @@ const filtered = computed(() => {
       class="flex gap-2 items-center px-3.5 py-2.5 text-15px text-[var(--ant-color-text)] cursor-pointer select-none hover:bg-[var(--ant-color-fill-secondary)]"
       @click="expanded = !expanded"
     >
-      <Icon :icon="expanded ? 'ep:caret-bottom' : 'ep:caret-right'" :size="14" />
+      <Icon
+        :icon="expanded ? 'ep:caret-bottom' : 'ep:caret-right'"
+        :size="14"
+      />
       <span class="flex-1">群聊</span>
-      <span class="text-sm text-[var(--ant-color-text-secondary)]">{{ filtered.length }}</span>
+      <span class="text-sm text-[var(--ant-color-text-secondary)]">{{
+        filtered.length
+      }}</span>
     </div>
     <div v-show="expanded">
       <GroupItem
diff --git a/apps/web-antd/src/views/im/home/pages/contact/index.vue b/apps/web-antd/src/views/im/home/pages/contact/index.vue
index 128be6500..5deb944bb 100644
--- a/apps/web-antd/src/views/im/home/pages/contact/index.vue
+++ b/apps/web-antd/src/views/im/home/pages/contact/index.vue
@@ -1,58 +1,73 @@
 <script lang="ts" setup>
-import type { FriendLite, FriendRequest, Group, GroupLite, User } from '../../types'
+import type {
+  FriendLite,
+  FriendRequest,
+  Group,
+  GroupLite,
+  User,
+} from '../../types';
 
-import { computed, onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
+import { computed, onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
 
-import { confirm } from '@vben/common-ui'
-import { IconifyIcon as Icon } from '@vben/icons'
+import { confirm } from '@vben/common-ui';
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { Input, message } from 'ant-design-vue'
+import { Input, message } from 'ant-design-vue';
 
-import { ImConversationType } from '../../../utils/constants'
-import { StorageKeys } from '../../../utils/db'
-import { getFriendDisplayName, getGroupDisplayName, isGroupQuit } from '../../../utils/user'
-import { ResizableAside } from '../../components'
-import { UserInfo } from '../../components/user'
-import { useConversationStore } from '../../store/conversationStore'
-import { useFriendStore } from '../../store/friendStore'
-import { useGroupStore } from '../../store/groupStore'
-import FriendList from './friend-list.vue'
-import FriendRequestDetail from './friend-request-detail.vue'
-import FriendRequestList from './friend-request-list.vue'
-import GroupDetail from './group-detail.vue'
-import GroupList from './group-list.vue'
+import { ImConversationType } from '../../../utils/constants';
+import { StorageKeys } from '../../../utils/db';
+import {
+  getFriendDisplayName,
+  getGroupDisplayName,
+  isGroupQuit,
+} from '../../../utils/user';
+import { ResizableAside } from '../../components';
+import { UserInfo } from '../../components/user';
+import { useConversationStore } from '../../store/conversationStore';
+import { useFriendStore } from '../../store/friendStore';
+import { useGroupStore } from '../../store/groupStore';
+import FriendList from './friend-list.vue';
+import FriendRequestDetail from './friend-request-detail.vue';
+import FriendRequestList from './friend-request-list.vue';
+import GroupDetail from './group-detail.vue';
+import GroupList from './group-list.vue';
 
-defineOptions({ name: 'ImContactPage' })
+defineOptions({ name: 'ImContactPage' });
 
-const router = useRouter()
-const conversationStore = useConversationStore()
-const friendStore = useFriendStore()
-const groupStore = useGroupStore()
+const router = useRouter();
+const conversationStore = useConversationStore();
+const friendStore = useFriendStore();
+const groupStore = useGroupStore();
 
 /** 用 type 判别选中是好友 / 群聊 / 好友申请 */
 type Selection =
-  | { friend: FriendLite; type: 'friend'; }
-  | { group: GroupLite; type: 'group'; }
-  | { request: FriendRequest; type: 'request'; }
+  | { friend: FriendLite; type: 'friend' }
+  | { group: GroupLite; type: 'group' }
+  | { request: FriendRequest; type: 'request' };
 
-const selection = ref<null | Selection>(null)
-const keyword = ref('')
+const selection = ref<null | Selection>(null);
+const keyword = ref('');
 
 /** 选中申请详情：详情用 store 里的最新副本（同意 / 拒绝后状态会变） */
 const currentRequest = computed<FriendRequest>(() => {
-  const req = selection.value?.type === 'request' ? selection.value.request : null
+  const req =
+    selection.value?.type === 'request' ? selection.value.request : null;
   if (!req) {
-    return {} as FriendRequest
+    return {} as FriendRequest;
   }
-  return friendStore.getFriendRequest(req.id) || req
-})
+  return friendStore.getFriendRequest(req.id) || req;
+});
 
 /** 我相关的申请列表（用 friendStore 里的实时副本，便于通知到达后自动刷新） */
-const friendRequests = computed<FriendRequest[]>(() => friendStore.friendRequests)
+const friendRequests = computed<FriendRequest[]>(
+  () => friendStore.friendRequests,
+);
 
 /** 好友列表的展示快照：附带后端算好的拼音，给 FriendList 做字母分桶 / 拼音搜索 */
-const friends = computed<FriendLite[]>(() => friendStore.getActiveFriendLiteList)
+const friends = computed<FriendLite[]>(
+  () => friendStore.getActiveFriendLiteList,
+);
 
 const groups = computed<GroupLite[]>(() =>
   // 通讯录只展示当前仍在群的；已退群历史群只留在 store 里供消息展示群名 / 头像，不进通讯录
@@ -64,9 +79,9 @@ const groups = computed<GroupLite[]>(() =>
       showGroupName: getGroupDisplayName(group), // 优先用群备注 groupRemark，没设置时回落到原群名；避免点"进入群聊"时把已同步的备注会话名刷回原名
       showImage: group.avatar,
       showImageThumb: group.avatar,
-      memberCount: group.memberCount
-    }))
-)
+      memberCount: group.memberCount,
+    })),
+);
 
 /**
  * store 列表变化时同步 selection 持的对象副本：对端推送 / 跨端动作改 store 后，右侧详情能跟上：
@@ -76,146 +91,153 @@ const groups = computed<GroupLite[]>(() =>
 watch(
   friends,
   (list) => {
-    const selected = selection.value
+    const selected = selection.value;
     if (selected?.type !== 'friend') {
-      return
+      return;
     }
-    const fresh = list.find((friend) => friend.id === selected.friend.id)
+    const fresh = list.find((friend) => friend.id === selected.friend.id);
     if (!fresh) {
-      selection.value = null
+      selection.value = null;
     } else if (fresh !== selected.friend) {
-      selection.value = { type: 'friend', friend: fresh }
+      selection.value = { type: 'friend', friend: fresh };
     }
   },
-  { deep: true }
-)
+  { deep: true },
+);
 watch(
   groups,
   (list) => {
-    const selected = selection.value
+    const selected = selection.value;
     if (selected?.type !== 'group') {
-      return
+      return;
     }
-    const fresh = list.find((group) => group.id === selected.group.id)
+    const fresh = list.find((group) => group.id === selected.group.id);
     if (!fresh) {
-      selection.value = null
+      selection.value = null;
     } else if (fresh !== selected.group) {
-      selection.value = { type: 'group', group: fresh }
+      selection.value = { type: 'group', group: fresh };
     }
   },
-  { deep: true }
-)
+  { deep: true },
+);
 watch(
   friendRequests,
   (list) => {
-    const selected = selection.value
+    const selected = selection.value;
     if (selected?.type !== 'request') {
-      return
+      return;
     }
-    const fresh = list.find((request) => request.id === selected.request.id)
+    const fresh = list.find((request) => request.id === selected.request.id);
     if (!fresh) {
-      selection.value = null
+      selection.value = null;
     } else if (fresh !== selected.request) {
-      selection.value = { type: 'request', request: fresh }
+      selection.value = { type: 'request', request: fresh };
     }
   },
-  { deep: true }
-)
+  { deep: true },
+);
 
 const friendUser = computed<null | User>(() => {
   if (selection.value?.type !== 'friend') {
-    return null
+    return null;
   }
-  const friend = selection.value.friend
+  const friend = selection.value.friend;
   return {
     id: friend.id,
     nickname: friend.nickname,
-    avatar: friend.avatar
-  }
-})
+    avatar: friend.avatar,
+  };
+});
 
 onMounted(async () => {
   await Promise.all([
     friendStore.fetchFriendList(),
     friendStore.fetchFriendRequestList(),
-    groupStore.fetchGroupList()
-  ])
-})
+    groupStore.fetchGroupList(),
+  ]);
+});
 
 /** 选中好友 → 切到好友详情 */
 function handleSelectFriend(friend: FriendLite) {
-  selection.value = { type: 'friend', friend }
+  selection.value = { type: 'friend', friend };
 }
 
 /** 选中群聊 → 切到群详情 */
 function handleSelectGroup(group: GroupLite) {
-  selection.value = { type: 'group', group }
+  selection.value = { type: 'group', group };
 }
 
 /** 选中好友申请 → 切到「新的朋友」详情 */
 function handleSelectRequest(request: FriendRequest) {
-  selection.value = { type: 'request', request }
+  selection.value = { type: 'request', request };
 }
 
 /** 申请详情里点「发消息」：直接进与对端的私聊会话 */
 function handleChatPeer(peerUserId: number) {
-  const friend = friendStore.getFriend(peerUserId)
-  const conversationName = friend ? getFriendDisplayName(friend) : String(peerUserId)
+  const friend = friendStore.getFriend(peerUserId);
+  const conversationName = friend
+    ? getFriendDisplayName(friend)
+    : String(peerUserId);
   conversationStore.openConversation(
     peerUserId,
     ImConversationType.PRIVATE,
     conversationName,
     friend?.avatar || '',
-    { silent: !!friend?.silent }
-  )
-  router.push({ name: 'ImHomeConversation' })
+    { silent: !!friend?.silent },
+  );
+  router.push({ name: 'ImHomeConversation' });
 }
 
 /** 进入与该好友的私聊会话 */
 function handleChatFriend(friend: FriendLite) {
   // 从 friendStore 同步备注 + 免打扰，避免新建会话用过期数据
-  const entry = friendStore.getFriend(friend.id)
-  const conversationName = entry ? getFriendDisplayName(entry) : friend.nickname
+  const entry = friendStore.getFriend(friend.id);
+  const conversationName = entry
+    ? getFriendDisplayName(entry)
+    : friend.nickname;
   conversationStore.openConversation(
     friend.id,
     ImConversationType.PRIVATE,
     conversationName,
     friend.avatar || '',
-    { silent: !!entry?.silent }
-  )
-  router.push({ name: 'ImHomeConversation' })
+    { silent: !!entry?.silent },
+  );
+  router.push({ name: 'ImHomeConversation' });
 }
 
 /** 进入该群的群聊会话 */
 function handleChatGroup(group: GroupLite) {
-  const entry = groupStore.getGroup(group.id)
+  const entry = groupStore.getGroup(group.id);
   conversationStore.openConversation(
     group.id,
     ImConversationType.GROUP,
     group.showGroupName || group.name || '',
     group.showImage || group.showImageThumb || '',
-    { silent: !!entry?.silent }
-  )
-  router.push({ name: 'ImHomeConversation' })
+    { silent: !!entry?.silent },
+  );
+  router.push({ name: 'ImHomeConversation' });
 }
 
 /** 删除好友：二次确认 → store 落库 → 清空当前选中 */
 async function handleDeleteFriend(friend: FriendLite) {
   try {
-    await confirm(`确定删除好友「${friend.nickname}」吗？`, '删除联系人')
+    await confirm(`确定删除好友「${friend.nickname}」吗？`, '删除联系人');
     // friendStore.deleteFriend 内部已经级联清理对应私聊会话
-    await friendStore.deleteFriend(friend.id)
-    if (selection.value?.type === 'friend' && selection.value.friend.id === friend.id) {
-      selection.value = null
+    await friendStore.deleteFriend(friend.id);
+    if (
+      selection.value?.type === 'friend' &&
+      selection.value.friend.id === friend.id
+    ) {
+      selection.value = null;
     }
-    message.success('已删除好友')
+    message.success('已删除好友');
   } catch {}
 }
 
 /** 备注已保存：UserInfo 内部已经走完 friendStore 落库 + 提示，本侧只负责同步 selection 持的旧 FriendLite 副本 */
 function onRemarkSaved(displayName: string) {
   if (selection.value?.type === 'friend') {
-    selection.value.friend.displayName = displayName
+    selection.value.friend.displayName = displayName;
   }
 }
 </script>
@@ -228,12 +250,20 @@ function onRemarkSaved(displayName: string) {
     - 本页仅做：选中分发 + 数据源转换 + 跨组件事件落 store
   -->
   <div class="flex flex-1 h-full min-w-0 bg-[var(--ant-color-bg-container)]">
-    <ResizableAside :default-width="260" :storage-key="StorageKeys.localStorage.asideWidth">
+    <ResizableAside
+      :default-width="260"
+      :storage-key="StorageKeys.localStorage.asideWidth"
+    >
       <!-- 顶部：仅搜索框；h-14 与消息 Tab 顶部对齐，避免切换时搜索框上下抖动 -->
       <div
         class="flex flex-shrink-0 items-center h-14 px-4 border-b border-b-solid border-[var(--im-border-color-lighter)]"
       >
-        <Input v-model:value="keyword" placeholder="搜索" allow-clear class="flex-1">
+        <Input
+          v-model:value="keyword"
+          placeholder="搜索"
+          allow-clear
+          class="flex-1"
+        >
           <template #prefix>
             <Icon icon="ant-design:search-outlined" />
           </template>
@@ -245,19 +275,25 @@ function onRemarkSaved(displayName: string) {
       <div class="flex-1 overflow-y-auto">
         <FriendRequestList
           :requests="friendRequests"
-          :active-id="selection?.type === 'request' ? selection.request.id : undefined"
+          :active-id="
+            selection?.type === 'request' ? selection.request.id : undefined
+          "
           @select="handleSelectRequest"
         />
         <GroupList
           :groups="groups"
           :keyword="keyword"
-          :active-id="selection?.type === 'group' ? selection.group.id : undefined"
+          :active-id="
+            selection?.type === 'group' ? selection.group.id : undefined
+          "
           @select="handleSelectGroup"
         />
         <FriendList
           :friends="friends"
           :keyword="keyword"
-          :active-id="selection?.type === 'friend' ? selection.friend.id : undefined"
+          :active-id="
+            selection?.type === 'friend' ? selection.friend.id : undefined
+          "
           @select="handleSelectFriend"
           @chat="handleChatFriend"
           @delete="handleDeleteFriend"
@@ -280,7 +316,10 @@ function onRemarkSaved(displayName: string) {
         <span class="text-sm">在左侧选择好友或群聊查看详情</span>
       </div>
       <!-- 好友详情 -->
-      <div v-else-if="selection.type === 'friend'" class="flex justify-center pt-12 px-6">
+      <div
+        v-else-if="selection.type === 'friend'"
+        class="flex justify-center pt-12 px-6"
+      >
         <div class="w-full max-w-[320px]">
           <UserInfo
             :user="friendUser"
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/input/face-picker.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/input/face-picker.vue
index 279eaea5d..a070f3c6d 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/input/face-picker.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/input/face-picker.vue
@@ -1,118 +1,131 @@
 <script lang="ts" setup>
-import type { ImFacePackApi } from '#/api/im/face/pack'
-import type { ImFaceUserItemApi } from '#/api/im/face/userItem'
+import type { ImFacePackApi } from '#/api/im/face/pack';
+import type { ImFaceUserItemApi } from '#/api/im/face/userItem';
 
-import { computed, onUnmounted, ref, useTemplateRef, watch } from 'vue'
+import { computed, onUnmounted, ref, useTemplateRef, watch } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { confirm } from '@vben/common-ui';
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { message, Tooltip } from 'ant-design-vue'
+import { message, Tooltip } from 'ant-design-vue';
 
-import { uploadFile } from '#/api/infra/file'
-import { useFaceStore } from '#/views/im/home/store/faceStore'
-import { IM_EMOJI_LIST } from '#/views/im/utils/emoji'
-import { probeImageSize } from '#/views/im/utils/image'
+import { uploadFile } from '#/api/infra/file';
+import { useFaceStore } from '#/views/im/home/store/faceStore';
+import { IM_EMOJI_LIST } from '#/views/im/utils/emoji';
+import { probeImageSize } from '#/views/im/utils/image';
 
-defineOptions({ name: 'ImFacePicker' })
+defineOptions({ name: 'ImFacePicker' });
 
 const props = withDefaults(
   defineProps<{
     /** full：emoji + 个人表情 + 系统包（聊天主输入用）；emoji：仅 emoji（留言 / 评论场景） */
-    mode?: FacePickerMode
-    visible: boolean
+    mode?: FacePickerMode;
+    visible: boolean;
   }>(),
-  { mode: 'full' }
-)
+  { mode: 'full' },
+);
 
 const emit = defineEmits<{
   /** 选中 Unicode emoji（如 😀），调用方应插入到输入框走 TEXT 通道 */
-  selectEmoji: [emoji: string]
+  selectEmoji: [emoji: string];
   /** 选中表情贴图，调用方应走 FACE 消息发送 */
-  selectFace: [face: { height: number; name?: string; url: string; width: number; }]
-  'update:visible': [value: boolean]
-}>()
+  selectFace: [
+    face: { height: number; name?: string; url: string; width: number },
+  ];
+  'update:visible': [value: boolean];
+}>();
 
 /** 面板模式 */
-type FacePickerMode = 'emoji' | 'full'
+type FacePickerMode = 'emoji' | 'full';
 
-const rootRef = useTemplateRef<HTMLDivElement>('rootRef')
-const uploadInputRef = useTemplateRef<HTMLInputElement>('uploadInputRef')
+const rootRef = useTemplateRef<HTMLDivElement>('rootRef');
+const uploadInputRef = useTemplateRef<HTMLInputElement>('uploadInputRef');
 
-const faceStore = useFaceStore()
+const faceStore = useFaceStore();
 
 // tab 标识常量；pack:N 类用 packTabKey() 拼出，避免散落字符串字面量
 const FACE_TAB = {
   EMOJI: 'emoji',
-  MINE: 'mine'
-} as const
-const packTabKey = (packId: number) => `pack:${packId}`
+  MINE: 'mine',
+} as const;
+const packTabKey = (packId: number) => `pack:${packId}`;
 
-const activeTab = ref<string>(FACE_TAB.EMOJI) // 当前激活的 tab
+const activeTab = ref<string>(FACE_TAB.EMOJI); // 当前激活的 tab
 
 /** 是否完整模式（含个人 / 系统包 tab） */
-const isFullMode = computed(() => props.mode === 'full')
+const isFullMode = computed(() => props.mode === 'full');
 
-const uploading = ref(false) // 上传中标记，避免连续点击触发并发上传
+const uploading = ref(false); // 上传中标记，避免连续点击触发并发上传
 
 /** 选 emoji 字符：插到输入框；选完不关面板，方便用户连发多个 */
 function handleSelectEmoji(emoji: string) {
-  emit('selectEmoji', emoji)
+  emit('selectEmoji', emoji);
 }
 
 /** 选个人表情：直接发；点完关面板，对齐微信 */
 function handleSelectFaceUserItem(item: ImFaceUserItemApi.FaceUserItem) {
-  emit('selectFace', { url: item.url, width: item.width, height: item.height, name: item.name })
-  emit('update:visible', false)
+  emit('selectFace', {
+    url: item.url,
+    width: item.width,
+    height: item.height,
+    name: item.name,
+  });
+  emit('update:visible', false);
 }
 
 /** 选系统表情包内表情：直接发；点完关面板 */
 function handleSelectPackItem(item: ImFacePackApi.FacePackUserItem) {
-  emit('selectFace', { url: item.url, width: item.width, height: item.height, name: item.name })
-  emit('update:visible', false)
+  emit('selectFace', {
+    url: item.url,
+    width: item.width,
+    height: item.height,
+    name: item.name,
+  });
+  emit('update:visible', false);
 }
 
 /** 长按 / 右键删除个人表情 */
 async function handleDeleteUserItem(item: ImFaceUserItemApi.FaceUserItem) {
   if (!confirm('确认删除该表情？')) {
-    return
+    return;
   }
-  await faceStore.removeFaceUserItem(item.id)
+  await faceStore.removeFaceUserItem(item.id);
 }
 
 /** 点 + 触发文件选择 */
 function onUploadClick() {
-  uploadInputRef.value?.click()
+  uploadInputRef.value?.click();
 }
 
 /** 文件选完即上传，成功后写入 faceStore 个人表情列表 */
 async function onUploadPicked(e: Event) {
-  const input = e.target as HTMLInputElement
-  const file = input.files?.[0]
-  input.value = ''
+  const input = e.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
   if (!file) {
-    return
+    return;
   }
-  uploading.value = true
-  let size: { height: number; width: number; }
+  uploading.value = true;
+  let size: { height: number; width: number };
   try {
-    size = await probeImageSize(file)
+    size = await probeImageSize(file);
   } catch (error) {
-    console.warn('[IM] 解析个人表情失败', error)
-    message.error('图片解析失败')
-    uploading.value = false
-    return
+    console.warn('[IM] 解析个人表情失败', error);
+    message.error('图片解析失败');
+    uploading.value = false;
+    return;
   }
 
   try {
-    const url = await uploadFile({ file })
+    const url = await uploadFile({ file });
     if (!url) {
-      message.error('上传失败')
-      return
+      message.error('上传失败');
+      return;
     }
-    const payload = { url, width: size.width, height: size.height }
-    await faceStore.addFaceUserItem(payload)
+    const payload = { url, width: size.width, height: size.height };
+    await faceStore.addFaceUserItem(payload);
   } finally {
-    uploading.value = false
+    uploading.value = false;
   }
 }
 
@@ -121,32 +134,32 @@ watch(
   () => props.visible,
   (visible) => {
     if (visible) {
-      document.addEventListener('click', handleDocumentClick)
+      document.addEventListener('click', handleDocumentClick);
       if (isFullMode.value) {
         // 系统包通常已被 home onMounted 预拉过；ensureXxx 内部 promise 缓存避免重复请求
-        void faceStore.ensureFacePackList()
-        void faceStore.ensureFaceUserItemList()
+        void faceStore.ensureFacePackList();
+        void faceStore.ensureFaceUserItemList();
       }
     } else {
-      document.removeEventListener('click', handleDocumentClick)
+      document.removeEventListener('click', handleDocumentClick);
     }
   },
-  { immediate: true }
-)
+  { immediate: true },
+);
 
 /** 点击面板外部关闭 */
 function handleDocumentClick(e: MouseEvent) {
   if (!props.visible || !rootRef.value) {
-    return
+    return;
   }
   if (!rootRef.value.contains(e.target as Node)) {
-    emit('update:visible', false)
+    emit('update:visible', false);
   }
 }
 
 onUnmounted(() => {
-  document.removeEventListener('click', handleDocumentClick)
-})
+  document.removeEventListener('click', handleDocumentClick);
+});
 </script>
 
 <template>
@@ -166,7 +179,10 @@ onUnmounted(() => {
     <!-- 主内容区：高度固定 + 各 tab 用 v-show 切换，避免每次切 tab 重建 scrollbar 造成滚动位置丢失 -->
     <div class="relative h-[300px] overflow-hidden">
       <!-- emoji 网格 -->
-      <div v-show="activeTab === FACE_TAB.EMOJI" style="height: 300px; overflow-y: auto">
+      <div
+        v-show="activeTab === FACE_TAB.EMOJI"
+        style="height: 300px; overflow-y: auto"
+      >
         <div class="grid grid-cols-10 gap-0.5 p-2">
           <button
             v-for="emoji in IM_EMOJI_LIST"
@@ -181,7 +197,11 @@ onUnmounted(() => {
       </div>
 
       <!-- 个人表情：5 列方格，无名字标签；末尾「+」上传 -->
-      <div v-if="isFullMode" v-show="activeTab === FACE_TAB.MINE" style="height: 300px; overflow-y: auto">
+      <div
+        v-if="isFullMode"
+        v-show="activeTab === FACE_TAB.MINE"
+        style="height: 300px; overflow-y: auto"
+      >
         <div class="grid grid-cols-5 gap-2 p-3">
           <!-- 上传入口固定放第一格；dashed border 与表情格子区分视觉语义，对齐 el-upload 观感 -->
           <button
@@ -192,7 +212,11 @@ onUnmounted(() => {
             @click="onUploadClick"
           >
             <Icon
-              :icon="uploading ? 'eos-icons:bubble-loading' : 'ant-design:plus-outlined'"
+              :icon="
+                uploading
+                  ? 'eos-icons:bubble-loading'
+                  : 'ant-design:plus-outlined'
+              "
               :size="22"
             />
           </button>
@@ -344,10 +368,10 @@ onUnmounted(() => {
   top: calc(100% - 1px);
   left: 10px;
   content: '';
-  border-color: var(--ant-color-bg-container) transparent transparent transparent;
+  border-color: var(--ant-color-bg-container) transparent transparent
+    transparent;
   border-style: solid;
   border-width: 6px 6px 0;
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 8%));
 }
-
 </style>
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/input/mention-picker.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/input/mention-picker.vue
index 760f96991..83957cc3b 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/input/mention-picker.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/input/mention-picker.vue
@@ -1,41 +1,46 @@
 <script lang="ts" setup>
-import { computed, ref, useTemplateRef, watch } from 'vue'
+import type { GroupMemberLite } from '../../../../components/group';
 
-import { CommonStatusEnum } from '@vben/constants'
-import { IconifyIcon as Icon } from '@vben/icons'
+import { computed, ref, useTemplateRef, watch } from 'vue';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { IM_AT_ALL_NICKNAME, IM_AT_ALL_USER_ID } from '#/views/im/utils/constants'
+import { CommonStatusEnum } from '@vben/constants';
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { GroupMember, type GroupMemberLite } from '../../../../components/group'
+import { getCurrentUserId } from '#/views/im/utils/auth';
+import {
+  IM_AT_ALL_NICKNAME,
+  IM_AT_ALL_USER_ID,
+} from '#/views/im/utils/constants';
 
-defineOptions({ name: 'ImMentionPicker' })
+import { GroupMember } from '../../../../components/group';
+
+defineOptions({ name: 'ImMentionPicker' });
 
 const props = withDefaults(
   defineProps<{
-    canAtAll?: boolean // 当前用户是否能 @ 全员（群主 / 管理员），父组件按角色算好传入
-    members: GroupMemberLite[] // 当前群的成员列表
+    canAtAll?: boolean; // 当前用户是否能 @ 全员（群主 / 管理员），父组件按角色算好传入
+    members: GroupMemberLite[]; // 当前群的成员列表
     // 浮层位置：x 横坐标 + top / bottom 二选一（bottom 锚定时 picker 下沿贴 @ 上方）
-    position?: { bottom?: number; top?: number; x: number; }
-    searchText?: string // @ 后输入的过滤文本
-    visible: boolean // 是否显示
+    position?: { bottom?: number; top?: number; x: number };
+    searchText?: string; // @ 后输入的过滤文本
+    visible: boolean; // 是否显示
   }>(),
   {
     searchText: '',
-    position: () => ({ x: 0, bottom: 0 })
-  }
-)
+    position: () => ({ x: 0, bottom: 0 }),
+  },
+);
 
 const emit = defineEmits<{
-  select: [member: GroupMemberLite]
-  'update:visible': [value: boolean]
-}>()
+  select: [member: GroupMemberLite];
+  'update:visible': [value: boolean];
+}>();
 
-const scrollRef = useTemplateRef<HTMLDivElement>('scrollRef')
-const activeIdx = ref(0)
+const scrollRef = useTemplateRef<HTMLDivElement>('scrollRef');
+const activeIdx = ref(0);
 
 /** 当前登录用户 id（成员列表过滤掉自己） */
-const selfUserId = computed(() => getCurrentUserId())
+const selfUserId = computed(() => getCurrentUserId());
 
 /**
  * 虚拟"所有人"项：群主 / 管理员（canAtAll=true）+ 关键字命中"所有人"前缀时存在
@@ -45,18 +50,18 @@ const selfUserId = computed(() => getCurrentUserId())
  */
 const allItem = computed<GroupMemberLite | null>(() => {
   if (!props.canAtAll) {
-    return null
+    return null;
   }
   if (!IM_AT_ALL_NICKNAME.startsWith(props.searchText)) {
-    return null
+    return null;
   }
   // @所有人 是个伪成员，nickname 给 IM_AT_ALL_NICKNAME 让头像 :name 行为对齐普通成员
   return {
     userId: IM_AT_ALL_USER_ID,
     showName: IM_AT_ALL_NICKNAME,
-    nickname: IM_AT_ALL_NICKNAME
-  }
-})
+    nickname: IM_AT_ALL_NICKNAME,
+  };
+});
 
 /** 真成员：过滤自己 / 退群 / 不匹配关键字；不截断数量，浮层 max-height + el-scrollbar 撑滚动 */
 const memberItems = computed<GroupMemberLite[]>(() =>
@@ -65,83 +70,89 @@ const memberItems = computed<GroupMemberLite[]>(() =>
       member.userId !== selfUserId.value &&
       member.status !== CommonStatusEnum.DISABLE &&
       !!member.showName &&
-      member.showName.startsWith(props.searchText)
-  )
-)
+      member.showName.startsWith(props.searchText),
+  ),
+);
 
 /** 键盘导航与 pickActive 走的扁平列表，allItem 在前、memberItems 在后 */
 const showMembers = computed<GroupMemberLite[]>(() => {
-  return allItem.value ? [allItem.value, ...memberItems.value] : memberItems.value
-})
+  return allItem.value
+    ? [allItem.value, ...memberItems.value]
+    : memberItems.value;
+});
 
 /** 候选列表变化（用户输入关键词在过滤）→ 重置高亮到首项 + 滚回顶 */
 watch(showMembers, (list) => {
-  activeIdx.value = list.length > 0 ? 0 : -1
-  scrollToTop()
-})
+  activeIdx.value = list.length > 0 ? 0 : -1;
+  scrollToTop();
+});
 
 /** 浮层重新打开 → 重置高亮 + 滚回顶（避免上次的中间状态残留） */
 watch(
   () => props.visible,
   (v) => {
     if (v) {
-      activeIdx.value = showMembers.value.length > 0 ? 0 : -1
-      scrollToTop()
+      activeIdx.value = showMembers.value.length > 0 ? 0 : -1;
+      scrollToTop();
     }
-  }
-)
+  },
+);
 
 /** el-scrollbar 没暴露 scrollTo，直接拿内部 wrap 调 scrollTop */
 function scrollToTop() {
-  const scrollWrap = scrollRef.value
+  const scrollWrap = scrollRef.value;
   if (scrollWrap) {
-    scrollWrap.scrollTop = 0
+    scrollWrap.scrollTop = 0;
   }
 }
 
 /** 键盘上下导航时把高亮项滚到可视区：超出底边下推、超出顶边上拉，否则不动 */
 function scrollToActive() {
-  const scrollWrap = scrollRef.value
+  const scrollWrap = scrollRef.value;
   if (!scrollWrap) {
-    return
+    return;
   }
-  const itemHeight = 40
-  const activeOffsetTop = activeIdx.value * itemHeight
-  if (activeOffsetTop + itemHeight > scrollWrap.scrollTop + scrollWrap.clientHeight) {
-    scrollWrap.scrollTop = activeOffsetTop + itemHeight - scrollWrap.clientHeight
+  const itemHeight = 40;
+  const activeOffsetTop = activeIdx.value * itemHeight;
+  if (
+    activeOffsetTop + itemHeight >
+    scrollWrap.scrollTop + scrollWrap.clientHeight
+  ) {
+    scrollWrap.scrollTop =
+      activeOffsetTop + itemHeight - scrollWrap.clientHeight;
   } else if (activeOffsetTop < scrollWrap.scrollTop) {
-    scrollWrap.scrollTop = activeOffsetTop
+    scrollWrap.scrollTop = activeOffsetTop;
   }
 }
 
 /** 选中一项：emit 给 MessageInput 落 token，同时关掉浮层 */
 function handleSelect(member: GroupMemberLite) {
-  emit('select', member)
-  emit('update:visible', false)
+  emit('select', member);
+  emit('update:visible', false);
 }
 
 // 暴露给父组件的键盘导航方法
 defineExpose({
   moveUp() {
     if (activeIdx.value > 0) {
-      activeIdx.value--
-      scrollToActive()
+      activeIdx.value--;
+      scrollToActive();
     }
   },
   moveDown() {
     if (activeIdx.value < showMembers.value.length - 1) {
-      activeIdx.value++
-      scrollToActive()
+      activeIdx.value++;
+      scrollToActive();
     }
   },
   pickActive() {
-    const member = showMembers.value[activeIdx.value]
+    const member = showMembers.value[activeIdx.value];
     if (activeIdx.value >= 0 && member) {
-      handleSelect(member)
+      handleSelect(member);
     }
   },
-  hasCandidates: () => showMembers.value.length > 0
-})
+  hasCandidates: () => showMembers.value.length > 0,
+});
 </script>
 
 <template>
@@ -155,9 +166,9 @@ defineExpose({
     v-show="visible && showMembers.length > 0"
     class="message-input__mention-picker !fixed z-100 w-50 rounded-md bg-[var(--ant-color-bg-container)] shadow-[0_4px_16px_rgba(0,0,0,0.12)]"
     :style="{
-      left: `${position.x }px`,
-      top: position.top != null ? `${position.top }px` : 'auto',
-      bottom: position.bottom != null ? `${position.bottom }px` : 'auto'
+      left: `${position.x}px`,
+      top: position.top != null ? `${position.top}px` : 'auto',
+      bottom: position.bottom != null ? `${position.bottom}px` : 'auto',
     }"
   >
     <div ref="scrollRef" style="max-height: 300px; overflow-y: auto">
@@ -165,7 +176,9 @@ defineExpose({
       <div
         v-if="allItem"
         class="flex items-center gap-2.5 px-[5px] h-10 cursor-pointer transition-colors hover:bg-[var(--ant-color-fill)]"
-        :class="{ 'bg-[#e1eaf7] dark:bg-[var(--ant-color-primary-bg)]': activeIdx === 0 }"
+        :class="{
+          'bg-[#e1eaf7] dark:bg-[var(--ant-color-primary-bg)]': activeIdx === 0,
+        }"
         @click.stop="handleSelect(allItem)"
       >
         <div
@@ -173,7 +186,9 @@ defineExpose({
         >
           <Icon icon="ep:user-filled" :size="18" />
         </div>
-        <span class="overflow-hidden text-sm truncate text-[var(--ant-color-text)]">
+        <span
+          class="overflow-hidden text-sm truncate text-[var(--ant-color-text)]"
+        >
           {{ allItem.showName }}
         </span>
       </div>
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-input.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-input.vue
index 47e000a89..c141a6def 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-input.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-input.vue
@@ -1,48 +1,58 @@
 <script lang="ts" setup>
-import type { GroupMemberLite } from '../../../../components/group'
+import type { GroupMemberLite } from '../../../../components/group';
 
-import type { Conversation } from '#/views/im/home/types'
+import type { Conversation } from '#/views/im/home/types';
+import type { FaceMessage, QuoteMessage } from '#/views/im/utils/message';
 
-import { computed, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue'
+import {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  useTemplateRef,
+  watch,
+} from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
-import { isOpenableUrl } from '@vben/utils'
+import { IconifyIcon as Icon } from '@vben/icons';
+import { isOpenableUrl } from '@vben/utils';
 
-import { Button, DropdownButton, Menu, message, Tooltip } from 'ant-design-vue'
+import { Button, DropdownButton, Menu, message, Tooltip } from 'ant-design-vue';
 
-import { uploadFile } from '#/api/infra/file'
+import { uploadFile } from '#/api/infra/file';
 import {
   ensureMediaSizeWithinLimit,
-  useMediaUploader
-} from '#/views/im/home/composables/useMediaUploader'
-import { useMessageSender } from '#/views/im/home/composables/useMessageSender'
-import { useMuteOverlay } from '#/views/im/home/composables/useMuteOverlay'
-import { useConversationStore } from '#/views/im/home/store/conversationStore'
-import { useFriendStore } from '#/views/im/home/store/friendStore'
-import { useGroupStore } from '#/views/im/home/store/groupStore'
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { DANGEROUS_FILE_EXTENSIONS, MESSAGE_GROUP_READ_ENABLED } from '#/views/im/utils/config'
-import { ImContentType, ImConversationType, ImGroupMemberRole } from '#/views/im/utils/constants'
-import { getConversationKey } from '#/views/im/utils/conversation'
+  useMediaUploader,
+} from '#/views/im/home/composables/useMediaUploader';
+import { useMessageSender } from '#/views/im/home/composables/useMessageSender';
+import { useMuteOverlay } from '#/views/im/home/composables/useMuteOverlay';
+import { useConversationStore } from '#/views/im/home/store/conversationStore';
+import { useFriendStore } from '#/views/im/home/store/friendStore';
+import { useGroupStore } from '#/views/im/home/store/groupStore';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 import {
-  type FaceMessage,
-  type QuoteMessage,
-  serializeMessage,
-  withQuotePayload
-} from '#/views/im/utils/message'
-import { getMemberDisplayName } from '#/views/im/utils/user'
+  DANGEROUS_FILE_EXTENSIONS,
+  MESSAGE_GROUP_READ_ENABLED,
+} from '#/views/im/utils/config';
+import {
+  ImContentType,
+  ImConversationType,
+  ImGroupMemberRole,
+} from '#/views/im/utils/constants';
+import { getConversationKey } from '#/views/im/utils/conversation';
+import { serializeMessage, withQuotePayload } from '#/views/im/utils/message';
+import { getMemberDisplayName } from '#/views/im/utils/user';
 
-import { ReplyPreview } from '../message'
-import FacePicker from './face-picker.vue'
-import MentionPicker from './mention-picker.vue'
-import VoiceRecorder from './voice-recorder.vue'
+import { ReplyPreview } from '../message';
+import FacePicker from './face-picker.vue';
+import MentionPicker from './mention-picker.vue';
+import VoiceRecorder from './voice-recorder.vue';
 
-defineOptions({ name: 'ImMessageInput' })
+defineOptions({ name: 'ImMessageInput' });
 
-const conversationStore = useConversationStore()
-const groupStore = useGroupStore()
-const friendStore = useFriendStore()
-const { send, sendRaw } = useMessageSender()
+const conversationStore = useConversationStore();
+const groupStore = useGroupStore();
+const friendStore = useFriendStore();
+const { send, sendRaw } = useMessageSender();
 const {
   uploadAndSendMedia,
   insertMediaPlaceholder,
@@ -50,96 +60,102 @@ const {
   commitMediaPlaceholder,
   createUploadProgressHandler,
   verifyMediaUploadStillAllowed,
-  requireMediaHandler
-} = useMediaUploader()
-const muteOverlay = useMuteOverlay() // 禁言 / 封禁覆盖层
+  requireMediaHandler,
+} = useMediaUploader();
+const muteOverlay = useMuteOverlay(); // 禁言 / 封禁覆盖层
 
-const editorRef = useTemplateRef<HTMLDivElement>('editorRef')
-const imageInputRef = useTemplateRef<HTMLInputElement>('imageInputRef')
-const fileInputRef = useTemplateRef<HTMLInputElement>('fileInputRef')
-const videoInputRef = useTemplateRef<HTMLInputElement>('videoInputRef')
-const mentionRef = useTemplateRef<InstanceType<typeof MentionPicker>>('mentionRef')
+const editorRef = useTemplateRef<HTMLDivElement>('editorRef');
+const imageInputRef = useTemplateRef<HTMLInputElement>('imageInputRef');
+const fileInputRef = useTemplateRef<HTMLInputElement>('fileInputRef');
+const videoInputRef = useTemplateRef<HTMLInputElement>('videoInputRef');
+const mentionRef =
+  useTemplateRef<InstanceType<typeof MentionPicker>>('mentionRef');
 
 // ==================== 文本 / 发送 ====================
-const canSend = ref(false) // editor 是否有可发送内容；contenteditable 没 v-model，靠 input 事件主动同步
+const canSend = ref(false); // editor 是否有可发送内容；contenteditable 没 v-model，靠 input 事件主动同步
 
 /** 维护 canSend + data-empty（撑起 placeholder）；不写草稿，restoreDraftToEditor 复用避免回流 */
 function applyEditorUiState(editor: HTMLDivElement) {
-  const raw = editor.textContent || ''
+  const raw = editor.textContent || '';
   // canSend 按 trim 后判断（空格 / 换行不算可发送内容）；禁言态直接禁用
-  canSend.value = !!raw.trim() && !!conversationStore.activeConversation && !muteOverlay.value
+  canSend.value =
+    !!raw.trim() &&
+    !!conversationStore.activeConversation &&
+    !muteOverlay.value;
   // data-empty 按原始内容判断：用户敲一个空格也要让 placeholder 隐藏，避免视觉叠加
   // 用属性"存在 / 缺失"而非 'true'/'false' 字符串：CSS [data-empty]::before 命中即可，
   // 比 [data-empty='true'] 直观；浏览器删空后留 <br> → :empty 不命中，所以必须 JS 维护
   if (raw) {
-    delete editor.dataset.empty
+    delete editor.dataset.empty;
   } else {
-    editor.dataset.empty = ''
+    editor.dataset.empty = '';
   }
 }
 
 /** 用户编辑入口的统一收尾：UI 状态同步 + 草稿写回 store（列表立即出 [草稿] 前缀） */
 function syncEditorState() {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (!editor) {
-    return
+    return;
   }
-  applyEditorUiState(editor)
-  syncDraftToStore(editor)
+  applyEditorUiState(editor);
+  syncDraftToStore(editor);
 }
 
 /** 禁言状态变化时同步发送按钮 */
 watch(muteOverlay, () => {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (editor) {
-    applyEditorUiState(editor)
+    applyEditorUiState(editor);
   }
-})
+});
 
 /** 把 editor 当前内容写到会话草稿；plain 由 collectFromEditor 拿，与发送时同源避免列表与实发不一致 */
 function syncDraftToStore(editor: HTMLDivElement) {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
   // collectFromEditor 已 trim，plain 为空时 store 内部按 clearConversationDraft 处理
   // reply 透传当前快照：setConversationDraft 是整对象替换，不读旧 reply 会让用户每敲一个键就把引用条擦掉
-  const { text } = collectFromEditor(editor)
-  const existing = conversationStore.getConversationDraft(conversation)
+  const { text } = collectFromEditor(editor);
+  const existing = conversationStore.getConversationDraft(conversation);
   conversationStore.setConversationDraft(conversation, {
     html: editor.innerHTML,
     plain: text,
-    reply: existing?.reply
-  })
+    reply: existing?.reply,
+  });
 }
 
 /** 切会话时把 store 里的草稿还原到 editor；只更 UI 不回写草稿，避免 store→editor→store 回流 */
 function restoreDraftToEditor() {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (!editor) {
-    return
+    return;
   }
-  const conversation = conversationStore.activeConversation
-  const draft = conversation ? conversationStore.getConversationDraft(conversation) : undefined
-  editor.innerHTML = draft?.html || ''
-  applyEditorUiState(editor)
+  const conversation = conversationStore.activeConversation;
+  const draft = conversation
+    ? conversationStore.getConversationDraft(conversation)
+    : undefined;
+  editor.innerHTML = draft?.html || '';
+  applyEditorUiState(editor);
   // 把光标移到末尾，让用户接着输入；空内容直接 focus 即可
   if (draft?.html) {
-    placeCaretAtEnd(editor)
+    placeCaretAtEnd(editor);
   }
 }
 
 /** 把光标放到 contenteditable 元素的末尾——切回有草稿的会话时光标自然落在尾部，对齐微信 */
 function placeCaretAtEnd(el: HTMLElement) {
-  const range = document.createRange()
-  range.selectNodeContents(el)
-  range.collapse(false)
-  const sel = window.getSelection()
+  const range = document.createRange();
+  range.selectNodeContents(el);
+  range.collapse(false);
+  const sel = window.getSelection();
   if (!sel) {
-    return
+    return;
   }
-  sel.removeAllRanges()
-  sel.addRange(range)
+  sel.removeAllRanges();
+  sel.addRange(range);
 }
 
 /**
@@ -154,48 +170,51 @@ function placeCaretAtEnd(el: HTMLElement) {
  *
  * atUserIds 走 Set 去重：用户 @ 张三两次时 atUserIds 只出现一次；trim 末尾空白
  */
-function collectFromEditor(root: HTMLElement): { atUserIds: number[]; text: string; } {
-  const userIds: number[] = []
-  let text = ''
+function collectFromEditor(root: HTMLElement): {
+  atUserIds: number[];
+  text: string;
+} {
+  const userIds: number[] = [];
+  let text = '';
 
   function walk(node: Node) {
     if (node.nodeType === Node.TEXT_NODE) {
-      text += (node.textContent || '').replaceAll('​', '')
-      return
+      text += (node.textContent || '').replaceAll('​', '');
+      return;
     }
     if (node.nodeType !== Node.ELEMENT_NODE) {
-      return
+      return;
     }
-    const el = node as HTMLElement
-    const tag = el.tagName.toLowerCase()
+    const el = node as HTMLElement;
+    const tag = el.tagName.toLowerCase();
     if (tag === 'br') {
-      text += '\n'
-      return
+      text += '\n';
+      return;
     }
     if (tag === 'span' && el.dataset.id) {
-      text += el.textContent || ''
-      const id = Number(el.dataset.id)
+      text += el.textContent || '';
+      const id = Number(el.dataset.id);
       if (!Number.isNaN(id)) {
-        userIds.push(id)
+        userIds.push(id);
       }
-      return
+      return;
     }
     if (tag === 'div') {
       if (text && !text.endsWith('\n')) {
-        text += '\n'
+        text += '\n';
       }
-      el.childNodes.forEach((child) => walk(child))
-      return
+      el.childNodes.forEach((child) => walk(child));
+      return;
     }
-    el.childNodes.forEach((child) => walk(child))
+    el.childNodes.forEach((child) => walk(child));
   }
 
   // 直接从 root.childNodes 开始，避免把 root 本身也当元素处理（虽然目前没有特殊样式，但以防未来改动）
-  root.childNodes.forEach((child) => walk(child))
+  root.childNodes.forEach((child) => walk(child));
   return {
     text: text.trim(),
-    atUserIds: [...new Set(userIds)]
-  }
+    atUserIds: [...new Set(userIds)],
+  };
 }
 
 /**
@@ -206,37 +225,39 @@ function collectFromEditor(root: HTMLElement): { atUserIds: number[]; text: stri
  * 3. 二次防御：collectFromEditor 走 trim，可能比 syncEditorState 更严格（例如全 ZWSP），仍空就 return
  * 4. 清空 + 同步状态：先清 innerHTML 再 syncEditorState 让 placeholder / canSend 一起回归
  *    （顺序很重要：先清后 sync，否则 sync 看到旧内容会误判）
-   * 5. 上送：atUserIds 非空才传，避免发空数组；quote 由 clearConversationDraft 前抓取，确保引用条立即消失
+ * 5. 上送：atUserIds 非空才传，避免发空数组；quote 由 clearConversationDraft 前抓取，确保引用条立即消失
  */
 async function handleSend(options?: { receipt?: boolean }) {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (!canSend.value || !editor || muteOverlay.value) {
-    return
+    return;
   }
-  const { text, atUserIds } = collectFromEditor(editor)
+  const { text, atUserIds } = collectFromEditor(editor);
   if (!text) {
-    return
+    return;
   }
   // 1. 抓 quote 后清空 editor + 当前会话草稿（包含 reply）；syncEditorState 后 / reply 都为空
   //    store 内部会自动清理，但显式 clearConversationDraft 能立即同步、不依赖 debounce 时序，列表上的 [草稿] 立即消失
-  const replyQuote = replyTarget.value
-  editor.innerHTML = ''
+  const replyQuote = replyTarget.value;
+  editor.innerHTML = '';
   if (conversationStore.activeConversation) {
-    conversationStore.clearConversationDraft(conversationStore.activeConversation)
+    conversationStore.clearConversationDraft(
+      conversationStore.activeConversation,
+    );
   }
-  syncEditorState()
+  syncEditorState();
   // 2. 发送
   await send(text, {
     atUserIds: atUserIds.length > 0 ? atUserIds : undefined,
     receipt: options?.receipt,
-    quote: replyQuote
-  })
+    quote: replyQuote,
+  });
 }
 
 /** 发送按钮下拉菜单操作 */
 function handleSendMenuClick({ key }: { key: number | string }) {
   if (key === 'receipt') {
-    handleSend({ receipt: true })
+    handleSend({ receipt: true });
   }
 }
 
@@ -246,7 +267,7 @@ function handleSendMenuClick({ key }: { key: number | string }) {
  *
  * 监听 document.selectionchange 比 editor.@blur 更可靠：blur 时 selection 已经移走
  */
-let savedRange: null | Range = null
+let savedRange: null | Range = null;
 
 /**
  * 走 native execCommand，保留浏览器原生 undo 栈
@@ -257,7 +278,7 @@ let savedRange: null | Range = null
  * @typescript-eslint v7 没有 no-deprecated 规则，加了也无效，反而让 lint 报"规则不存在"）
  */
 function nativeExec(command: 'insertLineBreak' | 'insertText', value?: string) {
-  document.execCommand(command, false, value)
+  document.execCommand(command, false, value);
 }
 
 /**
@@ -265,14 +286,14 @@ function nativeExec(command: 'insertLineBreak' | 'insertText', value?: string) {
  * insertText 在焦点被偷走后用它把光标恢复到原插入点
  */
 function onSelectionChange() {
-  const editor = editorRef.value
-  const sel = window.getSelection()
+  const editor = editorRef.value;
+  const sel = window.getSelection();
   if (!editor || !sel || sel.rangeCount === 0) {
-    return
+    return;
   }
-  const range = sel.getRangeAt(0)
+  const range = sel.getRangeAt(0);
   if (editor.contains(range.startContainer)) {
-    savedRange = range.cloneRange()
+    savedRange = range.cloneRange();
   }
 }
 
@@ -283,33 +304,33 @@ function onSelectionChange() {
  */
 function onDocMousedown(e: MouseEvent) {
   if (!mentionVisible.value) {
-    return
+    return;
   }
-  const target = e.target as Node | null
+  const target = e.target as Node | null;
   if (!target) {
-    return
+    return;
   }
   if (editorRef.value?.contains(target)) {
-    return
+    return;
   }
   // picker 是 fixed 定位的兄弟节点，不在 editor 子树里；用类名定位
-  const pickerEl = document.querySelector('.message-input__mention-picker')
+  const pickerEl = document.querySelector('.message-input__mention-picker');
   if (pickerEl?.contains(target)) {
-    return
+    return;
   }
-  closeMention()
+  closeMention();
 }
 
 onMounted(() => {
-  document.addEventListener('selectionchange', onSelectionChange)
-  document.addEventListener('mousedown', onDocMousedown)
-  restoreDraftToEditor()
-})
+  document.addEventListener('selectionchange', onSelectionChange);
+  document.addEventListener('mousedown', onDocMousedown);
+  restoreDraftToEditor();
+});
 
 onBeforeUnmount(() => {
-  document.removeEventListener('selectionchange', onSelectionChange)
-  document.removeEventListener('mousedown', onDocMousedown)
-})
+  document.removeEventListener('selectionchange', onSelectionChange);
+  document.removeEventListener('mousedown', onDocMousedown);
+});
 
 /**
  * 切会话时还原对方的草稿到 editor
@@ -324,13 +345,13 @@ watch(
       ? getConversationKey(conversationStore.activeConversation)
       : null,
   () => {
-    closeMention()
-    emojiVisible.value = false
-    voiceVisible.value = false
-    savedRange = null
-    restoreDraftToEditor()
-  }
-)
+    closeMention();
+    emojiVisible.value = false;
+    voiceVisible.value = false;
+    savedRange = null;
+    restoreDraftToEditor();
+  },
+);
 
 /**
  * 把字符串插入光标处（emoji 面板等场景调用）
@@ -341,22 +362,22 @@ watch(
  * 4. 同步 canSend / placeholder
  */
 function insertText(str: string) {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (!editor) {
-    return
+    return;
   }
-  editor.focus()
+  editor.focus();
   if (savedRange) {
-    const sel = window.getSelection()
+    const sel = window.getSelection();
     if (sel) {
-      sel.removeAllRanges()
-      sel.addRange(savedRange)
+      sel.removeAllRanges();
+      sel.addRange(savedRange);
     }
   }
   // 1. nativeExec 插文本，保留浏览器原生 undo 栈
-  nativeExec('insertText', str)
+  nativeExec('insertText', str);
   // 2. 同步 canSend / placeholder
-  syncEditorState()
+  syncEditorState();
 }
 
 /**
@@ -371,198 +392,211 @@ function insertText(str: string) {
  */
 function onPaste(e: ClipboardEvent) {
   // 1. 优先扫 clipboardData.items 找文件类型条目（截图、拖入的图片 / 文件等）
-  const items = e.clipboardData?.items
+  const items = e.clipboardData?.items;
   if (items?.length) {
     for (const item of items) {
       if (!item) {
-        continue
+        continue;
       }
       if (item.kind !== 'file') {
-        continue
+        continue;
       }
-      const file = item.getAsFile()
+      const file = item.getAsFile();
       if (!file) {
-        continue
+        continue;
       }
       if (item.type.startsWith('image/')) {
-        void uploadAndSendImage(file)
+        void uploadAndSendImage(file);
       } else {
-        void uploadAndSendFile(file)
+        void uploadAndSendFile(file);
       }
-      return
+      return;
     }
   }
   // 2. 没文件再走 text：剥掉外部样式 / 脚本，避免外站 inline style 污染 editor
-  const text = e.clipboardData?.getData('text/plain') || ''
+  const text = e.clipboardData?.getData('text/plain') || '';
   if (text) {
-    nativeExec('insertText', text)
+    nativeExec('insertText', text);
     // @paste.prevent 阻断了浏览器默认 input 事件，需手动同步草稿 / canSend，与 insertText() 路径一致
-    syncEditorState()
+    syncEditorState();
   }
 }
 
 /** 编辑器内容变化的统一入口：先同步 canSend / placeholder，再判 @ 浮层是否要展开 */
 function onInput() {
-  syncEditorState()
-  detectAtMention()
+  syncEditorState();
+  detectAtMention();
 }
 
 // ==================== 引用 / 回复 ====================
 
 /** 当前会话的「正在回复」对象，从会话草稿派生 */
 const replyTarget = computed<QuoteMessage | undefined>(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return undefined
+    return undefined;
   }
-  return conversationStore.getConversationDraft(conversation)?.reply
-})
+  return conversationStore.getConversationDraft(conversation)?.reply;
+});
 
 /** 清掉当前 reply 但保留正文草稿：点 × 关闭 / 发送即将进行时调 */
 function clearConversationReplyDraft() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  conversationStore.clearConversationReplyDraft(conversation)
+  conversationStore.clearConversationReplyDraft(conversation);
 }
 
 /** 取走当前 reply 快照（抓一次清一次），媒体上传链路在动手前统一调它拿 quote */
 function consumeReply(): QuoteMessage | undefined {
-  const quote = replyTarget.value
+  const quote = replyTarget.value;
   if (quote) {
-    clearConversationReplyDraft()
+    clearConversationReplyDraft();
   }
-  return quote
+  return quote;
 }
 
 // ==================== 表情 ====================
-const emojiVisible = ref(false)
+const emojiVisible = ref(false);
 /** 切换表情面板；打开时互斥关掉语音面板 */
 function toggleEmoji() {
-  emojiVisible.value = !emojiVisible.value
+  emojiVisible.value = !emojiVisible.value;
   if (emojiVisible.value) {
-    voiceVisible.value = false
+    voiceVisible.value = false;
   }
 }
 
 /** 选中表情贴图：拼 FaceMessage payload 直接走 sendRaw 发送（quote 复用当前 reply 快照） */
-async function onSelectFace(face: { height: number; name?: string; url: string; width: number; }) {
+async function onSelectFace(face: {
+  height: number;
+  name?: string;
+  url: string;
+  width: number;
+}) {
   if (muteOverlay.value) {
-    return
+    return;
   }
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  const replyQuote = consumeReply()
+  const replyQuote = consumeReply();
   const payload = withQuotePayload<FaceMessage>(
     { url: face.url, width: face.width, height: face.height, name: face.name },
-    replyQuote
-  )
-  await sendRaw(ImContentType.FACE, serializeMessage(payload), { conversation })
+    replyQuote,
+  );
+  await sendRaw(ImContentType.FACE, serializeMessage(payload), {
+    conversation,
+  });
 }
 
 // ==================== @ 成员选择（群聊） ====================
 const isGroup = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.GROUP
-)
+  () => conversationStore.activeConversation?.type === ImConversationType.GROUP,
+);
 
 /** 从 groupStore 读当前激活群的成员（切会话时由 MessagePanel 预拉） */
 const groupMembers = computed<GroupMemberLite[]>(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return []
+    return [];
   }
-  const group = groupStore.getGroup(conversation.targetId)
+  const group = groupStore.getGroup(conversation.targetId);
   return (group?.members || []).map((member) => {
-    const friend = friendStore.getFriend(member.userId)
+    const friend = friendStore.getFriend(member.userId);
     return {
       userId: member.userId,
       showName: getMemberDisplayName(member, friend),
       nickname: member.nickname,
       avatar: member.avatar,
-      status: member.status
-    }
-  })
-})
+      status: member.status,
+    };
+  });
+});
 
 /** 当前用户是否能 @ 全员；群主 + 管理员都允许（对齐微信 PC：admin 也能 @ 所有人） */
 const canAtAll = computed<boolean>(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return false
+    return false;
   }
-  const group = groupStore.getGroup(conversation.targetId)
+  const group = groupStore.getGroup(conversation.targetId);
   if (!group) {
-    return false
+    return false;
   }
-  const myId = getCurrentUserId()
+  const myId = getCurrentUserId();
   if (!myId) {
-    return false
+    return false;
   }
   if (group.ownerUserId === myId) {
-    return true
+    return true;
   }
-  return group.members?.find((member) => member.userId === myId)?.role === ImGroupMemberRole.ADMIN
-})
+  return (
+    group.members?.find((member) => member.userId === myId)?.role ===
+    ImGroupMemberRole.ADMIN
+  );
+});
 
-const mentionVisible = ref(false)
-const mentionSearchText = ref('')
+const mentionVisible = ref(false);
+const mentionSearchText = ref('');
 /** 浮层定位：x 是左边距；top / bottom 二选一—— bottom 锚定（picker 下沿贴 @）是默认，
  *  上方放不下时退化为 top 锚定（picker 上沿贴 @ 下方） */
-const mentionPosition = ref<{ bottom?: number; top?: number; x: number; }>({ x: 0, bottom: 0 })
+const mentionPosition = ref<{ bottom?: number; top?: number; x: number }>({
+  x: 0,
+  bottom: 0,
+});
 
 /** MentionPicker 的容器宽度（与组件里的 w-50 对齐），用于视口右沿回弹；
  *  高度不再用常量算位置——bottom 锚定后 picker 内容多寡都不影响下沿位置，自然贴 @ */
-const MENTION_WIDTH = 200
-const MENTION_MIN_FIT_ABOVE = 120 // 上方剩余空间至少这么多才放上方，否则翻到下方（避免 picker 被视口顶 / 顶部 chat header 切掉）
+const MENTION_WIDTH = 200;
+const MENTION_MIN_FIT_ABOVE = 120; // 上方剩余空间至少这么多才放上方，否则翻到下方（避免 picker 被视口顶 / 顶部 chat header 切掉）
 
 /** 当前 @ 关键词在 editor 里的范围；onMentionSelect 用它定位删除 + 插入 token */
-let mentionRange: null | Range = null
+let mentionRange: null | Range = null;
 
 /** 关闭浮层 + 清掉 range，避免上次残留的 range 被下一次 onMentionSelect 误用 */
 function closeMention() {
-  mentionVisible.value = false
-  mentionRange = null
+  mentionVisible.value = false;
+  mentionRange = null;
 }
 
 /** 在光标当前文本节点里向前找 @keyword，命中则展开浮层 */
 function detectAtMention() {
   if (!isGroup.value) {
-    closeMention()
-    return
+    closeMention();
+    return;
   }
-  const sel = window.getSelection()
+  const sel = window.getSelection();
   if (!sel || sel.rangeCount === 0) {
-    closeMention()
-    return
+    closeMention();
+    return;
   }
-  const range = sel.getRangeAt(0)
+  const range = sel.getRangeAt(0);
   if (!range.collapsed || range.startContainer.nodeType !== Node.TEXT_NODE) {
-    closeMention()
-    return
+    closeMention();
+    return;
   }
-  const node = range.startContainer
-  const offset = range.startOffset
-  const before = (node.textContent || '').slice(0, offset)
+  const node = range.startContainer;
+  const offset = range.startOffset;
+  const before = (node.textContent || '').slice(0, offset);
   // 直接找最近的 @：不限制前置字符，对齐微信"中文紧贴 @ 也能联想"（你好@张三、，@张三 都触发）；
   // 代价是 email-like "test@example.com" 也会触发，但聊天输入里粘 email 的概率低，
   // 且用户按 Esc 即可关浮层；兜底由 [^\s@] 保证一旦输入空格 / 第二个 @ 就停下
-  const match = before.match(/@([^\s@]*)$/)
+  const match = before.match(/@([^\s@]*)$/);
   if (!match) {
-    closeMention()
-    return
+    closeMention();
+    return;
   }
-  const keyword = match[1] ?? ''
-  const atOffset = offset - keyword.length - 1
-  mentionRange = document.createRange()
-  mentionRange.setStart(node, atOffset)
-  mentionRange.setEnd(node, offset)
-  mentionSearchText.value = keyword
+  const keyword = match[1] ?? '';
+  const atOffset = offset - keyword.length - 1;
+  mentionRange = document.createRange();
+  mentionRange.setStart(node, atOffset);
+  mentionRange.setEnd(node, offset);
+  mentionSearchText.value = keyword;
   // 锚定在 @ 符号本身，而非当前 caret——否则用户每多敲一个字浮层就跟着右移（"飘"）
-  positionMention(node, atOffset)
-  mentionVisible.value = true
+  positionMention(node, atOffset);
+  mentionVisible.value = true;
 }
 
 /**
@@ -575,60 +609,66 @@ function detectAtMention() {
  */
 function positionMention(node: Node, atOffset: number) {
   // 1. 计算 @ 字符屏幕坐标 rect
-  const anchor = document.createRange()
-  anchor.setStart(node, atOffset)
-  anchor.collapse(true)
-  const rect = anchor.getBoundingClientRect()
+  const anchor = document.createRange();
+  anchor.setStart(node, atOffset);
+  anchor.collapse(true);
+  const rect = anchor.getBoundingClientRect();
   // 2. 横向：picker 左边对齐 @，越过视口右沿则左推；至少留 8px 留白
-  const left = Math.max(8, Math.min(rect.left, window.innerWidth - MENTION_WIDTH - 8))
+  const left = Math.max(
+    8,
+    Math.min(rect.left, window.innerWidth - MENTION_WIDTH - 8),
+  );
   // 3. 纵向：上方剩余 ≥ MENTION_MIN_FIT_ABOVE 走 bottom 锚定
-  mentionPosition.value = rect.top >= MENTION_MIN_FIT_ABOVE ? { x: left, bottom: window.innerHeight - rect.top + 8 } : { x: left, top: rect.bottom + 8 };
+  mentionPosition.value =
+    rect.top >= MENTION_MIN_FIT_ABOVE
+      ? { x: left, bottom: window.innerHeight - rect.top + 8 }
+      : { x: left, top: rect.bottom + 8 };
 }
 
 /** editor 内部滚动时同步浮层位置（多行 + 触发滚动条场景） */
 function onEditorScroll() {
   if (!mentionVisible.value || !mentionRange) {
-    return
+    return;
   }
-  positionMention(mentionRange.startContainer, mentionRange.startOffset)
+  positionMention(mentionRange.startContainer, mentionRange.startOffset);
 }
 
 function onMentionSelect(member: GroupMemberLite) {
-  const editor = editorRef.value
+  const editor = editorRef.value;
   if (!editor || !mentionRange) {
-    return
+    return;
   }
   // 删 @keyword，插入 contenteditable=false 的 token：
   // 删除时整段消除 + 不会被光标拆穿；data-id 是后续 collectFromEditor 收 atUserIds 的钩子
   // token 文本固定走真实昵称：群里所有成员看到的字面量一致，避免我侧的好友备注 / 群昵称污染发送文本
-  mentionRange.deleteContents()
-  const span = document.createElement('span')
-  span.className = 'mention-token'
-  span.dataset.id = String(member.userId)
-  span.contentEditable = 'false'
-  span.textContent = `@${member.nickname || member.showName}`
-  mentionRange.insertNode(span)
+  mentionRange.deleteContents();
+  const span = document.createElement('span');
+  span.className = 'mention-token';
+  span.dataset.id = String(member.userId);
+  span.contentEditable = 'false';
+  span.textContent = `@${member.nickname || member.showName}`;
+  mentionRange.insertNode(span);
   // token 在 editor 首位时，contenteditable=false 边缘会让光标无法挪到 token 前
   // 补一个零宽空格当锚点；DOM walk 时会被滤掉，不进入发送内容
-  const prev = span.previousSibling
+  const prev = span.previousSibling;
   if (!prev || (prev.nodeType === Node.TEXT_NODE && !prev.textContent)) {
-    span.parentNode?.insertBefore(document.createTextNode('\u200B'), span)
+    span.parentNode?.insertBefore(document.createTextNode('\u200B'), span);
   }
   // 在 token 后补一个 NBSP，让光标可以继续输入；NBSP 比普通空格更稳，避免被浏览器折叠
-  const space = document.createTextNode('\u00A0')
-  span.parentNode?.insertBefore(space, span.nextSibling)
+  const space = document.createTextNode('\u00A0');
+  span.parentNode?.insertBefore(space, span.nextSibling);
   // 光标移到 NBSP 之后
-  const sel = window.getSelection()
+  const sel = window.getSelection();
   if (sel) {
-    const newRange = document.createRange()
-    newRange.setStartAfter(space)
-    newRange.collapse(true)
-    sel.removeAllRanges()
-    sel.addRange(newRange)
+    const newRange = document.createRange();
+    newRange.setStartAfter(space);
+    newRange.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(newRange);
   }
-  closeMention()
-  editor.focus()
-  syncEditorState()
+  closeMention();
+  editor.focus();
+  syncEditorState();
 }
 
 /**
@@ -645,146 +685,156 @@ function onKeydown(e: KeyboardEvent) {
   // 1. mention 浮层打开时
   if (mentionVisible.value) {
     if (e.key === 'ArrowUp') {
-      e.preventDefault()
-      mentionRef.value?.moveUp()
-      return
+      e.preventDefault();
+      mentionRef.value?.moveUp();
+      return;
     }
     if (e.key === 'ArrowDown') {
-      e.preventDefault()
-      mentionRef.value?.moveDown()
-      return
+      e.preventDefault();
+      mentionRef.value?.moveDown();
+      return;
+    }
+    if (
+      e.key === 'Enter' &&
+      !e.isComposing &&
+      mentionRef.value?.hasCandidates()
+    ) {
+      e.preventDefault();
+      mentionRef.value?.pickActive();
+      return;
     }
-    if (e.key === 'Enter' && !e.isComposing && mentionRef.value?.hasCandidates()) {
-        e.preventDefault()
-        mentionRef.value?.pickActive()
-        return
-      }
     if (e.key === 'Escape') {
-      closeMention()
-      return
+      closeMention();
+      return;
     }
   }
   // 2. Shift+Enter 换行：强制走 br（浏览器默认会插 div，DOM walk 拼接更复杂）
   if (e.key === 'Enter' && e.shiftKey && !e.isComposing) {
-    e.preventDefault()
-    nativeExec('insertLineBreak')
-    syncEditorState()
-    return
+    e.preventDefault();
+    nativeExec('insertLineBreak');
+    syncEditorState();
+    return;
   }
   // 3. 普通 Enter 发送（IME composition 期间不触发，避免选词被误发）
   if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.isComposing) {
-    e.preventDefault()
-    handleSend()
+    e.preventDefault();
+    handleSend();
   }
 }
 
 // ==================== 图片 / 文件 / 语音 上传 ====================
 
 /** 上传前的统一拦截：禁言态 / 无激活会话直接放弃；返回当前 conversation 与抓走的 quote */
-function prepareMediaUpload(): undefined | { conversation: Conversation; quote?: QuoteMessage } {
+function prepareMediaUpload():
+  | undefined
+  | { conversation: Conversation; quote?: QuoteMessage } {
   if (muteOverlay.value) {
-    return undefined
+    return undefined;
   }
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return undefined
+    return undefined;
   }
-  return { conversation, quote: consumeReply() }
+  return { conversation, quote: consumeReply() };
 }
 
 /** 上传并发送 IMAGE 消息（占位 + 进度 + 真实 url ack 由 useMediaUploader 处理） */
 async function uploadAndSendImage(file: File) {
-  const context = prepareMediaUpload()
+  const context = prepareMediaUpload();
   if (!context) {
-    return
+    return;
   }
   await uploadAndSendMedia({
     file,
     type: ImContentType.IMAGE,
     quote: context.quote,
-    conversation: context.conversation
-  })
+    conversation: context.conversation,
+  });
 }
 
 /** 上传并发送 FILE 消息；payload 由 mediaTypeHandlers[FILE] 自动拼 url + name + size */
 async function uploadAndSendFile(file: File) {
   // 文件名取最后一个 "." 之后的部分；无后缀 / 空字符串都按"未知"放行
-  const extension = file.name.split('.').pop()?.toLowerCase() ?? ''
+  const extension = file.name.split('.').pop()?.toLowerCase() ?? '';
   if (extension && DANGEROUS_FILE_EXTENSIONS.includes(extension)) {
-    message.warning(`不允许发送 .${extension} 类型文件`)
-    return
+    message.warning(`不允许发送 .${extension} 类型文件`);
+    return;
   }
-  const context = prepareMediaUpload()
+  const context = prepareMediaUpload();
   if (!context) {
-    return
+    return;
   }
   await uploadAndSendMedia({
     file,
     type: ImContentType.FILE,
     quote: context.quote,
-    conversation: context.conversation
-  })
+    conversation: context.conversation,
+  });
 }
 
 /** 图片选完即上传 + 发送 IMAGE 消息（不放入 editor，由 useMediaUploader 接管占位 / 进度 / ack） */
 async function onImagePicked(e: Event) {
-  const input = e.target as HTMLInputElement
-  const file = input.files?.[0]
-  input.value = ''
+  const input = e.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
   if (file) {
-    await uploadAndSendImage(file)
+    await uploadAndSendImage(file);
   }
 }
 
 /** 文件选完即上传 + 发送 FILE 消息（携带原始 name / size 元数据） */
 async function onFilePicked(e: Event) {
-  const input = e.target as HTMLInputElement
-  const file = input.files?.[0]
-  input.value = ''
+  const input = e.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
   if (file) {
-    await uploadAndSendFile(file)
+    await uploadAndSendFile(file);
   }
 }
 
 // ==================== 语音 ====================
-const voiceVisible = ref(false)
+const voiceVisible = ref(false);
 /** 打开语音录制面板；互斥关掉表情面板 */
 function openVoice() {
-  voiceVisible.value = true
-  emojiVisible.value = false
+  voiceVisible.value = true;
+  emojiVisible.value = false;
 }
 /** 发送录音消息 */
 async function onVoiceSend(payload: {
-  blob: Blob
-  duration: number
-  extension: string
-  mimeType: string
+  blob: Blob;
+  duration: number;
+  extension: string;
+  mimeType: string;
 }) {
-  const context = prepareMediaUpload()
+  const context = prepareMediaUpload();
   if (!context) {
-    return
+    return;
   }
-  const file = new File([payload.blob], `voice-${Date.now()}.${payload.extension}`, {
-    type: payload.mimeType || payload.blob.type
-  })
+  const file = new File(
+    [payload.blob],
+    `voice-${Date.now()}.${payload.extension}`,
+    {
+      type: payload.mimeType || payload.blob.type,
+    },
+  );
   await uploadAndSendMedia({
     file,
     type: ImContentType.VOICE,
     quote: context.quote,
     conversation: context.conversation,
-    context: { voiceDuration: payload.duration }
-  })
+    context: { voiceDuration: payload.duration },
+  });
 }
 
 // ==================== 视频 ====================
 type VideoProbe = {
-  cover?: Blob
-  duration?: number
-  height?: number
-  width?: number
-}
+  cover?: Blob;
+  duration?: number;
+  height?: number;
+  width?: number;
+};
 
-const VIDEO_COVER_MAX_DIM = 720 // 封面最长边 cap：聊天列表里的视频封面没必要原视频分辨率，4K 原尺寸 jpeg 1-3MB 太浪费
+const VIDEO_COVER_MAX_DIM = 720; // 封面最长边 cap：聊天列表里的视频封面没必要原视频分辨率，4K 原尺寸 jpeg 1-3MB 太浪费
 
 /**
  * 加载视频本地预览，一次性拿到 metadata（duration / 宽高）+ 首帧封面 blob
@@ -798,77 +848,93 @@ const VIDEO_COVER_MAX_DIM = 720 // 封面最长边 cap：聊天列表里的视
 async function probeVideoFile(file: File): Promise<VideoProbe> {
   // 1. 准备离屏 video
   // 1.1 muted + preload=metadata：只下载文件头，不预加载整条流
-  const objectUrl = URL.createObjectURL(file)
-  const video = document.createElement('video')
-  video.preload = 'metadata'
-  video.muted = true
-  video.src = objectUrl
+  const objectUrl = URL.createObjectURL(file);
+  const video = document.createElement('video');
+  video.preload = 'metadata';
+  video.muted = true;
+  video.src = objectUrl;
   try {
     // 1.2 等 metadata 加载：解出 duration / 宽高才有 seek + 截图的依据
     await new Promise<void>((resolve, reject) => {
-      video.addEventListener('loadedmetadata', () => resolve(), { once: true })
-      video.addEventListener('error', () => reject(new Error('video metadata load error')), {
-        once: true
-      })
-    })
+      video.addEventListener('loadedmetadata', () => resolve(), { once: true });
+      video.addEventListener(
+        'error',
+        () => reject(new Error('video metadata load error')),
+        {
+          once: true,
+        },
+      );
+    });
     // 1.3 抽元信息：duration 偶有 NaN（极少数损坏文件），软处理为 undefined
     const meta = {
-      duration: Number.isFinite(video.duration) ? Math.round(video.duration) : undefined,
+      duration: Number.isFinite(video.duration)
+        ? Math.round(video.duration)
+        : undefined,
       width: video.videoWidth || undefined,
-      height: video.videoHeight || undefined
-    }
+      height: video.videoHeight || undefined,
+    };
 
     // 2. 截首帧封面（独立 try：失败仅降级 cover 为空，不影响 meta）
-    let cover: Blob | undefined
+    let cover: Blob | undefined;
     try {
       // 2.1 算 seek 时间：0.1s 避开常见的纯黑首帧；时长 < 0.2s 的极短视频退化为 0
-      const seekTo = video.duration > 0.2 ? 0.1 : 0
+      const seekTo = video.duration > 0.2 ? 0.1 : 0;
       // 2.2 seek + 3s 超时：currentTime 设为当前值（譬如已经是 0 的极短视频）
       //     部分浏览器不触发 onseeked，promise 会一直 pending 卡死整条链路
       await new Promise<void>((resolve, reject) => {
-        const timer = setTimeout(() => reject(new Error('video seek timeout')), 3000)
-        video.addEventListener('seeked', () => {
-          clearTimeout(timer)
-          resolve()
-        }, { once: true })
+        const timer = setTimeout(
+          () => reject(new Error('video seek timeout')),
+          3000,
+        );
+        video.addEventListener(
+          'seeked',
+          () => {
+            clearTimeout(timer);
+            resolve();
+          },
+          { once: true },
+        );
         video.addEventListener(
           'error',
           () => {
-            clearTimeout(timer)
-            reject(new Error('video seek error'))
+            clearTimeout(timer);
+            reject(new Error('video seek error'));
           },
-          { once: true }
-        )
-        video.currentTime = seekTo
-      })
+          { once: true },
+        );
+        video.currentTime = seekTo;
+      });
       // 2.3 离屏 canvas 等比缩放：长边 cap 720（VIDEO_COVER_MAX_DIM）
-      const canvas = document.createElement('canvas')
-      const ratio = Math.min(1, VIDEO_COVER_MAX_DIM / Math.max(video.videoWidth, video.videoHeight))
-      canvas.width = Math.round(video.videoWidth * ratio)
-      canvas.height = Math.round(video.videoHeight * ratio)
-      const context = canvas.getContext('2d')
+      const canvas = document.createElement('canvas');
+      const ratio = Math.min(
+        1,
+        VIDEO_COVER_MAX_DIM / Math.max(video.videoWidth, video.videoHeight),
+      );
+      canvas.width = Math.round(video.videoWidth * ratio);
+      canvas.height = Math.round(video.videoHeight * ratio);
+      const context = canvas.getContext('2d');
       if (context && canvas.width && canvas.height) {
         // 2.4 当前帧绘到 canvas → toBlob 拿 jpeg；0.8 质量是聊天封面常用甜点
-        context.drawImage(video, 0, 0, canvas.width, canvas.height)
+        context.drawImage(video, 0, 0, canvas.width, canvas.height);
         cover =
           (await new Promise<Blob | null>((resolve) =>
-            canvas.toBlob((b) => resolve(b), 'image/jpeg', 0.8)
-          )) ?? undefined
+            canvas.toBlob((b) => resolve(b), 'image/jpeg', 0.8),
+          )) ?? undefined;
         // 2.5 提前释放 canvas backing store（4K 原尺寸 33MB），别等 GC
-        canvas.width = 0
-        canvas.height = 0
+        canvas.width = 0;
+        canvas.height = 0;
       }
     } catch (error) {
-      console.warn('[IM] 视频封面截取失败', error)
+      console.warn('[IM] 视频封面截取失败', error);
     }
-    return { ...meta, cover }
+    return { ...meta, cover };
   } finally {
     // 3. 显式释放 video 资源
     // 3.1 revoke 本地 objectUrl
-    URL.revokeObjectURL(objectUrl)
+    URL.revokeObjectURL(objectUrl);
     // 3.2 触发 unload，让 decoder buffer 立即释放
-    video.removeAttribute('src')
-    video.load()
+    video.removeAttribute('src');
+    video.load();
   }
 }
 
@@ -883,29 +949,31 @@ async function probeVideoFile(file: File): Promise<VideoProbe> {
  */
 async function uploadAndSendVideo(file: File) {
   if (!ensureMediaSizeWithinLimit(file, ImContentType.VIDEO, message.warning)) {
-    return
+    return;
   }
-  const context = prepareMediaUpload()
+  const context = prepareMediaUpload();
   if (!context) {
-    return
+    return;
   }
-  const { conversation } = context
-  const replyQuote = context.quote
-  const startKey = getConversationKey(conversation)
+  const { conversation } = context;
+  const replyQuote = context.quote;
+  const startKey = getConversationKey(conversation);
 
   // 1. 立即占位：url 走 blob 让 <video src> 拉首字节渲染；coverUrl 不设 blob
   //    （<video poster> 期待图片资源，传 video blob 在部分浏览器会退化成黑底，不是稳定行为）
   //    cover 等 probe 异步出真实 URL 后由 commit 阶段一起 patch；_localFile 留 file 供失败重试
   //    payload 拼装走 mediaTypeHandlers[VIDEO].build 与 commit 阶段共享同一份逻辑
-  const videoHandler = requireMediaHandler(ImContentType.VIDEO)
+  const videoHandler = requireMediaHandler(ImContentType.VIDEO);
   const buildPlaceholderContent = (blobUrl: string): string =>
-    serializeMessage(withQuotePayload(videoHandler.build(file, blobUrl, {}), replyQuote))
+    serializeMessage(
+      withQuotePayload(videoHandler.build(file, blobUrl, {}), replyQuote),
+    );
   const { clientMessageId } = insertMediaPlaceholder({
     file,
     type: ImContentType.VIDEO,
     conversation,
-    buildContent: buildPlaceholderContent
-  })
+    buildContent: buildPlaceholderContent,
+  });
 
   // 2. 三路并行起跑（probe 与两条上传无依赖，封面上传等 probe 出 cover 后立即接力）
   // 2.1 视频本体上传：async IIFE 包一层让 await 显式可见（lint 不再误判 floating promise），
@@ -914,88 +982,100 @@ async function uploadAndSendVideo(file: File) {
     try {
       return await uploadFile(
         { file },
-        createUploadProgressHandler(conversation, clientMessageId)
-      )
+        createUploadProgressHandler(conversation, clientMessageId),
+      );
     } catch (error) {
-      console.warn('[IM] 视频本体上传失败', error)
-      return undefined
+      console.warn('[IM] 视频本体上传失败', error);
+      return undefined;
     }
-  })()
+  })();
   // 2.2 probe 拿元信息 + 封面 blob：解码失败降级为空 probe，不阻断视频上传
   const probePromise = probeVideoFile(file).catch((error): VideoProbe => {
-    console.warn('[IM] 视频元信息加载失败，降级为仅 url + size', error)
-    return {}
-  })
+    console.warn('[IM] 视频元信息加载失败，降级为仅 url + size', error);
+    return {};
+  });
   // 2.3 封面上传：等 probe.cover 出来后接力起跑，与视频上传竞速；失败降级 coverUrl 为空
   const coverUploadPromise = probePromise.then(async (probe) => {
     if (!probe.cover) {
-      return { probe, coverUrl: undefined as string | undefined }
+      return { probe, coverUrl: undefined as string | undefined };
     }
     try {
       const coverUrl = await uploadFile({
-        file: new File([probe.cover], `cover-${Date.now()}.jpg`, { type: 'image/jpeg' })
-      })
-      return { probe, coverUrl }
+        file: new File([probe.cover], `cover-${Date.now()}.jpg`, {
+          type: 'image/jpeg',
+        }),
+      });
+      return { probe, coverUrl };
     } catch (error) {
-      console.warn('[IM] 视频封面上传失败', error)
-      return { probe, coverUrl: undefined as string | undefined }
+      console.warn('[IM] 视频封面上传失败', error);
+      return { probe, coverUrl: undefined as string | undefined };
     }
-  })
+  });
 
   // 3. 收口校验
   // 3.1 等两条上传链路汇合
   const [videoRes, { probe, coverUrl }] = await Promise.all([
     videoUploadPromise,
-    coverUploadPromise
-  ])
+    coverUploadPromise,
+  ]);
   // 3.2 视频本体没 url：占位置 FAILED，让用户决定重试 / 删除（_localFile 在内存里）
-  const url = videoRes
+  const url = videoRes;
   if (!url) {
-    markMediaFailed(conversation.type, conversation.targetId, clientMessageId)
-    return
+    markMediaFailed(conversation.type, conversation.targetId, clientMessageId);
+    return;
   }
   if (!isOpenableUrl(url)) {
-    console.warn('[IM] 视频上传返回了不支持打开的 URL', { url })
-    message.warning('上传返回的视频地址不支持打开')
-    markMediaFailed(conversation.type, conversation.targetId, clientMessageId)
-    return
+    console.warn('[IM] 视频上传返回了不支持打开的 URL', { url });
+    message.warning('上传返回的视频地址不支持打开');
+    markMediaFailed(conversation.type, conversation.targetId, clientMessageId);
+    return;
   }
-  const safeCoverUrl = coverUrl && isOpenableUrl(coverUrl) ? coverUrl : undefined
+  const safeCoverUrl =
+    coverUrl && isOpenableUrl(coverUrl) ? coverUrl : undefined;
   if (coverUrl && !safeCoverUrl) {
-    console.warn('[IM] 视频封面上传返回了不支持打开的 URL', { coverUrl })
+    console.warn('[IM] 视频封面上传返回了不支持打开的 URL', { coverUrl });
   }
   // 3.3 上传后会话校验 + muteOverlay 复查（与 useMediaUploader.uploadAndSendMedia 同一道）
   if (
-    !verifyMediaUploadStillAllowed(conversation, startKey, ImContentType.VIDEO, clientMessageId)
+    !verifyMediaUploadStillAllowed(
+      conversation,
+      startKey,
+      ImContentType.VIDEO,
+      clientMessageId,
+    )
   ) {
-    return
+    return;
   }
 
   // 4. 拼真实 VideoMessage payload，patch 进占位 + 走 sendRaw 复用占位发送
   const realContent = serializeMessage(
     withQuotePayload(
       videoHandler.build(file, url, {
-        videoProbe: { duration: probe.duration, width: probe.width, height: probe.height },
-        videoCoverUrl: safeCoverUrl
+        videoProbe: {
+          duration: probe.duration,
+          width: probe.width,
+          height: probe.height,
+        },
+        videoCoverUrl: safeCoverUrl,
       }),
-      replyQuote
-    )
-  )
+      replyQuote,
+    ),
+  );
   await commitMediaPlaceholder({
     type: ImContentType.VIDEO,
     conversation,
     clientMessageId,
-    realContent
-  })
+    realContent,
+  });
 }
 
 /** 视频选完即上传 + 发送 VIDEO 消息（不放入 editor，独立链路：probe + 双上传，最终走 commitMediaPlaceholder 收尾） */
 async function onVideoPicked(e: Event) {
-  const input = e.target as HTMLInputElement
-  const file = input.files?.[0]
-  input.value = ''
+  const input = e.target as HTMLInputElement;
+  const file = input.files?.[0];
+  input.value = '';
   if (file) {
-    await uploadAndSendVideo(file)
+    await uploadAndSendVideo(file);
   }
 }
 </script>
@@ -1125,7 +1205,12 @@ async function onVideoPicked(e: Event) {
           </template>
         </DropdownButton>
         <!-- 私聊或群已读关闭：普通发送按钮（无群回执入口） -->
-        <Button v-else type="primary" :disabled="!canSend" @click="handleSend()">
+        <Button
+          v-else
+          type="primary"
+          :disabled="!canSend"
+          @click="handleSend()"
+        >
           发 送
         </Button>
 
@@ -1138,7 +1223,11 @@ async function onVideoPicked(e: Event) {
         />
 
         <!-- 语音录制面板：与表情面板同处工具栏，bottom-full 向上弹出，避免离触发的麦克风图标过远 -->
-        <VoiceRecorder v-model="voiceVisible" class="bottom-full left-3 mb-2" @send="onVoiceSend" />
+        <VoiceRecorder
+          v-model="voiceVisible"
+          class="bottom-full left-3 mb-2"
+          @send="onVoiceSend"
+        />
       </div>
     </div>
 
@@ -1154,9 +1243,21 @@ async function onVideoPicked(e: Event) {
     />
 
     <!-- 隐藏的文件选择器 -->
-    <input ref="imageInputRef" type="file" accept="image/*" hidden @change="onImagePicked" />
+    <input
+      ref="imageInputRef"
+      type="file"
+      accept="image/*"
+      hidden
+      @change="onImagePicked"
+    />
     <input ref="fileInputRef" type="file" hidden @change="onFilePicked" />
-    <input ref="videoInputRef" type="file" accept="video/*" hidden @change="onVideoPicked" />
+    <input
+      ref="videoInputRef"
+      type="file"
+      accept="video/*"
+      hidden
+      @change="onVideoPicked"
+    />
   </div>
 </template>
 
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-multi-select-bar.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-multi-select-bar.vue
index 74edcaced..d45237b35 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-multi-select-bar.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/input/message-multi-select-bar.vue
@@ -1,107 +1,114 @@
 <script lang="ts" setup>
-import type { Message } from '#/views/im/home/types'
+import type { Message } from '#/views/im/home/types';
 
-import { computed, inject } from 'vue'
+import { computed, inject } from 'vue';
 
-import { confirm } from '@vben/common-ui'
-import { IconifyIcon as Icon } from '@vben/icons'
+import { confirm } from '@vben/common-ui';
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { useMessageMultiSelect } from '#/views/im/home/composables/useMessageMultiSelect'
-import { useConversationStore } from '#/views/im/home/store/conversationStore'
-import { useMessageStore } from '#/views/im/home/store/messageStore'
-import { ImForwardMode, isNormalMessage } from '#/views/im/utils/constants'
-import { getClientConversationId } from '#/views/im/utils/db'
+import { useMessageMultiSelect } from '#/views/im/home/composables/useMessageMultiSelect';
+import { useConversationStore } from '#/views/im/home/store/conversationStore';
+import { useMessageStore } from '#/views/im/home/store/messageStore';
+import { ImForwardMode, isNormalMessage } from '#/views/im/utils/constants';
+import { getClientConversationId } from '#/views/im/utils/db';
 
-import { IM_FORWARD_DIALOG_KEY } from '../message/forward/keys'
+import { IM_FORWARD_DIALOG_KEY } from '../message/forward/keys';
 
-defineOptions({ name: 'ImMessageMultiSelectBar' })
+defineOptions({ name: 'ImMessageMultiSelectBar' });
 
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
-const openForwardDialog = inject(IM_FORWARD_DIALOG_KEY)
-const multiSelect = useMessageMultiSelect()
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
+const openForwardDialog = inject(IM_FORWARD_DIALOG_KEY);
+const multiSelect = useMessageMultiSelect();
 
 /** 选中条数 */
-const selectedCount = computed(() => multiSelect.state.selectedClientMessageIds.length)
+const selectedCount = computed(
+  () => multiSelect.state.selectedClientMessageIds.length,
+);
 
 /** 当前会话内已选消息 */
 function getSelectedMessages(): Message[] {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return []
+    return [];
   }
-  const ids = multiSelect.selectedIdSet.value
+  const ids = multiSelect.selectedIdSet.value;
   return messageStore
-    .getMessages(getClientConversationId(conversation.type, conversation.targetId))
-    .filter((message) => ids.has(message.clientMessageId) && isNormalMessage(message.type))
+    .getMessages(
+      getClientConversationId(conversation.type, conversation.targetId),
+    )
+    .filter(
+      (message) =>
+        ids.has(message.clientMessageId) && isNormalMessage(message.type),
+    );
 }
 
 /** 逐条转发：开 ForwardDialog 单条模式 */
 function handleForwardOneByOne() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  const messages = getSelectedMessages()
+  const messages = getSelectedMessages();
   if (messages.length === 0) {
-    return
+    return;
   }
   openForwardDialog?.({
     mode: ImForwardMode.SINGLE,
     messages,
-    sourceConversation: conversation
-  })
+    sourceConversation: conversation,
+  });
 }
 
 /** 合并转发：开 ForwardDialog 合并模式 */
 function handleForwardMerged() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  const messages = getSelectedMessages()
+  const messages = getSelectedMessages();
   if (messages.length === 0) {
-    return
+    return;
   }
   openForwardDialog?.({
     mode: ImForwardMode.MERGE,
     messages,
-    sourceConversation: conversation
-  })
+    sourceConversation: conversation,
+  });
 }
 
 /** 删除：弹确认框 → 本地批量移除（不同步后端，对齐微信「删除」语义） */
 async function handleDelete() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  const messages = getSelectedMessages()
+  const messages = getSelectedMessages();
   if (messages.length === 0) {
-    return
+    return;
   }
   try {
     await confirm(`确认删除选中的 ${messages.length} 条消息？`, {
       cancelText: '取消',
       confirmText: '确定',
       icon: 'warning',
-      title: '删除确认'
-    })
+      title: '删除确认',
+    });
   } catch {
-    return
+    return;
   }
   for (const m of messages) {
     messageStore.removeMessage(conversation.type, conversation.targetId, {
       id: m.id,
-      clientMessageId: m.clientMessageId
-    })
+      clientMessageId: m.clientMessageId,
+    });
   }
-  multiSelect.exit()
+  multiSelect.exit();
 }
 
 /** 取消多选 */
 function handleCancel() {
-  multiSelect.exit()
+  multiSelect.exit();
 }
 </script>
 
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/input/voice-recorder.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/input/voice-recorder.vue
index fd6147c04..c49c39922 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/input/voice-recorder.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/input/voice-recorder.vue
@@ -6,257 +6,276 @@ import {
   onUnmounted,
   ref,
   useTemplateRef,
-  watch
-} from 'vue'
+  watch,
+} from 'vue';
 
-import { Button, message } from 'ant-design-vue'
+import { Button, message } from 'ant-design-vue';
 
-import { formatSeconds } from '#/views/im/utils/time'
+import { formatSeconds } from '#/views/im/utils/time';
 
-defineOptions({ name: 'ImVoiceRecorder' })
+defineOptions({ name: 'ImVoiceRecorder' });
 
 const props = withDefaults(
   defineProps<{
-    maxDuration?: number // 最长录制秒数
-    modelValue: boolean // 是否显示
+    maxDuration?: number; // 最长录制秒数
+    modelValue: boolean; // 是否显示
   }>(),
   {
-    maxDuration: 60
-  }
-)
+    maxDuration: 60,
+  },
+);
 
 const emit = defineEmits<{
-  send: [payload: { blob: Blob; duration: number; extension: string; mimeType: string }] // 录制完成数据
-  'update:modelValue': [value: boolean]
-}>()
+  send: [
+    payload: {
+      blob: Blob;
+      duration: number;
+      extension: string;
+      mimeType: string;
+    },
+  ]; // 录制完成数据
+  'update:modelValue': [value: boolean];
+}>();
 
 const VOICE_MIME_TYPE_OPTIONS = [
   { extension: 'webm', mimeType: 'audio/webm;codecs=opus' },
   { extension: 'webm', mimeType: 'audio/webm' },
   { extension: 'm4a', mimeType: 'audio/mp4' },
   { extension: 'ogg', mimeType: 'audio/ogg;codecs=opus' },
-  { extension: 'ogg', mimeType: 'audio/ogg' }
-]
+  { extension: 'ogg', mimeType: 'audio/ogg' },
+];
 
 const visible = computed({
   get: () => props.modelValue,
-  set: (v) => emit('update:modelValue', v)
-})
+  set: (v) => emit('update:modelValue', v),
+});
 
-const rootRef = useTemplateRef<HTMLDivElement>('rootRef')
+const rootRef = useTemplateRef<HTMLDivElement>('rootRef');
 
 /** 录制状态 */
-type Status = 'idle' | 'preview' | 'recording'
-const status = ref<Status>('idle')
-const duration = ref(0)
-const previewUrl = ref('')
+type Status = 'idle' | 'preview' | 'recording';
+const status = ref<Status>('idle');
+const duration = ref(0);
+const previewUrl = ref('');
 
-let mediaRecorder: MediaRecorder | null = null
-let audioChunks: Blob[] = []
-let mediaStream: MediaStream | null = null
-let timer: null | ReturnType<typeof setInterval> = null
-let recordedBlob: Blob | null = null
-let discarding = false
-let recordingMimeType = ''
-let recordingExtension = ''
-let recordedMimeType = ''
-let recordedExtension = ''
+let mediaRecorder: MediaRecorder | null = null;
+let audioChunks: Blob[] = [];
+let mediaStream: MediaStream | null = null;
+let timer: null | ReturnType<typeof setInterval> = null;
+let recordedBlob: Blob | null = null;
+let discarding = false;
+let recordingMimeType = '';
+let recordingExtension = '';
+let recordedMimeType = '';
+let recordedExtension = '';
 
 /** 计时器文案 */
-const timerText = computed(() => formatSeconds(duration.value))
+const timerText = computed(() => formatSeconds(duration.value));
 
 /** 监听面板显示状态 */
 watch(visible, (v) => {
   if (v) {
-    document.addEventListener('click', handleDocumentClick)
+    document.addEventListener('click', handleDocumentClick);
   } else {
-    document.removeEventListener('click', handleDocumentClick)
-    resetAll()
+    document.removeEventListener('click', handleDocumentClick);
+    resetAll();
   }
-})
+});
 
 /** 处理外部点击 */
 function handleDocumentClick(e: MouseEvent) {
   if (!props.modelValue || !rootRef.value) {
-    return
+    return;
   }
   if (rootRef.value.contains(e.target as Node)) {
-    return
+    return;
   }
   if (status.value !== 'idle') {
-    return
+    return;
   }
-  visible.value = false
+  visible.value = false;
 }
 
 /** 获取支持的录音格式 */
 function getSupportedVoiceMimeType() {
   if (typeof MediaRecorder === 'undefined' || !MediaRecorder.isTypeSupported) {
-    return undefined
+    return undefined;
   }
-  return VOICE_MIME_TYPE_OPTIONS.find((item) => MediaRecorder.isTypeSupported(item.mimeType))
+  return VOICE_MIME_TYPE_OPTIONS.find((item) =>
+    MediaRecorder.isTypeSupported(item.mimeType),
+  );
 }
 
 /** 获取录音文件后缀 */
 function getVoiceExtension(mimeType: string) {
-  const normalizedMimeType = mimeType.split(';')[0]
+  const normalizedMimeType = mimeType.split(';')[0];
   if (normalizedMimeType === 'audio/mp4') {
-    return 'm4a'
+    return 'm4a';
   }
   if (normalizedMimeType === 'audio/ogg') {
-    return 'ogg'
+    return 'ogg';
   }
-  return 'webm'
+  return 'webm';
 }
 
 /** 创建录音器 */
 function createVoiceRecorder(stream: MediaStream) {
-  const supportedMimeType = getSupportedVoiceMimeType()
+  const supportedMimeType = getSupportedVoiceMimeType();
   const recorder = supportedMimeType
     ? new MediaRecorder(stream, { mimeType: supportedMimeType.mimeType })
-    : new MediaRecorder(stream)
-  recordingMimeType = recorder.mimeType || supportedMimeType?.mimeType || ''
-  recordingExtension = supportedMimeType?.extension || (recordingMimeType ? getVoiceExtension(recordingMimeType) : '')
-  return recorder
+    : new MediaRecorder(stream);
+  recordingMimeType = recorder.mimeType || supportedMimeType?.mimeType || '';
+  recordingExtension =
+    supportedMimeType?.extension ||
+    (recordingMimeType ? getVoiceExtension(recordingMimeType) : '');
+  return recorder;
 }
 
 /** 开始录制 */
 async function startRecord() {
-  if (typeof MediaRecorder === 'undefined' || !navigator.mediaDevices?.getUserMedia) {
-    message.error('当前浏览器不支持录音（需要 HTTPS 或 localhost）')
-    return
+  if (
+    typeof MediaRecorder === 'undefined' ||
+    !navigator.mediaDevices?.getUserMedia
+  ) {
+    message.error('当前浏览器不支持录音（需要 HTTPS 或 localhost）');
+    return;
   }
   try {
-    mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true })
+    mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
   } catch {
-    message.error('无法获取麦克风权限')
-    return
+    message.error('无法获取麦克风权限');
+    return;
   }
-  audioChunks = []
-  discarding = false
+  audioChunks = [];
+  discarding = false;
   try {
-    mediaRecorder = createVoiceRecorder(mediaStream)
+    mediaRecorder = createVoiceRecorder(mediaStream);
   } catch {
-    cleanupStream()
-    message.error('当前浏览器不支持录音格式')
-    return
+    cleanupStream();
+    message.error('当前浏览器不支持录音格式');
+    return;
   }
   mediaRecorder.addEventListener('dataavailable', (event: BlobEvent) => {
     if (event.data.size > 0) {
-      audioChunks.push(event.data)
+      audioChunks.push(event.data);
     }
-  })
+  });
   mediaRecorder.addEventListener('stop', () => {
     if (discarding) {
-      return
+      return;
     }
-    recordedMimeType = recordingMimeType || mediaRecorder?.mimeType || audioChunks[0]?.type || 'audio/webm'
-    recordedExtension = recordingExtension || getVoiceExtension(recordedMimeType)
-    recordedBlob = new Blob(audioChunks, { type: recordedMimeType })
-    previewUrl.value = URL.createObjectURL(recordedBlob)
-    status.value = 'preview'
-  })
-  mediaRecorder.start()
-  status.value = 'recording'
-  duration.value = 0
+    recordedMimeType =
+      recordingMimeType ||
+      mediaRecorder?.mimeType ||
+      audioChunks[0]?.type ||
+      'audio/webm';
+    recordedExtension =
+      recordingExtension || getVoiceExtension(recordedMimeType);
+    recordedBlob = new Blob(audioChunks, { type: recordedMimeType });
+    previewUrl.value = URL.createObjectURL(recordedBlob);
+    status.value = 'preview';
+  });
+  mediaRecorder.start();
+  status.value = 'recording';
+  duration.value = 0;
   timer = setInterval(() => {
-    duration.value++
+    duration.value++;
     if (duration.value >= props.maxDuration) {
-      stopRecord()
+      stopRecord();
     }
-  }, 1000)
+  }, 1000);
 }
 
 /** 停止录制 */
 function stopRecord() {
   if (duration.value < 1) {
-    message.warning('录音时间太短')
-    resetAll()
-    return
+    message.warning('录音时间太短');
+    resetAll();
+    return;
   }
   if (mediaRecorder && mediaRecorder.state !== 'inactive') {
-    mediaRecorder.stop()
+    mediaRecorder.stop();
   }
-  cleanupStream()
+  cleanupStream();
   if (timer) {
-    clearInterval(timer)
-    timer = null
+    clearInterval(timer);
+    timer = null;
   }
 }
 
 /** 重新录制 */
 function restart() {
-  clearPreview()
-  duration.value = 0
-  status.value = 'idle'
+  clearPreview();
+  duration.value = 0;
+  status.value = 'idle';
 }
 
 /** 发送录音 */
 function handleSend() {
   if (!recordedBlob) {
-    return
+    return;
   }
   emit('send', {
     blob: recordedBlob,
     duration: duration.value,
     extension: recordedExtension,
-    mimeType: recordedMimeType || recordedBlob.type
-  })
-  visible.value = false
+    mimeType: recordedMimeType || recordedBlob.type,
+  });
+  visible.value = false;
 }
 
 /** 取消录制 */
 function handleCancel() {
-  visible.value = false
+  visible.value = false;
 }
 
 /** 重置录制资源 */
 function resetAll() {
-  discarding = true
+  discarding = true;
   if (mediaRecorder && mediaRecorder.state !== 'inactive') {
-    mediaRecorder.stop()
+    mediaRecorder.stop();
   }
-  cleanupStream()
+  cleanupStream();
   if (timer) {
-    clearInterval(timer)
-    timer = null
+    clearInterval(timer);
+    timer = null;
   }
-  audioChunks = []
-  duration.value = 0
-  status.value = 'idle'
-  recordingMimeType = ''
-  recordingExtension = ''
-  recordedMimeType = ''
-  recordedExtension = ''
-  clearPreview()
+  audioChunks = [];
+  duration.value = 0;
+  status.value = 'idle';
+  recordingMimeType = '';
+  recordingExtension = '';
+  recordedMimeType = '';
+  recordedExtension = '';
+  clearPreview();
 }
 
 /** 释放预览音频 */
 function clearPreview() {
-  recordedBlob = null
+  recordedBlob = null;
   if (previewUrl.value) {
-    URL.revokeObjectURL(previewUrl.value)
-    previewUrl.value = ''
+    URL.revokeObjectURL(previewUrl.value);
+    previewUrl.value = '';
   }
 }
 
 /** 关闭麦克风采集 */
 function cleanupStream() {
-  mediaStream?.getTracks().forEach((t) => t.stop())
-  mediaStream = null
+  mediaStream?.getTracks().forEach((t) => t.stop());
+  mediaStream = null;
 }
 
 onMounted(() => {
   if (props.modelValue) {
-    document.addEventListener('click', handleDocumentClick)
+    document.addEventListener('click', handleDocumentClick);
   }
-})
+});
 
-onBeforeUnmount(resetAll)
+onBeforeUnmount(resetAll);
 
 onUnmounted(() => {
-  document.removeEventListener('click', handleDocumentClick)
-})
+  document.removeEventListener('click', handleDocumentClick);
+});
 </script>
 
 <template>
@@ -269,14 +288,18 @@ onUnmounted(() => {
   >
     <div class="flex flex-col items-center gap-3">
       <!-- 录制时长 -->
-      <div class="text-[28px] font-medium tabular-nums text-[var(--ant-color-text)]">
+      <div
+        class="text-[28px] font-medium tabular-nums text-[var(--ant-color-text)]"
+      >
         {{ timerText }}
       </div>
 
       <!-- 状态文案 -->
       <div class="text-13px text-[var(--ant-color-text-secondary)]">
         <span v-if="status === 'idle'">点击下方按钮开始录制</span>
-        <span v-else-if="status === 'recording'">录制中，最长 {{ maxDuration }} 秒</span>
+        <span v-else-if="status === 'recording'">
+          录制中，最长 {{ maxDuration }} 秒
+        </span>
         <span v-else>录制完成，可试听后发送</span>
       </div>
 
@@ -284,7 +307,9 @@ onUnmounted(() => {
       <div
         v-if="status !== 'preview'"
         class="w-12 h-12 rounded-full bg-[var(--ant-color-border)]"
-        :class="{ 'im-voice-recorder__pulse bg-[#f56c6c]': status === 'recording' }"
+        :class="{
+          'im-voice-recorder__pulse bg-[#f56c6c]': status === 'recording',
+        }"
       ></div>
       <audio v-else :src="previewUrl" controls class="w-full"></audio>
     </div>
@@ -293,11 +318,15 @@ onUnmounted(() => {
     <div class="flex justify-end gap-2 mt-3">
       <template v-if="status === 'idle'">
         <Button size="small" @click="handleCancel">取消</Button>
-        <Button size="small" type="primary" @click="startRecord">开始录制</Button>
+        <Button size="small" type="primary" @click="startRecord">
+          开始录制
+        </Button>
       </template>
       <template v-else-if="status === 'recording'">
         <Button size="small" @click="handleCancel">取消</Button>
-        <Button size="small" type="primary" @click="stopRecord">停止录制</Button>
+        <Button size="small" type="primary" @click="stopRecord">
+          停止录制
+        </Button>
       </template>
       <template v-else>
         <Button size="small" @click="handleCancel">取消</Button>
@@ -315,7 +344,8 @@ onUnmounted(() => {
   top: calc(100% - 1px);
   left: 110px;
   content: '';
-  border-color: var(--ant-color-bg-container) transparent transparent transparent;
+  border-color: var(--ant-color-bg-container) transparent transparent
+    transparent;
   border-style: solid;
   border-width: 6px 6px 0;
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 8%));
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/keys.ts b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/keys.ts
index f76c1919c..c518671f8 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/keys.ts
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/keys.ts
@@ -1,24 +1,25 @@
-import type { InjectionKey } from 'vue'
+import type { InjectionKey } from 'vue';
 
-import type { Conversation, Message } from '#/views/im/home/types'
-import type { ImForwardModeValue } from '#/views/im/utils/constants'
+import type { Conversation, Message } from '#/views/im/home/types';
+import type { ImForwardModeValue } from '#/views/im/utils/constants';
 
 /** 打开转发弹窗 */
 export type OpenForwardDialog = (opts: {
-  messages: Message[]
-  mode: ImForwardModeValue
-  sourceConversation: Conversation
-}) => void
+  messages: Message[];
+  mode: ImForwardModeValue;
+  sourceConversation: Conversation;
+}) => void;
 
 /** 打开合并消息详情弹窗 */
-export type OpenMergeDetailDialog = (content: string) => void
+export type OpenMergeDetailDialog = (content: string) => void;
 
 /** 重拨 RTC 通话；点私聊 RTC_CALL_END 气泡触发 */
-export type RtcRedial = (mediaType: number) => void
+export type RtcRedial = (mediaType: number) => void;
 
 /** MessagePanel 通过 provide 暴露给子树 */
-export const IM_FORWARD_DIALOG_KEY: InjectionKey<OpenForwardDialog> = Symbol('IM_FORWARD_DIALOG')
-export const IM_MERGE_DETAIL_DIALOG_KEY: InjectionKey<OpenMergeDetailDialog> = Symbol(
-  'IM_MERGE_DETAIL_DIALOG'
-)
-export const IM_RTC_REDIAL_KEY: InjectionKey<RtcRedial> = Symbol('IM_RTC_REDIAL')
+export const IM_FORWARD_DIALOG_KEY: InjectionKey<OpenForwardDialog> =
+  Symbol('IM_FORWARD_DIALOG');
+export const IM_MERGE_DETAIL_DIALOG_KEY: InjectionKey<OpenMergeDetailDialog> =
+  Symbol('IM_MERGE_DETAIL_DIALOG');
+export const IM_RTC_REDIAL_KEY: InjectionKey<RtcRedial> =
+  Symbol('IM_RTC_REDIAL');
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-forward-dialog.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-forward-dialog.vue
index d66be508d..312a452a4 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-forward-dialog.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-forward-dialog.vue
@@ -1,87 +1,98 @@
 <script lang="ts" setup>
-import type { Conversation, FriendLite, Message } from '#/views/im/home/types'
+import type { Conversation, FriendLite, Message } from '#/views/im/home/types';
+import type { ImForwardModeValue } from '#/views/im/utils/constants';
 
-import { computed, reactive, ref } from 'vue'
+import { computed, reactive, ref } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { Button, Input, message, Modal } from 'ant-design-vue'
+import { Button, Input, message, Modal } from 'ant-design-vue';
 
-import { createGroup } from '#/api/im/group'
-import { ConversationPickerPanel } from '#/views/im/home/components/picker'
-import { FriendPickerPanel } from '#/views/im/home/components/picker'
-import { useMessageMultiSelect } from '#/views/im/home/composables/useMessageMultiSelect'
-import { useMessageSender } from '#/views/im/home/composables/useMessageSender'
-import { useConversationStore } from '#/views/im/home/store/conversationStore'
-import { useFriendStore } from '#/views/im/home/store/friendStore'
-import { useGroupStore } from '#/views/im/home/store/groupStore'
-import { MESSAGE_MERGE_PREVIEW_LINES } from '#/views/im/utils/config'
+import { createGroup } from '#/api/im/group';
+import {
+  ConversationPickerPanel,
+  FriendPickerPanel,
+} from '#/views/im/home/components/picker';
+import { useMessageMultiSelect } from '#/views/im/home/composables/useMessageMultiSelect';
+import { useMessageSender } from '#/views/im/home/composables/useMessageSender';
+import { useConversationStore } from '#/views/im/home/store/conversationStore';
+import { useFriendStore } from '#/views/im/home/store/friendStore';
+import { useGroupStore } from '#/views/im/home/store/groupStore';
+import { MESSAGE_MERGE_PREVIEW_LINES } from '#/views/im/utils/config';
 import {
   ImContentType,
   ImConversationType,
   ImForwardMode,
-  type ImForwardModeValue
-} from '#/views/im/utils/constants'
-import { getConversationKey, summarizeMessageContent } from '#/views/im/utils/conversation'
-import { buildDefaultGroupName } from '#/views/im/utils/group'
+} from '#/views/im/utils/constants';
+import {
+  getConversationKey,
+  summarizeMessageContent,
+} from '#/views/im/utils/conversation';
+import { buildDefaultGroupName } from '#/views/im/utils/group';
 import {
   buildMergeMessagePayload,
   removeQuotePayload,
-  serializeMessage
-} from '#/views/im/utils/message'
-import { getGroupDisplayName, isGroupQuit } from '#/views/im/utils/user'
+  serializeMessage,
+} from '#/views/im/utils/message';
+import { getGroupDisplayName, isGroupQuit } from '#/views/im/utils/user';
 
-import { FacePicker } from '../../input'
+import { FacePicker } from '../../input';
 
-defineOptions({ name: 'ImMessageForwardDialog' })
+defineOptions({ name: 'ImMessageForwardDialog' });
 
-const conversationStore = useConversationStore()
-const friendStore = useFriendStore()
-const groupStore = useGroupStore()
-const { sendRaw, send } = useMessageSender()
-const multiSelect = useMessageMultiSelect()
+const conversationStore = useConversationStore();
+const friendStore = useFriendStore();
+const groupStore = useGroupStore();
+const { sendRaw, send } = useMessageSender();
+const multiSelect = useMessageMultiSelect();
 
 const state = reactive({
   mode: ImForwardMode.SINGLE as ImForwardModeValue,
   messages: [] as Message[],
-  sourceConversation: null as Conversation | null
-})
-const visible = ref(false)
-const view = ref<'contact' | 'conversation'>('conversation') // 当前视图：默认会话选择，「创建聊天」入口切到好友选择
-const selectedKeys = ref<string[]>([])
-const selectedFriendIds = ref<number[]>([])
-const leaveMessage = ref('')
-const sending = ref(false)
-const emojiVisible = ref(false) // emoji picker 显隐：右侧笑脸按钮切换
+  sourceConversation: null as Conversation | null,
+});
+const visible = ref(false);
+const view = ref<'contact' | 'conversation'>('conversation'); // 当前视图：默认会话选择，「创建聊天」入口切到好友选择
+const selectedKeys = ref<string[]>([]);
+const selectedFriendIds = ref<number[]>([]);
+const leaveMessage = ref('');
+const sending = ref(false);
+const emojiVisible = ref(false); // emoji picker 显隐：右侧笑脸按钮切换
 
 defineExpose({
   /** 打开转发弹窗：reset → 灌参 → visible=true */
-  open(opts: { messages: Message[]; mode: ImForwardModeValue; sourceConversation: Conversation }) {
-    state.mode = opts.mode
-    state.messages = opts.messages
-    state.sourceConversation = opts.sourceConversation
-    view.value = 'conversation'
-    selectedKeys.value = []
-    selectedFriendIds.value = []
-    leaveMessage.value = ''
-    emojiVisible.value = false
-    sending.value = false
-    visible.value = true
-  }
-})
+  open(opts: {
+    messages: Message[];
+    mode: ImForwardModeValue;
+    sourceConversation: Conversation;
+  }) {
+    state.mode = opts.mode;
+    state.messages = opts.messages;
+    state.sourceConversation = opts.sourceConversation;
+    view.value = 'conversation';
+    selectedKeys.value = [];
+    selectedFriendIds.value = [];
+    leaveMessage.value = '';
+    emojiVisible.value = false;
+    sending.value = false;
+    visible.value = true;
+  },
+});
 
 /** 弹窗标题：会话视图按 mode 区分「逐条 / 合并转发」；好友视图固定为「选择好友」 */
 const headerTitle = computed(() => {
   if (view.value === 'contact') {
-    return '选择好友'
+    return '选择好友';
   }
-  return state.mode === ImForwardMode.MERGE ? '合并转发' : '逐条转发'
-})
+  return state.mode === ImForwardMode.MERGE ? '合并转发' : '逐条转发';
+});
 
 /** 确认按钮文案：单选「发送」、多选「分别发送(n)」 */
 const confirmButtonText = computed(() =>
-  selectedKeys.value.length > 1 ? `分别发送（${selectedKeys.value.length}）` : '发送'
-)
+  selectedKeys.value.length > 1
+    ? `分别发送（${selectedKeys.value.length}）`
+    : '发送',
+);
 
 /** 候选会话：从 store 拿排序后的列表（转发回原会话也允许，与微信一致）；公众号 / 频道单向消息不接受转发，从候选里剔除 */
 const candidateConversations = computed<Conversation[]>(() =>
@@ -92,23 +103,25 @@ const candidateConversations = computed<Conversation[]>(() =>
       !(
         conversation.type === ImConversationType.GROUP &&
         isGroupQuit(groupStore.getGroup(conversation.targetId))
-      )
-  )
-)
+      ),
+  ),
+);
 
 /** 好友视图候选列表：直接复用 friendStore Lite 视图 */
-const friends = computed<FriendLite[]>(() => friendStore.getActiveFriendLiteList)
+const friends = computed<FriendLite[]>(
+  () => friendStore.getActiveFriendLiteList,
+);
 
 /** 切到好友视图：清掉之前在会话视图输入的留言，避免在不可见输入框里把留言静默发到新群 */
 function handleSwitchToContact() {
-  view.value = 'contact'
-  leaveMessage.value = ''
-  emojiVisible.value = false
+  view.value = 'contact';
+  leaveMessage.value = '';
+  emojiVisible.value = false;
 }
 
 /** 选中 emoji：拼到留言末尾；FacePicker 自身负责关闭面板 */
 function handleEmojiSelect(emoji: string) {
-  leaveMessage.value = `${leaveMessage.value}${emoji}`
+  leaveMessage.value = `${leaveMessage.value}${emoji}`;
 }
 
 /** 合并 payload + 序列化 content；merge 模式下一次构造，预览 / 发送共用 */
@@ -118,33 +131,41 @@ const mergeBundle = computed(() => {
     !state.sourceConversation ||
     state.messages.length === 0
   ) {
-    return null
+    return null;
   }
-  const payload = buildMergeMessagePayload(state.messages, state.sourceConversation)
-  return { payload, content: serializeMessage(payload) }
-})
+  const payload = buildMergeMessagePayload(
+    state.messages,
+    state.sourceConversation,
+  );
+  return { payload, content: serializeMessage(payload) };
+});
 
 /** 合并模式预览：从 messages 前 N 条派生「{昵称}：{摘要}」 */
 const mergePreview = computed(() => {
-  const payload = mergeBundle.value?.payload
+  const payload = mergeBundle.value?.payload;
   if (!payload) {
-    return null
+    return null;
   }
   const lines = payload.messages
     .slice(0, MESSAGE_MERGE_PREVIEW_LINES)
-    .map((item) => `${item.senderNickname}：${summarizeMessageContent(item)}`)
-  return { title: payload.title, lines }
-})
+    .map((item) => `${item.senderNickname}：${summarizeMessageContent(item)}`);
+  return { title: payload.title, lines };
+});
 
 /** 逐条模式预览：取前 N 条摘要 */
 const singlePreviewLines = computed(() =>
-  state.messages.slice(0, MESSAGE_MERGE_PREVIEW_LINES).map((m) => summarizeMessageContent(m))
-)
+  state.messages
+    .slice(0, MESSAGE_MERGE_PREVIEW_LINES)
+    .map((m) => summarizeMessageContent(m)),
+);
 
 /** 待发送的逐条消息：剥离 quote 一次，发送多目标时复用 */
 const cleanedSinglePayloads = computed(() =>
-  state.messages.map((m) => ({ type: m.type, content: removeQuotePayload(m.content) }))
-)
+  state.messages.map((m) => ({
+    type: m.type,
+    content: removeQuotePayload(m.content),
+  })),
+);
 
 /**
  * 给单个目标发送转发消息：merge 一次 sendRaw、single 按时间序逐条 sendRaw
@@ -153,19 +174,21 @@ const cleanedSinglePayloads = computed(() =>
  */
 async function forwardToTarget(target: Conversation): Promise<boolean> {
   if (state.mode === ImForwardMode.MERGE) {
-    const content = mergeBundle.value?.content
+    const content = mergeBundle.value?.content;
     if (!content) {
-      return false
+      return false;
     }
-    return sendRaw(ImContentType.MERGE, content, { conversation: target })
+    return sendRaw(ImContentType.MERGE, content, { conversation: target });
   }
   for (const payload of cleanedSinglePayloads.value) {
-    const ok = await sendRaw(payload.type, payload.content, { conversation: target })
+    const ok = await sendRaw(payload.type, payload.content, {
+      conversation: target,
+    });
     if (!ok) {
-      return false
+      return false;
     }
   }
-  return true
+  return true;
 }
 
 /**
@@ -176,49 +199,55 @@ async function forwardToTarget(target: Conversation): Promise<boolean> {
  */
 async function handleSend() {
   if (selectedKeys.value.length === 0) {
-    return
+    return;
   }
   if (state.messages.length === 0) {
-    message.warning('没有可转发的消息')
-    return
+    message.warning('没有可转发的消息');
+    return;
   }
   // 反查已选 conversation 对象（按 selectedKeys 数组顺序，即点击顺序）
-  const candidates = candidateConversations.value
-  const byKey = new Map(candidates.map((c) => [getConversationKey(c), c]))
+  const candidates = candidateConversations.value;
+  const byKey = new Map(candidates.map((c) => [getConversationKey(c), c]));
   const targets = selectedKeys.value
     .map((key) => byKey.get(key))
-    .filter((c): c is Conversation => c != null)
+    .filter((c): c is Conversation => c !== null);
   if (targets.length === 0) {
-    return
+    return;
   }
-  const leaveText = leaveMessage.value.trim()
-  sending.value = true
+  const leaveText = leaveMessage.value.trim();
+  sending.value = true;
   try {
     const tasks = targets.map(async (target) => {
-      const forwardOk = await forwardToTarget(target)
+      const forwardOk = await forwardToTarget(target);
       if (!forwardOk) {
-        return { target, ok: false }
+        return { target, ok: false };
       }
-      const ok = leaveText ? await send(leaveText, { conversation: target }) : true
-      return { target, ok }
-    })
-    const results = await Promise.all(tasks)
-    const failedNames = results.filter((r) => !r.ok).map((r) => r.target.name || '未命名会话')
+      const ok = leaveText
+        ? await send(leaveText, { conversation: target })
+        : true;
+      return { target, ok };
+    });
+    const results = await Promise.all(tasks);
+    const failedNames = results
+      .filter((r) => !r.ok)
+      .map((r) => r.target.name || '未命名会话');
     // 命中的目标统一推到最近转发列表（部分失败也推：用户的"意图"已表达）
-    conversationStore.pushRecentForwardConversationKeyList(targets.map((c) => getConversationKey(c)))
+    conversationStore.pushRecentForwardConversationKeyList(
+      targets.map((c) => getConversationKey(c)),
+    );
     if (failedNames.length === 0) {
-      message.success('已转发')
+      message.success('已转发');
     } else if (failedNames.length === targets.length) {
-      message.error(`转发失败：${failedNames.join('、')}`)
+      message.error(`转发失败：${failedNames.join('、')}`);
     } else {
-      message.warning(`已转发，但 ${failedNames.join('、')} 失败`)
+      message.warning(`已转发，但 ${failedNames.join('、')} 失败`);
     }
     if (multiSelect.state.active) {
-      multiSelect.exit()
+      multiSelect.exit();
     }
-    visible.value = false
+    visible.value = false;
   } finally {
-    sending.value = false
+    sending.value = false;
   }
 }
 
@@ -230,26 +259,30 @@ async function handleSend() {
  */
 async function handleCreateGroupAndSend() {
   if (selectedFriendIds.value.length === 0) {
-    return
+    return;
   }
   if (state.messages.length === 0) {
-    message.warning('没有可转发的消息')
-    return
+    message.warning('没有可转发的消息');
+    return;
   }
-  const byId = new Map(friends.value.map((f) => [f.id, f]))
+  const byId = new Map(friends.value.map((f) => [f.id, f]));
   const members = selectedFriendIds.value
     .map((id) => byId.get(id))
-    .filter((f): f is FriendLite => f != null)
+    .filter((f): f is FriendLite => f !== null);
   if (members.length === 0) {
-    return
+    return;
   }
-  sending.value = true
+  sending.value = true;
   try {
-    const memberUserIds = members.map((m) => m.id)
-    const name = buildDefaultGroupName(members)
-    const group = await createGroup({ name, memberUserIds, joinApproval: false })
+    const memberUserIds = members.map((m) => m.id);
+    const name = buildDefaultGroupName(members);
+    const group = await createGroup({
+      name,
+      memberUserIds,
+      joinApproval: false,
+    });
     if (!group?.id) {
-      throw new Error('创建群失败：未返回群编号')
+      throw new Error('创建群失败：未返回群编号');
     }
     // upsert 进 groupStore，省一次 fetchGroupList
     groupStore.upsertGroup({
@@ -257,8 +290,8 @@ async function handleCreateGroupAndSend() {
       name: group.name,
       avatar: group.avatar,
       notice: group.notice,
-      ownerUserId: group.ownerUserId
-    })
+      ownerUserId: group.ownerUserId,
+    });
     // 给新群构造一个临时 conversation 对象给 forwardToTarget 用；sendRaw 内部会自动 insertMessage 登记
     const newConversation: Conversation = {
       type: ImConversationType.GROUP,
@@ -267,26 +300,28 @@ async function handleCreateGroupAndSend() {
       avatar: group.avatar || '',
       unreadCount: 0,
       lastContent: '',
-      lastSendTime: 0
-    }
-    const forwardOk = await forwardToTarget(newConversation)
+      lastSendTime: 0,
+    };
+    const forwardOk = await forwardToTarget(newConversation);
     if (forwardOk) {
-      const leaveText = leaveMessage.value.trim()
+      const leaveText = leaveMessage.value.trim();
       if (leaveText) {
-        await send(leaveText, { conversation: newConversation })
+        await send(leaveText, { conversation: newConversation });
       }
-      conversationStore.pushRecentForwardConversationKeyList([getConversationKey(newConversation)])
-      message.success('已创建群聊并转发')
+      conversationStore.pushRecentForwardConversationKeyList([
+        getConversationKey(newConversation),
+      ]);
+      message.success('已创建群聊并转发');
     } else {
-      message.warning('群已创建，但消息转发失败，请稍后在群里重试')
+      message.warning('群已创建，但消息转发失败，请稍后在群里重试');
     }
     // 统一退多选 + 关弹窗：成功 / 失败都要退源会话的多选态，避免遗留
     if (multiSelect.state.active) {
-      multiSelect.exit()
+      multiSelect.exit();
     }
-    visible.value = false
+    visible.value = false;
   } finally {
-    sending.value = false
+    sending.value = false;
   }
 }
 </script>
@@ -328,7 +363,9 @@ async function handleCreateGroupAndSend() {
         v-if="view === 'conversation'"
         v-model:selected-keys="selectedKeys"
         :conversations="candidateConversations"
-        :recent-forward-conversation-keys="conversationStore.recentForwardConversationKeys"
+        :recent-forward-conversation-keys="
+          conversationStore.recentForwardConversationKeys
+        "
         :show-create-chat="true"
         @create-chat="handleSwitchToContact"
         @remove-recent="conversationStore.removeRecentForwardConversationKey"
@@ -363,7 +400,10 @@ async function handleCreateGroupAndSend() {
 
             <!-- 逐条模式预览：消息数 + 首条摘要 -->
             <div
-              v-else-if="state.mode === ImForwardMode.SINGLE && singlePreviewLines.length > 0"
+              v-else-if="
+                state.mode === ImForwardMode.SINGLE &&
+                singlePreviewLines.length > 0
+              "
               class="flex flex-col w-full overflow-hidden rounded-md bg-[var(--ant-color-bg-container)] border border-solid border-[var(--ant-color-border-secondary)]"
             >
               <div class="flex flex-col px-3 py-2 gap-0.5">
@@ -384,7 +424,11 @@ async function handleCreateGroupAndSend() {
 
             <!-- 留言（单行）：右侧表情按钮触发 FacePicker；选中 emoji 拼到末尾 -->
             <div class="relative">
-              <Input v-model:value="leaveMessage" :maxlength="100" placeholder="给朋友留言">
+              <Input
+                v-model:value="leaveMessage"
+                :maxlength="100"
+                placeholder="给朋友留言"
+              >
                 <template #suffix>
                   <Icon
                     icon="ant-design:smile-outlined"
@@ -418,7 +462,11 @@ async function handleCreateGroupAndSend() {
       </ConversationPickerPanel>
 
       <!-- 好友视图：选好友建群后转发 -->
-      <FriendPickerPanel v-else v-model:selected-ids="selectedFriendIds" :friends="friends" />
+      <FriendPickerPanel
+        v-else
+        v-model:selected-ids="selectedFriendIds"
+        :friends="friends"
+      />
     </div>
 
     <!-- 好友视图的 dialog footer：建群并转发 -->
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-merge-detail-dialog.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-merge-detail-dialog.vue
index a353bcfce..f3dd6091b 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-merge-detail-dialog.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/forward/message-merge-detail-dialog.vue
@@ -1,59 +1,60 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import type { MergeMessage } from '#/views/im/utils/message';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { computed, ref } from 'vue';
 
-import { Modal } from 'ant-design-vue'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { UserAvatar } from '#/views/im/home/components/user'
-import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer'
-import { type MergeMessage, parseMessage } from '#/views/im/utils/message'
-import { formatMergeItemTime } from '#/views/im/utils/time'
+import { Modal } from 'ant-design-vue';
 
-import { MessageBubble } from '..'
+import { UserAvatar } from '#/views/im/home/components/user';
+import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer';
+import { parseMessage } from '#/views/im/utils/message';
+import { formatMergeItemTime } from '#/views/im/utils/time';
 
-defineOptions({ name: 'ImMessageMergeDetailDialog' })
+import { MessageBubble } from '..';
 
-const voicePlayer = useVoicePlayer()
-const visible = ref(false)
+defineOptions({ name: 'ImMessageMergeDetailDialog' });
 
-const stack = ref<MergeMessage[]>([]) // 嵌套层级栈，存 parsed payload 避免切层重 parse
+const voicePlayer = useVoicePlayer();
+const visible = ref(false);
+
+const stack = ref<MergeMessage[]>([]); // 嵌套层级栈，存 parsed payload 避免切层重 parse
 
 defineExpose({
   /** 打开详情弹窗，传入顶层合并消息 content */
   open(content: string) {
-    const payload = parseMessage<MergeMessage>(content)
-    stack.value = payload ? [payload] : []
-    visible.value = true
-  }
-})
+    const payload = parseMessage<MergeMessage>(content);
+    stack.value = payload ? [payload] : [];
+    visible.value = true;
+  },
+});
 
 /** 当前层 payload */
 const currentPayload = computed<MergeMessage | null>(
-  () => stack.value[stack.value.length - 1] ?? null
-)
+  () => stack.value[stack.value.length - 1] ?? null,
+);
 
 /** 嵌套合并气泡点击：解析 content 后压栈进入下一层 */
 function handleNestedOpen(content: string) {
-  const payload = parseMessage<MergeMessage>(content)
+  const payload = parseMessage<MergeMessage>(content);
   if (payload) {
-    stack.value.push(payload)
+    stack.value.push(payload);
   }
 }
 
 /** 顶部返回箭头点击：弹出栈顶回到上一层 */
 function handleBack() {
   if (stack.value.length > 1) {
-    stack.value.pop()
+    stack.value.pop();
   }
 }
 
 /** 弹窗关闭：清栈 + 停语音，下次打开从顶层重新开始 */
 function handleClose() {
-  stack.value = []
-  voicePlayer.stop()
+  stack.value = [];
+  voicePlayer.stop();
 }
-
 </script>
 
 <template>
@@ -74,7 +75,9 @@ function handleClose() {
           class="cursor-pointer text-[var(--ant-color-text-secondary)] hover:text-[var(--ant-color-text)]"
           @click="handleBack"
         />
-        <span class="text-base font-medium truncate">{{ currentPayload?.title || '聊天记录' }}</span>
+        <span class="text-base font-medium truncate">{{
+          currentPayload?.title || '聊天记录'
+        }}</span>
       </div>
     </template>
 
@@ -99,10 +102,14 @@ function handleClose() {
           />
           <div class="flex-1 min-w-0">
             <div class="flex gap-2 items-baseline">
-              <span class="text-13px font-medium text-[var(--ant-color-text)] truncate">
+              <span
+                class="text-13px font-medium text-[var(--ant-color-text)] truncate"
+              >
                 {{ item.senderNickname }}
               </span>
-              <span class="text-12px text-[var(--ant-color-text-secondary)] flex-shrink-0">
+              <span
+                class="text-12px text-[var(--ant-color-text-secondary)] flex-shrink-0"
+              >
                 {{ formatMergeItemTime(item.sendTime) }}
               </span>
             </div>
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-pinned-message.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-pinned-message.vue
index f9533dd42..0f5c0506c 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-pinned-message.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-pinned-message.vue
@@ -1,114 +1,130 @@
 <script lang="ts" setup>
-import type { Message } from '../../../../types'
+import type { Message } from '../../../../types';
 
-import { computed, ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { Button, message } from 'ant-design-vue'
+import { Button, message } from 'ant-design-vue';
 
-import { unpinGroupMessage as apiUnpinGroupMessage } from '#/api/im/group'
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { ImConversationType, ImGroupMemberRole } from '#/views/im/utils/constants'
-import { resolveConversationLastContent } from '#/views/im/utils/conversation'
-import { getSenderDisplayName, isGroupQuit } from '#/views/im/utils/user'
+import { unpinGroupMessage as apiUnpinGroupMessage } from '#/api/im/group';
+import { getCurrentUserId } from '#/views/im/utils/auth';
+import {
+  ImConversationType,
+  ImGroupMemberRole,
+} from '#/views/im/utils/constants';
+import { resolveConversationLastContent } from '#/views/im/utils/conversation';
+import { getSenderDisplayName, isGroupQuit } from '#/views/im/utils/user';
 
-import { useGroupStore } from '../../../../store/groupStore'
+import { useGroupStore } from '../../../../store/groupStore';
 
-defineOptions({ name: 'ImGroupPinnedMessage' })
+defineOptions({ name: 'ImGroupPinnedMessage' });
 
 const props = defineProps<{
   /** 当前群编号（自行从 groupStore 拿完整 Group，跟随响应式） */
-  groupId: number
-}>()
+  groupId: number;
+}>();
 
 const emit = defineEmits<{
   /** 点击置顶消息 → 父级 MessagePanel 滚动定位到原消息位置 */
-  locate: [messageId: number]
-}>()
+  locate: [messageId: number];
+}>();
 
-const groupStore = useGroupStore()
+const groupStore = useGroupStore();
 
 /** 当前群（含 pinnedMessages） */
-const group = computed(() => groupStore.getGroup(props.groupId))
+const group = computed(() => groupStore.getGroup(props.groupId));
 
-const expanded = ref(false)
-const removingId = ref<null | number>(null)
+const expanded = ref(false);
+const removingId = ref<null | number>(null);
 
 // 切群时重置展开 / 移除中状态：本地 ref 不跟随 groupId，否则上一群"展开"或"移除中"会带到新群
 watch(
   () => props.groupId,
   () => {
-    expanded.value = false
-    removingId.value = null
-  }
-)
+    expanded.value = false;
+    removingId.value = null;
+  },
+);
 
 /** 当前群置顶消息列表（直接走 group.value，跟随响应式） */
-const pinnedMessages = computed<Message[]>(() => group.value?.pinnedMessages ?? [])
+const pinnedMessages = computed<Message[]>(
+  () => group.value?.pinnedMessages ?? [],
+);
 
 /** 顶部胶囊展示的最新一条（即列表最后一条，pin 顺序追加） */
 const latest = computed<Message | null>(
-  () => pinnedMessages.value[pinnedMessages.value.length - 1] ?? null
-)
+  () => pinnedMessages.value[pinnedMessages.value.length - 1] ?? null,
+);
 
 /** 当前用户是否群主 / 管理员（决定是否显示「移除」入口） */
 const canManage = computed(() => {
   // 历史退群群：本地缓存残留时也不给「移除」入口
   if (isGroupQuit(group.value)) {
-    return false
+    return false;
   }
-  const myId = getCurrentUserId()
-  const role = group.value?.members?.find((m) => m.userId === myId)?.role
-  return role === ImGroupMemberRole.OWNER || role === ImGroupMemberRole.ADMIN
-})
+  const myId = getCurrentUserId();
+  const role = group.value?.members?.find((m) => m.userId === myId)?.role;
+  return role === ImGroupMemberRole.OWNER || role === ImGroupMemberRole.ADMIN;
+});
 
 /** 顶部胶囊点击：单条直接跳转原消息位置；多条切换展开 / 折叠 */
 function handleTopClick() {
   if (!latest.value) {
-    return
+    return;
   }
   if (pinnedMessages.value.length === 1) {
-    handleLocate(latest.value)
-    return
+    handleLocate(latest.value);
+    return;
   }
-  expanded.value = !expanded.value
+  expanded.value = !expanded.value;
 }
 
 /** 点击置顶消息行 → 触发跳转 + 收起弹出层 */
 function handleLocate(message: Message) {
   if (!message.id) {
-    return
+    return;
   }
-  emit('locate', message.id)
-  expanded.value = false
+  emit('locate', message.id);
+  expanded.value = false;
 }
 
 /** 置顶消息发送人显示名 */
 function getSenderName(message: Message): string {
   return group.value
-    ? getSenderDisplayName(message.senderId, ImConversationType.GROUP, group.value.id)
-    : ''
+    ? getSenderDisplayName(
+        message.senderId,
+        ImConversationType.GROUP,
+        group.value.id,
+      )
+    : '';
 }
 
 /** 置顶消息预览文本：复用会话最后一条摘要逻辑（[图片] / [文件] / 文本等） */
 function getPreview(message: Message): string {
   return group.value
-    ? resolveConversationLastContent(message, ImConversationType.GROUP, group.value.id)
-    : ''
+    ? resolveConversationLastContent(
+        message,
+        ImConversationType.GROUP,
+        group.value.id,
+      )
+    : '';
 }
 
 /** 移除置顶：调后端 API，loading 期间禁止重复点；后端广播 GROUP_MESSAGE_UNPIN 由 dispatcher 自动同步本地 */
 async function handleRemove(pinnedMessage: Message) {
   if (!group.value || !pinnedMessage.id || removingId.value !== null) {
-    return
+    return;
   }
-  removingId.value = pinnedMessage.id
+  removingId.value = pinnedMessage.id;
   try {
-    await apiUnpinGroupMessage({ id: group.value.id, messageId: pinnedMessage.id })
-    message.success('已取消置顶')
+    await apiUnpinGroupMessage({
+      id: group.value.id,
+      messageId: pinnedMessage.id,
+    });
+    message.success('已取消置顶');
   } finally {
-    removingId.value = null
+    removingId.value = null;
   }
 }
 </script>
@@ -129,7 +145,9 @@ async function handleRemove(pinnedMessage: Message) {
         :size="14"
         class="flex-shrink-0 text-[var(--ant-color-warning)]"
       />
-      <span class="flex-shrink-0 text-[var(--ant-color-text-secondary)]">{{ getSenderName(latest) }}：</span>
+      <span class="flex-shrink-0 text-[var(--ant-color-text-secondary)]">
+        {{ getSenderName(latest) }}：
+      </span>
       <span class="flex-1 min-w-0 truncate">{{ getPreview(latest) }}</span>
       <!-- 单条：移除按钮；多条折叠：共 N 条；多条展开：收起箭头 -->
       <Button
@@ -143,11 +161,15 @@ async function handleRemove(pinnedMessage: Message) {
         移除
       </Button>
       <template v-else-if="pinnedMessages.length > 1">
-        <span class="flex-shrink-0 text-[var(--ant-color-text-secondary)] text-12px">
+        <span
+          class="flex-shrink-0 text-[var(--ant-color-text-secondary)] text-12px"
+        >
           共 {{ pinnedMessages.length }} 条
         </span>
         <Icon
-          :icon="expanded ? 'ant-design:up-outlined' : 'ant-design:down-outlined'"
+          :icon="
+            expanded ? 'ant-design:up-outlined' : 'ant-design:down-outlined'
+          "
           :size="11"
           class="flex-shrink-0 text-[var(--ant-color-text-placeholder)]"
         />
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-request-pending.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-request-pending.vue
index 02d29dd35..d5dd478d7 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-request-pending.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/group-request-pending.vue
@@ -1,50 +1,54 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import { computed, ref } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { ImGroupMemberRole } from '#/views/im/utils/constants'
+import { getCurrentUserId } from '#/views/im/utils/auth';
+import { ImGroupMemberRole } from '#/views/im/utils/constants';
 
-import { GroupRequestListDialog } from '../../../../components/group'
-import { useGroupRequestStore } from '../../../../store/groupRequestStore'
-import { useGroupStore } from '../../../../store/groupStore'
+import { GroupRequestListDialog } from '../../../../components/group';
+import { useGroupRequestStore } from '../../../../store/groupRequestStore';
+import { useGroupStore } from '../../../../store/groupStore';
 
-defineOptions({ name: 'ImGroupRequestPending' })
+defineOptions({ name: 'ImGroupRequestPending' });
 
 const props = defineProps<{
-  groupId: number
-}>()
+  groupId: number;
+}>();
 
-const groupStore = useGroupStore()
-const groupRequestStore = useGroupRequestStore()
+const groupStore = useGroupStore();
+const groupRequestStore = useGroupRequestStore();
 
-const requestListDialogRef = ref<InstanceType<typeof GroupRequestListDialog>>() // 申请列表弹窗 ref：handleOpen 调 open({ groupId }) 触发
+const requestListDialogRef = ref<InstanceType<typeof GroupRequestListDialog>>(); // 申请列表弹窗 ref：handleOpen 调 open({ groupId }) 触发
 
 /** 打开当前群的进群申请列表 */
 function handleOpen() {
-  requestListDialogRef.value?.open({ groupId: props.groupId })
+  requestListDialogRef.value?.open({ groupId: props.groupId });
 }
 
 /** 当前群（含 ownerUserId / members） */
-const group = computed(() => groupStore.getGroup(props.groupId))
+const group = computed(() => groupStore.getGroup(props.groupId));
 
 /** 当前用户在群里的角色；优先用 group.members，懒加载未到时回退到 ownerUserId 直判 */
 const myRole = computed(() => {
-  const myId = getCurrentUserId()
+  const myId = getCurrentUserId();
   if (group.value?.ownerUserId === myId) {
-    return ImGroupMemberRole.OWNER
+    return ImGroupMemberRole.OWNER;
   }
-  return group.value?.members?.find((m) => m.userId === myId)?.role
-})
+  return group.value?.members?.find((m) => m.userId === myId)?.role;
+});
 
 /** 仅群主 / 管理员可见 */
 const canManage = computed(
-  () => myRole.value === ImGroupMemberRole.OWNER || myRole.value === ImGroupMemberRole.ADMIN
-)
+  () =>
+    myRole.value === ImGroupMemberRole.OWNER ||
+    myRole.value === ImGroupMemberRole.ADMIN,
+);
 
 /** 当前群未处理申请数；从 store 派生 */
-const pendingCount = computed(() => groupRequestStore.getUnhandledGroupRequestCount(props.groupId))
+const pendingCount = computed(() =>
+  groupRequestStore.getUnhandledGroupRequestCount(props.groupId),
+);
 </script>
 
 <template>
@@ -67,7 +71,9 @@ const pendingCount = computed(() => groupRequestStore.getUnhandledGroupRequestCo
         :size="14"
         class="im-group-request-pending__icon flex-shrink-0 text-[var(--ant-color-success)]"
       />
-      <span class="flex-1 min-w-0 truncate"> 新进群申请（{{ pendingCount }}） </span>
+      <span class="flex-1 min-w-0 truncate">
+        新进群申请（{{ pendingCount }}）
+      </span>
       <Icon
         icon="ant-design:right-outlined"
         :size="11"
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/material-bubble.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/material-bubble.vue
index fc4209bcd..aeedf9546 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/material-bubble.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/material-bubble.vue
@@ -1,64 +1,69 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import type { MaterialMessage } from '#/views/im/utils/message';
 
-import { IconifyIcon as Icon } from '@vben/icons'
-import { openSafeUrl } from '@vben/utils'
+import { computed, ref } from 'vue';
 
-import { Modal, Spin } from 'ant-design-vue'
+import { IconifyIcon as Icon } from '@vben/icons';
+import { openSafeUrl } from '@vben/utils';
 
-import { getChannelMaterial } from '#/api/im/channel/material'
-import { useChannelStore } from '#/views/im/home/store/channelStore'
-import { useConversationStore } from '#/views/im/home/store/conversationStore'
-import { ImConversationType } from '#/views/im/utils/constants'
-import { type MaterialMessage, parseMessage } from '#/views/im/utils/message'
+import { Modal, Spin } from 'ant-design-vue';
+
+import { getChannelMaterial } from '#/api/im/channel/material';
+import { useChannelStore } from '#/views/im/home/store/channelStore';
+import { useConversationStore } from '#/views/im/home/store/conversationStore';
+import { ImConversationType } from '#/views/im/utils/constants';
+import { parseMessage } from '#/views/im/utils/message';
 
 const props = defineProps<{
-  content: string
-}>()
+  content: string;
+}>();
 
-const conversationStore = useConversationStore()
-const channelStore = useChannelStore()
+const conversationStore = useConversationStore();
+const channelStore = useChannelStore();
 
 /** 当前是否在公众号 / 频道会话里：决定走大卡片还是紧凑转发卡片 */
 const isChannelView = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.CHANNEL
-)
+  () =>
+    conversationStore.activeConversation?.type === ImConversationType.CHANNEL,
+);
 
 /** 反序列化 content JSON 为 payload 对象 */
 const payload = computed<MaterialMessage>(
-  () => parseMessage<MaterialMessage>(props.content) ?? {}
-)
+  () => parseMessage<MaterialMessage>(props.content) ?? {},
+);
 
 /** 来源频道；紧凑卡底部渲染头像 + 名称 */
 const sourceChannel = computed(() =>
-  payload.value.channelId ? channelStore.getChannel(payload.value.channelId) : undefined
-)
+  payload.value.channelId
+    ? channelStore.getChannel(payload.value.channelId)
+    : undefined,
+);
 
-const detailVisible = ref(false)
-const detailLoading = ref(false)
-const detailHtml = ref('')
+const detailVisible = ref(false);
+const detailLoading = ref(false);
+const detailHtml = ref('');
 
 // 点击行为：url 非空跳外链；为空则按 payload.materialId 拉富文本正文，全屏 dialog 渲染
 const onClick = async () => {
   if (payload.value.url) {
-    openSafeUrl(payload.value.url)
-    return
+    openSafeUrl(payload.value.url);
+    return;
   }
   if (!payload.value.materialId) {
-    return
+    return;
   }
-  detailVisible.value = true
-  detailLoading.value = true
-  detailHtml.value = ''
+  detailVisible.value = true;
+  detailLoading.value = true;
+  detailHtml.value = '';
   try {
-    const material = await getChannelMaterial(payload.value.materialId)
-    detailHtml.value = material?.content ?? ''
+    const material = await getChannelMaterial(payload.value.materialId);
+    detailHtml.value = material?.content ?? '';
   } catch (error) {
-    console.error('[Material] 拉取正文失败', error)
+    console.error('[Material] 拉取正文失败', error);
   } finally {
-    detailLoading.value = false
+    detailLoading.value = false;
   }
-}
+};
 </script>
 
 <template>
@@ -68,8 +73,14 @@ const onClick = async () => {
     class="material-card cursor-pointer w-full overflow-hidden rounded-lg bg-[var(--ant-color-bg-container)] border border-solid border-[var(--im-border-color-lighter)]"
     @click="onClick"
   >
-    <img v-if="payload.coverUrl" class="block w-full h-[200px] object-cover" :src="payload.coverUrl" />
-    <div class="px-3.5 py-3 text-15px font-600 leading-[1.4] text-[var(--ant-color-text)] line-clamp-2">
+    <img
+      v-if="payload.coverUrl"
+      class="block w-full h-[200px] object-cover"
+      :src="payload.coverUrl"
+    />
+    <div
+      class="px-3.5 py-3 text-15px font-600 leading-[1.4] text-[var(--ant-color-text)] line-clamp-2"
+    >
       {{ payload.title || '(无标题)' }}
     </div>
   </div>
@@ -82,7 +93,9 @@ const onClick = async () => {
   >
     <div class="flex gap-2.5 items-start">
       <div class="flex flex-1 flex-col gap-1.5 min-w-0">
-        <div class="text-15px font-600 leading-[1.4] text-[var(--ant-color-text)] line-clamp-2 break-all">
+        <div
+          class="text-15px font-600 leading-[1.4] text-[var(--ant-color-text)] line-clamp-2 break-all"
+        >
           {{ payload.title || '(无标题)' }}
         </div>
         <div
@@ -98,7 +111,9 @@ const onClick = async () => {
         :src="payload.coverUrl"
       />
     </div>
-    <div class="flex items-center gap-1.5 mt-2.5 pt-2 border-t border-t-solid border-[var(--im-border-color-lighter)] text-12px text-[var(--ant-color-text-secondary)]">
+    <div
+      class="flex items-center gap-1.5 mt-2.5 pt-2 border-t border-t-solid border-[var(--im-border-color-lighter)] text-12px text-[var(--ant-color-text-secondary)]"
+    >
       <img
         v-if="sourceChannel?.avatar"
         class="w-4 h-4 rounded-full object-cover flex-shrink-0"
@@ -119,8 +134,12 @@ const onClick = async () => {
     destroy-on-close
   >
     <Spin :spinning="detailLoading" wrapper-class-name="w-full">
-      <div class="material-detail-body max-w-[720px] mx-auto px-5 pt-6 pb-20 min-h-[60vh]">
-        <div class="text-[22px] font-600 leading-[1.4] text-[var(--ant-color-text)] mb-5">
+      <div
+        class="material-detail-body max-w-[720px] mx-auto px-5 pt-6 pb-20 min-h-[60vh]"
+      >
+        <div
+          class="text-[22px] font-600 leading-[1.4] text-[var(--ant-color-text)] mb-5"
+        >
           {{ payload.title || '' }}
         </div>
         <div
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-bubble.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-bubble.vue
index b7092ef5e..62a66e6a8 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-bubble.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-bubble.vue
@@ -1,142 +1,145 @@
 <script lang="ts" setup>
-import { computed, onBeforeUnmount } from 'vue'
+import type {
+  AudioMessage,
+  CardMessage,
+  FaceMessage,
+  FileMessage,
+  ImageMessage,
+  MentionCandidate,
+  MergeMessage,
+  TextMessage,
+  VideoMessage,
+} from '#/views/im/utils/message';
 
-import { IconifyIcon as Icon } from '@vben/icons'
-import { formatFileSize, openSafeUrl } from '@vben/utils'
+import { computed, onBeforeUnmount } from 'vue';
 
-import { Image } from 'ant-design-vue'
+import { IconifyIcon as Icon } from '@vben/icons';
+import { formatFileSize, openSafeUrl } from '@vben/utils';
 
-import { CardBubble } from '#/views/im/home/components/card'
-import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer'
-import { MESSAGE_MERGE_PREVIEW_LINES } from '#/views/im/utils/config'
-import { ImContentType } from '#/views/im/utils/constants'
-import { summarizeMessageContent } from '#/views/im/utils/conversation'
+import { Image } from 'ant-design-vue';
+
+import { CardBubble } from '#/views/im/home/components/card';
+import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer';
+import { MESSAGE_MERGE_PREVIEW_LINES } from '#/views/im/utils/config';
+import { ImContentType } from '#/views/im/utils/constants';
+import { summarizeMessageContent } from '#/views/im/utils/conversation';
 import {
-  type AudioMessage,
-  type CardMessage,
-  type FaceMessage,
-  type FileMessage,
   getFileIconInfo,
-  type ImageMessage,
-  type MentionCandidate,
-  type MergeMessage,
   parseMessage,
   parseTextSegments,
-  type TextMessage,
-  type VideoMessage
-} from '#/views/im/utils/message'
-import { formatSeconds } from '#/views/im/utils/time'
+} from '#/views/im/utils/message';
+import { formatSeconds } from '#/views/im/utils/time';
 
-import MaterialBubble from './material-bubble.vue'
-import TipSegments from './tip-segments.vue'
+import MaterialBubble from './material-bubble.vue';
+import TipSegments from './tip-segments.vue';
 
-defineOptions({ name: 'ImMessageBubble' })
+defineOptions({ name: 'ImMessageBubble' });
 
 const props = defineProps<{
   /** 消息 content（JSON 字符串） */
-  content: string
+  content: string;
   /** TEXT 气泡的 @ mention 候选名字；不传则文本里的 @xxx 退化为普通文本 */
-  mentions?: MentionCandidate[]
+  mentions?: MentionCandidate[];
   /** 是否自己发送，影响气泡配色（绿底 vs 灰底） */
-  selfSend?: boolean
+  selfSend?: boolean;
   /** 内容类型，对齐 ImContentType */
-  type: number
+  type: number;
   /** 媒体上传进度（0-100）；非 null 即视为上传中，渲染遮罩 / 进度条 */
-  uploadProgress?: null | number
-}>()
+  uploadProgress?: null | number;
+}>();
 
 const emit = defineEmits<{
   /** 名片点击：调用方决定弹卡片 / 跳群等行为 */
-  clickCard: [card: CardMessage, e: MouseEvent]
+  clickCard: [card: CardMessage, e: MouseEvent];
   /** 合并消息气泡点击：调用方决定开 dialog 或栈内 push */
-  openMerge: [content: string]
-}>()
+  openMerge: [content: string];
+}>();
 
 /** 各 type 判定 */
-const isText = computed(() => props.type === ImContentType.TEXT)
-const isImage = computed(() => props.type === ImContentType.IMAGE)
-const isFile = computed(() => props.type === ImContentType.FILE)
-const isVoice = computed(() => props.type === ImContentType.VOICE)
-const isVideo = computed(() => props.type === ImContentType.VIDEO)
-const isFace = computed(() => props.type === ImContentType.FACE)
-const isCard = computed(() => props.type === ImContentType.CARD)
-const isMerge = computed(() => props.type === ImContentType.MERGE)
-const isMaterial = computed(() => props.type === ImContentType.MATERIAL)
+const isText = computed(() => props.type === ImContentType.TEXT);
+const isImage = computed(() => props.type === ImContentType.IMAGE);
+const isFile = computed(() => props.type === ImContentType.FILE);
+const isVoice = computed(() => props.type === ImContentType.VOICE);
+const isVideo = computed(() => props.type === ImContentType.VIDEO);
+const isFace = computed(() => props.type === ImContentType.FACE);
+const isCard = computed(() => props.type === ImContentType.CARD);
+const isMerge = computed(() => props.type === ImContentType.MERGE);
+const isMaterial = computed(() => props.type === ImContentType.MATERIAL);
 
 /** 媒体上传中：uploadProgress 非 null 即视为上传中 */
-const isUploading = computed(() => props.uploadProgress != null)
-const uploadProgress = computed(() => props.uploadProgress ?? 0)
-const uploadProgressText = computed(() => `${uploadProgress.value}%`)
+const isUploading = computed(() => props.uploadProgress !== null);
+const uploadProgress = computed(() => props.uploadProgress ?? 0);
+const uploadProgressText = computed(() => `${uploadProgress.value}%`);
 
 /**
  * 单一 parse 入口：content 一变只 parse 一次，按 type 分发到下面 7 个 payload
  *
  * 各类型 payload 共用同一棵 JSON 树，避免 7 个 computed 各自重 parse 同一份 content
  */
-const parsedContent = computed<unknown>(() => parseMessage(props.content))
+const parsedContent = computed<unknown>(() => parseMessage(props.content));
 
 const textPayload = computed(() =>
-  isText.value ? (parsedContent.value as null | TextMessage) : null
-)
+  isText.value ? (parsedContent.value as null | TextMessage) : null,
+);
 
 /** 文本气泡 segment 数组：mention 高亮 + URL 自动识别 + 普通文本三段拼接 */
 const textSegments = computed(() => {
-  const content = textPayload.value?.content
+  const content = textPayload.value?.content;
   if (!content) {
-    return []
+    return [];
   }
-  return parseTextSegments(content, props.mentions || [])
-})
+  return parseTextSegments(content, props.mentions || []);
+});
 const imagePayload = computed(() =>
-  isImage.value ? (parsedContent.value as ImageMessage | null) : null
-)
+  isImage.value ? (parsedContent.value as ImageMessage | null) : null,
+);
 const filePayload = computed(() =>
-  isFile.value ? (parsedContent.value as FileMessage | null) : null
-)
+  isFile.value ? (parsedContent.value as FileMessage | null) : null,
+);
 const voicePayload = computed(() =>
-  isVoice.value ? (parsedContent.value as AudioMessage | null) : null
-)
+  isVoice.value ? (parsedContent.value as AudioMessage | null) : null,
+);
 const videoPayload = computed(() =>
-  isVideo.value ? (parsedContent.value as null | VideoMessage) : null
-)
+  isVideo.value ? (parsedContent.value as null | VideoMessage) : null,
+);
 const cardPayload = computed(() =>
-  isCard.value ? (parsedContent.value as CardMessage | null) : null
-)
+  isCard.value ? (parsedContent.value as CardMessage | null) : null,
+);
 const mergePayload = computed(() =>
-  isMerge.value ? (parsedContent.value as MergeMessage | null) : null
-)
+  isMerge.value ? (parsedContent.value as MergeMessage | null) : null,
+);
 
 /** 合并消息内嵌前 N 条派生「{昵称}：{摘要}」 */
 const mergePreviewLines = computed(() => {
   if (!mergePayload.value) {
-    return []
+    return [];
   }
   return mergePayload.value.messages
     .slice(0, MESSAGE_MERGE_PREVIEW_LINES)
-    .map((item) => `${item.senderNickname}：${summarizeMessageContent(item)}`)
-})
+    .map((item) => `${item.senderNickname}：${summarizeMessageContent(item)}`);
+});
 
-const FACE_DIMENSION_MAX = 2048 // 表情 payload：非法宽高派生成 undefined，让 <img> 走 CSS max-w / max-h 兜底
+const FACE_DIMENSION_MAX = 2048; // 表情 payload：非法宽高派生成 undefined，让 <img> 走 CSS max-w / max-h 兜底
 const facePayload = computed(() => {
   if (!isFace.value) {
-    return null
+    return null;
   }
-  const raw = parsedContent.value as FaceMessage | null
+  const raw = parsedContent.value as FaceMessage | null;
   if (!raw) {
-    return null
+    return null;
   }
   const sanitize = (v: number | undefined) =>
-    v && v > 0 && v <= FACE_DIMENSION_MAX ? v : undefined
-  return { ...raw, width: sanitize(raw.width), height: sanitize(raw.height) }
-})
+    v && v > 0 && v <= FACE_DIMENSION_MAX ? v : undefined;
+  return { ...raw, width: sanitize(raw.width), height: sanitize(raw.height) };
+});
 
 /** 文件图标 + 配色：按扩展名分发 */
-const fileIconInfo = computed(() => getFileIconInfo(filePayload.value?.name))
+const fileIconInfo = computed(() => getFileIconInfo(filePayload.value?.name));
 
 /** 文本 / 文件 / 语音气泡的整体 class（含 selfSend 配色 + ::before 三角的 side class） */
 function bubbleClass(variant: 'file' | 'text' | 'voice'): string[] {
-  const isSelf = props.selfSend
-  const side = isSelf ? 'message-bubble--self' : 'message-bubble--other'
+  const isSelf = props.selfSend;
+  const side = isSelf ? 'message-bubble--self' : 'message-bubble--other';
   switch (variant) {
     case 'file': {
       return [
@@ -144,20 +147,18 @@ function bubbleClass(variant: 'file' | 'text' | 'voice'): string[] {
         'message-bubble--file',
         isSelf
           ? 'bg-[#95ec69] border-[var(--ant-color-border-secondary)]'
-          : 'bg-[var(--ant-color-bg-container)] border-[var(--ant-color-border-secondary)] hover:border-[#409eff]'
-      ]
+          : 'bg-[var(--ant-color-bg-container)] border-[var(--ant-color-border-secondary)] hover:border-[#409eff]',
+      ];
     }
     case 'text': {
       return [
         side,
         'message-bubble--text',
-        isSelf
-          ? 'text-black bg-[#95ec69]'
-          : 'text-[var(--ant-color-text)]'
-      ]
+        isSelf ? 'text-black bg-[#95ec69]' : 'text-[var(--ant-color-text)]',
+      ];
     }
     case 'voice': {
-      return [side, 'message-bubble--voice', isSelf ? 'bg-[#95ec69]' : '']
+      return [side, 'message-bubble--voice', isSelf ? 'bg-[#95ec69]' : ''];
     }
   }
 }
@@ -165,32 +166,32 @@ function bubbleClass(variant: 'file' | 'text' | 'voice'): string[] {
 /** 文件点击 → 新窗口下载；上传中跳过 */
 function handleFileClick() {
   if (isUploading.value || !filePayload.value?.url) {
-    return
+    return;
   }
-  openSafeUrl(filePayload.value.url)
+  openSafeUrl(filePayload.value.url);
 }
 
-const voicePlayer = useVoicePlayer() // 语音点击：托管给 useVoicePlayer 全局互斥播放，新点的语音会停掉旧的
+const voicePlayer = useVoicePlayer(); // 语音点击：托管给 useVoicePlayer 全局互斥播放，新点的语音会停掉旧的
 /**
  * 实例级唯一播放 key：每个 MessageBubble 实例独立一份
  *
  * 不用 url 当 key 是为了避免「主面板 / 历史抽屉 / 合并详情同一条语音」共享身份：那样三处气泡会
  * 同时显示播放态，且任何一处卸载都会 stop 掉别处仍可见的播放
  */
-const voiceKey = Symbol('im-message-bubble-voice')
-const voicePlaying = computed(() => voicePlayer.isPlaying(voiceKey))
+const voiceKey = Symbol('im-message-bubble-voice');
+const voicePlaying = computed(() => voicePlayer.isPlaying(voiceKey));
 function handleVoiceClick() {
-  const url = voicePayload.value?.url
+  const url = voicePayload.value?.url;
   if (!url) {
-    return
+    return;
   }
-  voicePlayer.play(voiceKey, url)
+  voicePlayer.play(voiceKey, url);
 }
 
 /** 气泡卸载兜底：传 key 让 stop 自己判别「是不是我」，不会误伤别人的播放 */
 onBeforeUnmount(() => {
-  voicePlayer.stop(voiceKey)
-})
+  voicePlayer.stop(voiceKey);
+});
 </script>
 
 <template>
@@ -222,29 +223,43 @@ onBeforeUnmount(() => {
   <div
     v-else-if="isFile && filePayload"
     class="relative flex gap-3 items-center min-w-[260px] max-w-[340px] px-3.5 py-3 border border-solid rounded transition-colors"
-    :class="[bubbleClass('file'), isUploading ? 'cursor-default' : 'cursor-pointer']"
+    :class="[
+      bubbleClass('file'),
+      isUploading ? 'cursor-default' : 'cursor-pointer',
+    ]"
     @click="handleFileClick"
   >
     <div class="flex-1 min-w-0">
-      <div class="overflow-hidden text-sm font-medium truncate text-[var(--ant-color-text)]">
+      <div
+        class="overflow-hidden text-sm font-medium truncate text-[var(--ant-color-text)]"
+      >
         {{ filePayload.name }}
       </div>
       <div class="mt-1 text-12px text-[var(--ant-color-text-secondary)]">
         {{ formatFileSize(filePayload.size) }}
       </div>
       <div v-if="isUploading" class="flex gap-2 items-center mt-1.5">
-        <div class="overflow-hidden flex-1 h-1 rounded bg-[var(--ant-color-fill-dark)]">
+        <div
+          class="overflow-hidden flex-1 h-1 rounded bg-[var(--ant-color-fill-dark)]"
+        >
           <div
             class="h-full bg-[var(--ant-color-primary)] transition-[width] duration-150"
-            :style="{ width: `${uploadProgress }%` }"
+            :style="{ width: `${uploadProgress}%` }"
           ></div>
         </div>
-        <span class="text-11px text-[var(--ant-color-text-secondary)] tabular-nums">
+        <span
+          class="text-11px text-[var(--ant-color-text-secondary)] tabular-nums"
+        >
           {{ uploadProgressText }}
         </span>
       </div>
     </div>
-    <Icon :icon="fileIconInfo.icon" :color="fileIconInfo.color" :size="40" class="flex-shrink-0" />
+    <Icon
+      :icon="fileIconInfo.icon"
+      :color="fileIconInfo.color"
+      :size="40"
+      class="flex-shrink-0"
+    />
   </div>
 
   <!-- 语音 -->
@@ -316,7 +331,9 @@ onBeforeUnmount(() => {
     class="flex flex-col w-[260px] rounded-md overflow-hidden cursor-pointer bg-[var(--ant-color-bg-container)] border border-solid border-[var(--ant-color-border)] hover:border-[#409eff]"
     @click="emit('openMerge', content)"
   >
-    <div class="px-3 py-2 text-sm font-medium text-[var(--ant-color-text)] truncate">
+    <div
+      class="px-3 py-2 text-sm font-medium text-[var(--ant-color-text)] truncate"
+    >
       {{ mergePayload.title }}
     </div>
     <div class="flex flex-col gap-0.5 px-3 pb-2">
@@ -378,7 +395,8 @@ onBeforeUnmount(() => {
 
 .message-bubble--other::before {
   left: -5px;
-  border-color: transparent var(--im-message-bubble-other-bg) transparent transparent;
+  border-color: transparent var(--im-message-bubble-other-bg) transparent
+    transparent;
   border-width: 5px 6px 5px 0;
 }
 
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-history.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-history.vue
index acfb8c3dd..faffdcc06 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-history.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-history.vue
@@ -1,109 +1,117 @@
 <script lang="ts" setup>
-import type { Message } from '#/views/im/home/types'
+import type { GroupMemberLite } from '../../../../components/group';
 
-import { computed, inject, ref, watch } from 'vue'
+import type { Message } from '#/views/im/home/types';
+import type {
+  CardMessage,
+  FaceMessage,
+  FileMessage,
+  MergeMessage,
+  TextMessage,
+} from '#/views/im/utils/message';
 
-import { IconifyIcon as Icon } from '@vben/icons'
-import { useUserStore } from '@vben/stores'
+import { computed, inject, ref, watch } from 'vue';
 
-import { Button, Calendar, Input, Modal, Popover, Tag } from 'ant-design-vue'
-import dayjs from 'dayjs'
+import { IconifyIcon as Icon } from '@vben/icons';
+import { useUserStore } from '@vben/stores';
 
-import { getGroupMessageList as apiGetGroupMessageList } from '#/api/im/message/group'
-import { getPrivateMessageList as apiGetPrivateMessageList } from '#/api/im/message/private'
-import { useMessagePuller } from '#/views/im/home/composables/useMessagePuller'
-import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer'
+import { Button, Calendar, Input, Modal, Popover, Tag } from 'ant-design-vue';
+import dayjs from 'dayjs';
+
+import { getGroupMessageList as apiGetGroupMessageList } from '#/api/im/message/group';
+import { getPrivateMessageList as apiGetPrivateMessageList } from '#/api/im/message/private';
+import { useMessagePuller } from '#/views/im/home/composables/useMessagePuller';
+import { useVoicePlayer } from '#/views/im/home/composables/useVoicePlayer';
 import {
   ImContentType,
   ImConversationType,
   isFriendChatTip,
-  isGroupNotification
-} from '#/views/im/utils/constants'
+  isGroupNotification,
+} from '#/views/im/utils/constants';
 import {
   buildFacePreviewText,
   buildRecallTip,
   buildRecallTipSegments,
-  getConversationKey
-} from '#/views/im/utils/conversation'
-import { getClientConversationId } from '#/views/im/utils/db'
+  getConversationKey,
+} from '#/views/im/utils/conversation';
+import { getClientConversationId } from '#/views/im/utils/db';
 import {
+  getCardLabelInfo,
+  parseMessage,
   resolveFriendNotificationSegments,
   resolveFriendNotificationText,
-  resolveGroupNotificationSegments
-} from '#/views/im/utils/message'
-import {
-  type CardMessage,
-  type FaceMessage,
-  type FileMessage,
-  getCardLabelInfo,
-  type MergeMessage,
-  parseMessage,
-  type TextMessage
-} from '#/views/im/utils/message'
-import { formatHistoryTime } from '#/views/im/utils/time'
+  resolveGroupNotificationSegments,
+} from '#/views/im/utils/message';
+import { formatHistoryTime } from '#/views/im/utils/time';
 import {
   getMemberDisplayName,
   getSenderDisplayName,
-  getSenderRealNickname
-} from '#/views/im/utils/user'
+  getSenderRealNickname,
+} from '#/views/im/utils/user';
 
-import { GroupMember, type GroupMemberLite } from '../../../../components/group'
-import { UserAvatar } from '../../../../components/user'
-import { useConversationStore } from '../../../../store/conversationStore'
-import { useFriendStore } from '../../../../store/friendStore'
-import { useGroupStore } from '../../../../store/groupStore'
-import { useMessageStore } from '../../../../store/messageStore'
-import { IM_MERGE_DETAIL_DIALOG_KEY } from './forward/keys'
-import MessageBubble from './message-bubble.vue'
-import TipSegments from './tip-segments.vue'
+import { GroupMember } from '../../../../components/group';
+import { UserAvatar } from '../../../../components/user';
+import { useConversationStore } from '../../../../store/conversationStore';
+import { useFriendStore } from '../../../../store/friendStore';
+import { useGroupStore } from '../../../../store/groupStore';
+import { useMessageStore } from '../../../../store/messageStore';
+import { IM_MERGE_DETAIL_DIALOG_KEY } from './forward/keys';
+import MessageBubble from './message-bubble.vue';
+import TipSegments from './tip-segments.vue';
 
-defineOptions({ name: 'ImMessageHistory' })
+defineOptions({ name: 'ImMessageHistory' });
 
 const emit = defineEmits<{
   // 历史消息行上的"定位"按钮：通知父组件 MessagePanel 滚到对应消息位置 + 关掉自己
-  locate: [messageId: number]
-}>()
+  locate: [messageId: number];
+}>();
 
-const userStore = useUserStore()
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
-const groupStore = useGroupStore()
-const friendStore = useFriendStore()
-const openMergeDetail = inject(IM_MERGE_DETAIL_DIALOG_KEY)
-const voicePlayer = useVoicePlayer()
-const { convertPrivateMessage, convertGroupMessage } = useMessagePuller()
+const userStore = useUserStore();
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
+const groupStore = useGroupStore();
+const friendStore = useFriendStore();
+const openMergeDetail = inject(IM_MERGE_DETAIL_DIALOG_KEY);
+const voicePlayer = useVoicePlayer();
+const { convertPrivateMessage, convertGroupMessage } = useMessagePuller();
 
-const visible = ref(false)
+const visible = ref(false);
 
 defineExpose({
   /** 打开历史消息抽屉 */
   open() {
-    visible.value = true
-  }
-})
+    visible.value = true;
+  },
+});
 
-const conversation = computed(() => conversationStore.activeConversation)
-const isGroup = computed(() => conversation.value?.type === ImConversationType.GROUP)
+const conversation = computed(() => conversationStore.activeConversation);
+const isGroup = computed(
+  () => conversation.value?.type === ImConversationType.GROUP,
+);
 const allMessages = computed<Message[]>(() =>
   conversation.value
     ? messageStore.getMessages(
-        getClientConversationId(conversation.value.type, conversation.value.targetId)
+        getClientConversationId(
+          conversation.value.type,
+          conversation.value.targetId,
+        ),
       )
-    : []
-)
+    : [],
+);
 
 /** 单条消息的发送人显示名：渲染时按 conversation 上下文走 WeChat 优先级实时算 */
 function senderDisplayNameOf(message: Message): string {
   return getSenderDisplayName(
     message.senderId,
     conversation.value?.type ?? 0,
-    conversation.value?.targetId ?? 0
-  )
+    conversation.value?.targetId ?? 0,
+  );
 }
 
 /** 群广播事件 segments 的成员名解析器；按当前会话 targetId 走 getSenderDisplayName */
 function resolveGroupMemberName(message: Message): (userId: number) => string {
-  return (id: number) => getSenderDisplayName(id, ImConversationType.GROUP, message.targetId ?? 0)
+  return (id: number) =>
+    getSenderDisplayName(id, ImConversationType.GROUP, message.targetId ?? 0);
 }
 
 /** 单条消息的发送人真实昵称：给 UserAvatar 色卡 / alt 用，永远是 nickname 不掺备注 */
@@ -111,8 +119,8 @@ function senderRealNicknameOf(message: Message): string {
   return getSenderRealNickname(
     message.senderId,
     conversation.value?.type ?? 0,
-    conversation.value?.targetId ?? 0
-  )
+    conversation.value?.targetId ?? 0,
+  );
 }
 
 /** 单条撤回消息的 tip 文案：buildRecallTip 内部按 conversation 上下文实时算 sender 名 */
@@ -121,8 +129,8 @@ function recallTipOf(message: Message): string {
     message.senderId,
     message.selfSend,
     conversation.value?.type ?? 0,
-    conversation.value?.targetId ?? 0
-  )
+    conversation.value?.targetId ?? 0,
+  );
 }
 
 /** 单条撤回消息的 tip segments：sender 名段挂可点击 mention */
@@ -131,8 +139,8 @@ function recallTipSegmentsOf(message: Message) {
     message.senderId,
     message.selfSend,
     conversation.value?.type ?? 0,
-    conversation.value?.targetId ?? 0
-  )
+    conversation.value?.targetId ?? 0,
+  );
 }
 
 // ==================== 标题 ====================
@@ -144,54 +152,54 @@ function recallTipSegmentsOf(message: Message) {
  */
 const title = computed(() => {
   if (!conversation.value) {
-    return '聊天记录'
+    return '聊天记录';
   }
-  const name = conversation.value.name
+  const name = conversation.value.name;
   if (isGroup.value) {
-    return `"${name}"的聊天记录(${allMessages.value.length})`
+    return `"${name}"的聊天记录(${allMessages.value.length})`;
   }
-  return `与"${name}"的聊天记录`
-})
+  return `与"${name}"的聊天记录`;
+});
 
 // ==================== 搜索 + 筛选 chip ====================
 
 /** 当前激活的筛选条件 —— 单 chip 模式（同时只 1 个），点击 tab 落新值，× 清空 */
 type ActiveFilter =
-  | { day: string; kind: 'date'; } // YYYY-MM-DD
+  | { day: string; kind: 'date' } // YYYY-MM-DD
   | { kind: 'file' }
   | { kind: 'image' }
-  | { kind: 'member'; nickname: string; userId: number; }
-  | { kind: 'voice' }
+  | { kind: 'member'; nickname: string; userId: number }
+  | { kind: 'voice' };
 
-const keyword = ref('')
-const activeFilter = ref<ActiveFilter | null>(null)
+const keyword = ref('');
+const activeFilter = ref<ActiveFilter | null>(null);
 
 /** chip 文案：日期 / 群成员 多带值，其他直接 tab 名 */
 const filterChipLabel = computed(() => {
   if (!activeFilter.value) {
-    return ''
+    return '';
   }
   switch (activeFilter.value.kind) {
     case 'date': {
-      return `日期：${activeFilter.value.day}`
+      return `日期：${activeFilter.value.day}`;
     }
     case 'file': {
-      return '文件'
+      return '文件';
     }
     case 'image': {
-      return '图片'
+      return '图片';
     }
     case 'member': {
-      return `@${activeFilter.value.nickname}`
+      return `@${activeFilter.value.nickname}`;
     }
     case 'voice': {
-      return '语音'
+      return '语音';
     }
     default: {
-      return ''
+      return '';
     }
   }
-})
+});
 
 /** 点 tab 落筛选；同 kind 重复点击 → 当 toggle 关掉（避免迷惑） */
 function setFilter(filter: ActiveFilter) {
@@ -200,70 +208,70 @@ function setFilter(filter: ActiveFilter) {
     filter.kind !== 'date' &&
     filter.kind !== 'member'
   ) {
-    activeFilter.value = null
-    return
+    activeFilter.value = null;
+    return;
   }
-  activeFilter.value = filter
+  activeFilter.value = filter;
 }
 
 /** chip × 关闭 / 重置 */
 function clearFilter() {
-  activeFilter.value = null
+  activeFilter.value = null;
 }
 
 // ==================== 日期 popover ====================
 
-const datePopoverVisible = ref(false)
-const datePickerValue = ref(dayjs())
+const datePopoverVisible = ref(false);
+const datePickerValue = ref(dayjs());
 
 /** 日期 popover 确定：把 Date → YYYY-MM-DD 落到 activeFilter，关 popover */
 function onDateConfirm() {
   if (!datePickerValue.value) {
-    datePopoverVisible.value = false
-    return
+    datePopoverVisible.value = false;
+    return;
   }
-  const day = datePickerValue.value.format('YYYY-MM-DD')
-  activeFilter.value = { kind: 'date', day }
-  datePopoverVisible.value = false
+  const day = datePickerValue.value.format('YYYY-MM-DD');
+  activeFilter.value = { kind: 'date', day };
+  datePopoverVisible.value = false;
 }
 
 // ==================== 群成员 popover ====================
 
-const memberPopoverVisible = ref(false)
-const memberSearchKeyword = ref('')
+const memberPopoverVisible = ref(false);
+const memberSearchKeyword = ref('');
 
 /** 群成员 picker 列表：从 groupStore 拉 + 适配 GroupMemberLite + 关键字过滤 */
 const filteredMembersForPicker = computed<GroupMemberLite[]>(() => {
   if (!isGroup.value || !conversation.value) {
-    return []
+    return [];
   }
-  const group = groupStore.getGroup(conversation.value.targetId)
+  const group = groupStore.getGroup(conversation.value.targetId);
   const all = (group?.members || []).map((member) => {
-    const friend = friendStore.getFriend(member.userId)
+    const friend = friendStore.getFriend(member.userId);
     return {
       userId: member.userId,
       showName: getMemberDisplayName(member, friend),
       nickname: member.nickname,
       avatar: member.avatar,
-      status: member.status
-    }
-  })
-  const trimmedKeyword = memberSearchKeyword.value.trim()
+      status: member.status,
+    };
+  });
+  const trimmedKeyword = memberSearchKeyword.value.trim();
   if (!trimmedKeyword) {
-    return all
+    return all;
   }
-  return all.filter((member) => member.showName.includes(trimmedKeyword))
-})
+  return all.filter((member) => member.showName.includes(trimmedKeyword));
+});
 
 /** 群成员 picker 选择：落 activeFilter + 关 popover + 清搜索词 */
 function onMemberSelect(member: GroupMemberLite) {
   activeFilter.value = {
     kind: 'member',
     userId: member.userId,
-    nickname: member.showName
-  }
-  memberPopoverVisible.value = false
-  memberSearchKeyword.value = ''
+    nickname: member.showName,
+  };
+  memberPopoverVisible.value = false;
+  memberSearchKeyword.value = '';
 }
 
 // ==================== 列表过滤 ====================
@@ -271,26 +279,28 @@ function onMemberSelect(member: GroupMemberLite) {
 /** activeFilter 命中：默认无筛选时全部命中 */
 function matchesActiveFilter(message: Message): boolean {
   if (!activeFilter.value) {
-    return true
+    return true;
   }
   switch (activeFilter.value.kind) {
     case 'date': {
-      return dayjs(message.sendTime).format('YYYY-MM-DD') === activeFilter.value.day
+      return (
+        dayjs(message.sendTime).format('YYYY-MM-DD') === activeFilter.value.day
+      );
     }
     case 'file': {
-      return message.type === ImContentType.FILE
+      return message.type === ImContentType.FILE;
     }
     case 'image': {
-      return message.type === ImContentType.IMAGE
+      return message.type === ImContentType.IMAGE;
     }
     case 'member': {
-      return message.senderId === activeFilter.value.userId
+      return message.senderId === activeFilter.value.userId;
     }
     case 'voice': {
-      return message.type === ImContentType.VOICE
+      return message.type === ImContentType.VOICE;
     }
     default: {
-      return true
+      return true;
     }
   }
 }
@@ -301,19 +311,23 @@ function matchesActiveFilter(message: Message): boolean {
  * 关键字命中走 textSnippetOf —— 文本拿原文、媒体拿"[图片]"等占位词、文件拿文件名
  */
 const currentList = computed<Message[]>(() => {
-  const trimmedKeyword = keyword.value.trim()
-  let list = allMessages.value.filter((message) => matchesActiveFilter(message))
+  const trimmedKeyword = keyword.value.trim();
+  let list = allMessages.value.filter((message) =>
+    matchesActiveFilter(message),
+  );
   if (trimmedKeyword) {
-    list = list.filter((message) => textSnippetOf(message).includes(trimmedKeyword))
+    list = list.filter((message) =>
+      textSnippetOf(message).includes(trimmedKeyword),
+    );
   }
-  return list.toReversed()
-})
+  return list.toReversed();
+});
 
 // ==================== 加载更早消息 ====================
 
-const HISTORY_PAGE_SIZE = 50
-const loadingMore = ref(false)
-const hasMore = ref(true)
+const HISTORY_PAGE_SIZE = 50;
+const loadingMore = ref(false);
+const hasMore = ref(true);
 
 /**
  * 加载更早消息：拿当前最早一条 id 作 maxId（不含），调 list 接口拉一页 + convert + prepend
@@ -326,67 +340,73 @@ const hasMore = ref(true)
 async function loadEarlier() {
   // 重入 / 到顶 / 无会话 早退：避免重复请求或在 conversation 切换间隙触发
   if (loadingMore.value || !hasMore.value || !conversation.value) {
-    return
+    return;
   }
   // 仅 PRIVATE / GROUP 走分页接口；CHANNEL 单向广播、没有 list 接口，落到 else 会误调私聊接口（receiverId 传 channelId）
-  const requestedType = conversation.value.type
-  if (requestedType !== ImConversationType.PRIVATE && requestedType !== ImConversationType.GROUP) {
-    return
+  const requestedType = conversation.value.type;
+  if (
+    requestedType !== ImConversationType.PRIVATE &&
+    requestedType !== ImConversationType.GROUP
+  ) {
+    return;
   }
   // 快照当前会话主键：await 期间用户切走 / 关闭面板时丢弃响应，避免旧会话历史被 prepend 到新会话造成串号
-  const requestedKey = getConversationKey(conversation.value)
-  const requestedTargetId = conversation.value.targetId
-  const requestedIsGroup = requestedType === ImConversationType.GROUP
+  const requestedKey = getConversationKey(conversation.value);
+  const requestedTargetId = conversation.value.targetId;
+  const requestedIsGroup = requestedType === ImConversationType.GROUP;
 
-  loadingMore.value = true
+  loadingMore.value = true;
   try {
     // 算 maxId（不含，作为后端游标）：取当前会话本地缓存里最早一条服务端 id；
     // 本地乐观占位消息没有服务端 id，要剔除
     // 全是占位 / 列表为空时 reduce 不更新初值（POSITIVE_INFINITY），转成 undefined → 后端从最新拉
-    let earliestId = Number.POSITIVE_INFINITY
+    let earliestId = Number.POSITIVE_INFINITY;
     for (const message of allMessages.value) {
       if (message.id && message.id > 0) {
-        earliestId = Math.min(earliestId, message.id)
+        earliestId = Math.min(earliestId, message.id);
       }
     }
-    const maxId = Number.isFinite(earliestId) ? earliestId : undefined
+    const maxId = Number.isFinite(earliestId) ? earliestId : undefined;
 
     // 调后端 list 接口：私聊 / 群聊接口签名不同，分支调度；返回结果用 useMessagePuller
     // 暴露的 convert 函数转成本地 Message（与 puller 同一份字段映射，避免分歧）
-    let earlier: Message[] = []
-    let pageLength = 0
+    let earlier: Message[] = [];
+    let pageLength = 0;
     if (requestedIsGroup) {
       const list = await apiGetGroupMessageList({
         groupId: requestedTargetId,
         maxId,
-        limit: HISTORY_PAGE_SIZE
-      })
-      earlier = (list || []).map((message) => convertGroupMessage(message))
-      pageLength = list?.length ?? 0
+        limit: HISTORY_PAGE_SIZE,
+      });
+      earlier = (list || []).map((message) => convertGroupMessage(message));
+      pageLength = list?.length ?? 0;
     } else {
       const list = await apiGetPrivateMessageList({
         receiverId: requestedTargetId,
         maxId,
-        limit: HISTORY_PAGE_SIZE
-      })
-      earlier = (list || []).map((message) => convertPrivateMessage(message))
-      pageLength = list?.length ?? 0
+        limit: HISTORY_PAGE_SIZE,
+      });
+      earlier = (list || []).map((message) => convertPrivateMessage(message));
+      pageLength = list?.length ?? 0;
     }
 
     // await 期间 active 可能被外部置 null / 换主键：直接丢弃响应；不更新 hasMore（旧会话到顶不代表新会话到顶）也不 prepend
-    if (!conversation.value || getConversationKey(conversation.value) !== requestedKey) {
-      return
+    if (
+      !conversation.value ||
+      getConversationKey(conversation.value) !== requestedKey
+    ) {
+      return;
     }
 
     // 返回数量 < limit 视为到顶 —— 关闭"加载更早"按钮，避免后续点击空跑接口
     if (pageLength < HISTORY_PAGE_SIZE) {
-      hasMore.value = false
+      hasMore.value = false;
     }
     // 合并到 messageStore：prependMessageList 内部去重 + 升序合并 + 落 IndexedDB；
     // 主聊天面板的 messages 是同一份引用，老消息也会一起出现在主面板里（符合预期）
-    messageStore.prependMessageList(requestedType, requestedTargetId, earlier)
+    messageStore.prependMessageList(requestedType, requestedTargetId, earlier);
   } finally {
-    loadingMore.value = false
+    loadingMore.value = false;
   }
 }
 
@@ -394,91 +414,94 @@ async function loadEarlier() {
 
 /** 弹窗打开时把上次的 chip / 搜索 / 加载状态都清干净，避免上次的状态残留迷惑 */
 function onDialogOpen() {
-  activeFilter.value = null
-  keyword.value = ''
-  hasMore.value = true
-  datePopoverVisible.value = false
-  memberPopoverVisible.value = false
-  memberSearchKeyword.value = ''
-  datePickerValue.value = dayjs()
+  activeFilter.value = null;
+  keyword.value = '';
+  hasMore.value = true;
+  datePopoverVisible.value = false;
+  memberPopoverVisible.value = false;
+  memberSearchKeyword.value = '';
+  datePickerValue.value = dayjs();
   // 本地无消息时立即拉一次（maxId=undefined 从最新开始），避免新设备 / 缓存清后弹窗只显示"暂无消息"
   if (allMessages.value.length === 0 && hasMore.value && conversation.value) {
-    void loadEarlier()
+    void loadEarlier();
   }
 }
 
 /** 抽屉关闭时复位 + 停语音 */
 watch(visible, (value) => {
   if (!value) {
-    activeFilter.value = null
-    keyword.value = ''
-    voicePlayer.stop()
+    activeFilter.value = null;
+    keyword.value = '';
+    voicePlayer.stop();
   }
-})
+});
 
 /**
  * 抽屉开着时外部切了 active conversation：dialog 的 title / 列表 / isGroup 全部跟着新 conversation 走，
  * 这里把分页态一并重置；否则旧会话残留的 loadingMore=true / hasMore=false 会让新会话"加载更早"按钮失效
  */
 watch(conversation, () => {
-  loadingMore.value = false
-  hasMore.value = true
-})
+  loadingMore.value = false;
+  hasMore.value = true;
+});
 
 // ==================== helper ====================
 
 /** 取头像 url：自己用 userStore，群里查 groupStore 成员，私聊用 conversation.avatar */
 function getAvatar(message: Message): string {
   if (message.selfSend) {
-    return userStore.userInfo?.avatar || ''
+    return userStore.userInfo?.avatar || '';
   }
   if (!conversation.value) {
-    return ''
+    return '';
   }
   if (isGroup.value) {
-    const group = groupStore.getGroup(conversation.value.targetId)
-    return group?.members?.find((member) => member.userId === message.senderId)?.avatar || ''
+    const group = groupStore.getGroup(conversation.value.targetId);
+    return (
+      group?.members?.find((member) => member.userId === message.senderId)
+        ?.avatar || ''
+    );
   }
-  return conversation.value.avatar || ''
+  return conversation.value.avatar || '';
 }
 
 /** 关键字命中文本：文本类返回原文、文件返回文件名（利于按文件名搜）、其他返回占位词 */
 function textSnippetOf(message: Message): string {
   if (isFriendChatTip(message.type)) {
-    return resolveFriendNotificationText(message)
+    return resolveFriendNotificationText(message);
   }
   switch (message.type) {
     case ImContentType.CARD: {
-      const card = parseMessage<CardMessage>(message.content)
-      return `[${getCardLabelInfo(card).label}] ${card?.name ?? ''}`
+      const card = parseMessage<CardMessage>(message.content);
+      return `[${getCardLabelInfo(card).label}] ${card?.name ?? ''}`;
     }
     case ImContentType.FACE: {
-      return buildFacePreviewText(parseMessage<FaceMessage>(message.content))
+      return buildFacePreviewText(parseMessage<FaceMessage>(message.content));
     }
     case ImContentType.FILE: {
-      return parseMessage<FileMessage>(message.content)?.name ?? '[文件]'
+      return parseMessage<FileMessage>(message.content)?.name ?? '[文件]';
     }
     case ImContentType.IMAGE: {
-      return '[图片]'
+      return '[图片]';
     }
     case ImContentType.MERGE: {
-      const merge = parseMessage<MergeMessage>(message.content)
-      return merge?.title ?? '[聊天记录]'
+      const merge = parseMessage<MergeMessage>(message.content);
+      return merge?.title ?? '[聊天记录]';
     }
     case ImContentType.RECALL: {
-      return recallTipOf(message)
+      return recallTipOf(message);
     }
     case ImContentType.TEXT: {
-      return parseMessage<TextMessage>(message.content)?.content ?? ''
+      return parseMessage<TextMessage>(message.content)?.content ?? '';
     }
     case ImContentType.VIDEO: {
-      return '[视频]'
+      return '[视频]';
     }
     case ImContentType.VOICE: {
-      return '[语音]'
+      return '[语音]';
     }
     default: {
-      return ''
+      return '';
     }
   }
 }
@@ -489,10 +512,10 @@ function textSnippetOf(message: Message): string {
  */
 function locateMessage(messageId: number) {
   if (!messageId) {
-    return
+    return;
   }
-  emit('locate', messageId)
-  visible.value = false
+  emit('locate', messageId);
+  visible.value = false;
 }
 </script>
 
@@ -545,21 +568,27 @@ function locateMessage(messageId: number) {
       >
         <span
           class="im-message-history__tab cursor-pointer"
-          :class="{ 'im-message-history__tab--active': activeFilter?.kind === 'file' }"
+          :class="{
+            'im-message-history__tab--active': activeFilter?.kind === 'file',
+          }"
           @click="setFilter({ kind: 'file' })"
         >
           文件
         </span>
         <span
           class="im-message-history__tab cursor-pointer"
-          :class="{ 'im-message-history__tab--active': activeFilter?.kind === 'image' }"
+          :class="{
+            'im-message-history__tab--active': activeFilter?.kind === 'image',
+          }"
           @click="setFilter({ kind: 'image' })"
         >
           图片
         </span>
         <span
           class="im-message-history__tab cursor-pointer"
-          :class="{ 'im-message-history__tab--active': activeFilter?.kind === 'voice' }"
+          :class="{
+            'im-message-history__tab--active': activeFilter?.kind === 'voice',
+          }"
           @click="setFilter({ kind: 'voice' })"
         >
           语音
@@ -573,13 +602,17 @@ function locateMessage(messageId: number) {
         >
           <span
             class="im-message-history__tab cursor-pointer"
-            :class="{ 'im-message-history__tab--active': activeFilter?.kind === 'date' }"
+            :class="{
+              'im-message-history__tab--active': activeFilter?.kind === 'date',
+            }"
           >
             日期
           </span>
           <template #content>
             <div class="im-message-history__date-panel">
-              <div class="px-2 pt-1 pb-2 text-13px font-medium text-[var(--ant-color-text)]">
+              <div
+                class="px-2 pt-1 pb-2 text-13px font-medium text-[var(--ant-color-text)]"
+              >
                 选择发送日期
               </div>
               <Calendar
@@ -588,8 +621,12 @@ function locateMessage(messageId: number) {
                 class="im-message-history__calendar"
               />
               <div class="flex gap-2 justify-end px-2 pt-2">
-                <Button size="small" @click="datePopoverVisible = false">取消</Button>
-                <Button size="small" type="primary" @click="onDateConfirm">确定</Button>
+                <Button size="small" @click="datePopoverVisible = false">
+                  取消
+                </Button>
+                <Button size="small" type="primary" @click="onDateConfirm">
+                  确定
+                </Button>
               </div>
             </div>
           </template>
@@ -604,13 +641,20 @@ function locateMessage(messageId: number) {
         >
           <span
             class="im-message-history__tab cursor-pointer"
-            :class="{ 'im-message-history__tab--active': activeFilter?.kind === 'member' }"
+            :class="{
+              'im-message-history__tab--active':
+                activeFilter?.kind === 'member',
+            }"
           >
             群成员
           </span>
           <template #content>
             <div>
-              <Input v-model:value="memberSearchKeyword" placeholder="搜索群成员" size="small">
+              <Input
+                v-model:value="memberSearchKeyword"
+                placeholder="搜索群成员"
+                size="small"
+              >
                 <template #prefix>
                   <Icon icon="ant-design:search-outlined" />
                 </template>
@@ -639,14 +683,19 @@ function locateMessage(messageId: number) {
 
       <!-- 消息列表 -->
       <div class="flex-1 overflow-y-auto">
-        <template v-for="message in currentList" :key="message.id || message.clientMessageId">
+        <template
+          v-for="message in currentList"
+          :key="message.id || message.clientMessageId"
+        >
           <!-- 好友会话事件（FRIEND_ADD / FRIEND_DELETE）：居中灰色，不挂头像 / sender，
                跟主聊天面板里 MessageItem 的渲染语义对齐 -->
           <div
             v-if="isFriendChatTip(message.type)"
             class="px-4 py-3 text-12px text-center italic text-[var(--ant-color-text-secondary)] border-b border-b-solid border-[var(--ant-color-border-secondary)]"
           >
-            <TipSegments :segments="resolveFriendNotificationSegments(message)" />
+            <TipSegments
+              :segments="resolveFriendNotificationSegments(message)"
+            />
           </div>
 
           <!-- 群广播事件：跟好友事件同灰色样式，mention 段挂点击弹 UserInfoCard -->
@@ -655,7 +704,12 @@ function locateMessage(messageId: number) {
             class="px-4 py-3 text-12px text-center italic text-[var(--ant-color-text-secondary)] border-b border-b-solid border-[var(--ant-color-border-secondary)]"
           >
             <TipSegments
-              :segments="resolveGroupNotificationSegments(message, resolveGroupMemberName(message))"
+              :segments="
+                resolveGroupNotificationSegments(
+                  message,
+                  resolveGroupMemberName(message),
+                )
+              "
             />
           </div>
 
@@ -678,7 +732,9 @@ function locateMessage(messageId: number) {
                   {{ senderDisplayNameOf(message) }}
                 </span>
                 <span class="im-message-history__meta relative flex-shrink-0">
-                  <span class="block text-right">{{ formatHistoryTime(message.sendTime) }}</span>
+                  <span class="block text-right">{{
+                    formatHistoryTime(message.sendTime)
+                  }}</span>
                   <!-- 定位到聊天位置：absolute 浮在时间下方，行 hover 才显示，
                        不参与右侧栏 flex 排版（避免隐藏时占位让"我"和内容之间留空）；
                        仅有真实 id 的消息才支持（本地占位消息不行） -->
@@ -806,7 +862,8 @@ function locateMessage(messageId: number) {
   padding: 1px 0;
 }
 
-.im-message-history__calendar :deep(.ant-picker-cell .ant-picker-calendar-date) {
+.im-message-history__calendar
+  :deep(.ant-picker-cell .ant-picker-calendar-date) {
   height: 28px;
   padding: 2px 4px 0;
   margin: 0 2px;
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-item.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-item.vue
index ea2b73855..622ddca4a 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-item.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-item.vue
@@ -1,25 +1,34 @@
 <script lang="ts" setup>
-import type { GroupMemberLite } from '../../../../components/group'
-import type { Message } from '../../../../types'
+import type { GroupMemberLite } from '../../../../components/group';
+import type { Message } from '../../../../types';
 
-import { computed, inject } from 'vue'
+import type {
+  CardMessage,
+  MentionCandidate,
+  TextMessage,
+} from '#/views/im/utils/message';
 
-import { confirm } from '@vben/common-ui'
-import { IconifyIcon as Icon } from '@vben/icons'
-import { useUserStore } from '@vben/stores'
+import { computed, inject } from 'vue';
 
-import { useClipboard } from '@vueuse/core'
-import { message as antdMessage, Tag } from 'ant-design-vue'
+import { confirm } from '@vben/common-ui';
+import { IconifyIcon as Icon } from '@vben/icons';
+import { useUserStore } from '@vben/stores';
 
-import { pinGroupMessage as apiPinGroupMessage, cancelMuteMember } from '#/api/im/group'
-import { removeGroupMember } from '#/api/im/group/member'
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { useClipboard } from '@vueuse/core';
+import { message as antdMessage, Tag } from 'ant-design-vue';
+
+import {
+  pinGroupMessage as apiPinGroupMessage,
+  cancelMuteMember,
+} from '#/api/im/group';
+import { removeGroupMember } from '#/api/im/group/member';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 import {
   MESSAGE_GROUP_READ_ENABLED,
   MESSAGE_PRIVATE_READ_ENABLED,
   MESSAGE_RECALL_WINDOW_MS,
-  MESSAGE_TIME_TIP_GAP_MS
-} from '#/views/im/utils/config'
+  MESSAGE_TIME_TIP_GAP_MS,
+} from '#/views/im/utils/config';
 import {
   ImContentType,
   ImConversationType,
@@ -32,106 +41,107 @@ import {
   isGroupNotification,
   isMediaMessageType,
   isNormalMessage,
-  isRtcCallTip
-} from '#/views/im/utils/constants'
-import { buildRecallTipSegments } from '#/views/im/utils/conversation'
+  isRtcCallTip,
+} from '#/views/im/utils/constants';
+import { buildRecallTipSegments } from '#/views/im/utils/conversation';
 import {
   buildQuoteFromMessage,
-  type CardMessage,
   extractAddableFace,
   getQuoteFromMessage,
-  type MentionCandidate,
   parseMessage,
-  type TextMessage
-} from '#/views/im/utils/message'
-import {
   parseRtcCallPayload,
   resolveFriendNotificationSegments,
   resolveGroupNotificationSegments,
   resolveRtcCallPrivateBubbleText,
-  resolveRtcCallTipSegments
-} from '#/views/im/utils/message'
-import { formatTimeTip } from '#/views/im/utils/time'
+  resolveRtcCallTipSegments,
+} from '#/views/im/utils/message';
+import { formatTimeTip } from '#/views/im/utils/time';
 import {
   getMemberDisplayName,
   getMentionCandidates,
   getSenderDisplayName,
   getSenderRealNickname,
-  isGroupQuit
-} from '#/views/im/utils/user'
+  isGroupQuit,
+} from '#/views/im/utils/user';
 
-import { UserAvatar } from '../../../../components/user'
-import { mediaTypeHandlers, useMediaUploader } from '../../../../composables/useMediaUploader'
-import { useMessageMultiSelect } from '../../../../composables/useMessageMultiSelect'
-import { useMessageSender } from '../../../../composables/useMessageSender'
-import { useMuteOverlay } from '../../../../composables/useMuteOverlay'
-import { useConversationStore } from '../../../../store/conversationStore'
-import { useFaceStore } from '../../../../store/faceStore'
-import { useFriendStore } from '../../../../store/friendStore'
-import { useGroupStore } from '../../../../store/groupStore'
-import { useMessageStore } from '../../../../store/messageStore'
-import { useImUiStore } from '../../../../store/uiStore'
+import { UserAvatar } from '../../../../components/user';
+import {
+  mediaTypeHandlers,
+  useMediaUploader,
+} from '../../../../composables/useMediaUploader';
+import { useMessageMultiSelect } from '../../../../composables/useMessageMultiSelect';
+import { useMessageSender } from '../../../../composables/useMessageSender';
+import { useMuteOverlay } from '../../../../composables/useMuteOverlay';
+import { useConversationStore } from '../../../../store/conversationStore';
+import { useFaceStore } from '../../../../store/faceStore';
+import { useFriendStore } from '../../../../store/friendStore';
+import { useGroupStore } from '../../../../store/groupStore';
+import { useMessageStore } from '../../../../store/messageStore';
+import { useImUiStore } from '../../../../store/uiStore';
 import {
   IM_FORWARD_DIALOG_KEY,
   IM_MERGE_DETAIL_DIALOG_KEY,
-  IM_RTC_REDIAL_KEY
-} from './forward/keys'
-import MessageBubble from './message-bubble.vue'
-import MessageReadStatus from './message-read-status.vue'
-import ReplyPreview from './reply-preview.vue'
-import TipSegments from './tip-segments.vue'
+  IM_RTC_REDIAL_KEY,
+} from './forward/keys';
+import MessageBubble from './message-bubble.vue';
+import MessageReadStatus from './message-read-status.vue';
+import ReplyPreview from './reply-preview.vue';
+import TipSegments from './tip-segments.vue';
 
-defineOptions({ name: 'ImMessageItem' })
+defineOptions({ name: 'ImMessageItem' });
 
 const props = defineProps<{
-  message: Message
+  message: Message;
   /** 列表中的上一条消息，用于判断是否要在当前消息上方渲染时间分隔条；不传按列表第一条处理 */
-  prevMessage?: Message
-}>()
+  prevMessage?: Message;
+}>();
 
 const emit = defineEmits<{
   /** 引用块点击 → MessagePanel 滚定位 + 高亮 */
-  locate: [messageId: number]
+  locate: [messageId: number];
   /** 禁言：需要父组件打开时长选择弹窗 */
-  mute: [groupId: number, userId: number, displayName: string]
+  mute: [groupId: number, userId: number, displayName: string];
   /** 数据变更后刷新群信息 */
-  reload: []
-}>()
+  reload: [];
+}>();
 
 // ==================== Stores / Hooks ====================
 
-const userStore = useUserStore()
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
-const groupStore = useGroupStore()
-const friendStore = useFriendStore()
-const faceStore = useFaceStore()
-const uiStore = useImUiStore()
-const { recall, sendRaw } = useMessageSender()
-const { uploadAndSendMedia } = useMediaUploader()
-const muteOverlay = useMuteOverlay()
+const userStore = useUserStore();
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
+const groupStore = useGroupStore();
+const friendStore = useFriendStore();
+const faceStore = useFaceStore();
+const uiStore = useImUiStore();
+const { recall, sendRaw } = useMessageSender();
+const { uploadAndSendMedia } = useMediaUploader();
+const muteOverlay = useMuteOverlay();
 // legacy:true 兼容 HTTP 环境，没有 navigator.clipboard 时降级到 execCommand
-const { copy: copyToClipboard } = useClipboard({ legacy: true })
+const { copy: copyToClipboard } = useClipboard({ legacy: true });
 
 // ==================== 内容类型判断 ====================
 
 /** 是否在当前消息上方渲染时间分隔条：列表第一条 / 距上一条超过阈值；缺 sendTime 不渲染；频道素材每条都显示 */
 const shouldShowTimeTip = computed(() => {
   if (!props.message.sendTime) {
-    return false
+    return false;
   }
   if (isMaterial.value) {
-    return true
+    return true;
   }
   if (!props.prevMessage?.sendTime) {
-    return true
+    return true;
   }
-  return props.message.sendTime - props.prevMessage.sendTime > MESSAGE_TIME_TIP_GAP_MS
-})
+  return (
+    props.message.sendTime - props.prevMessage.sendTime >
+    MESSAGE_TIME_TIP_GAP_MS
+  );
+});
 
 /** 仅 MessageItem 自身仍要用到的 type 判定（其它分支已下沉到 MessageBubble） */
-const isVoice = computed(() => props.message.type === ImContentType.VOICE)
-const isMerge = computed(() => props.message.type === ImContentType.MERGE)
+const isVoice = computed(() => props.message.type === ImContentType.VOICE);
+const isMerge = computed(() => props.message.type === ImContentType.MERGE);
 /**
  * 频道素材在「频道会话」内仿微信公众号样式（居中 + 无头像）；
  * 私聊 / 群聊里被转发过来的素材按 selfSend 走标准气泡布局（自己右、对方左、带头像）
@@ -139,124 +149,144 @@ const isMerge = computed(() => props.message.type === ImContentType.MERGE)
 const isMaterial = computed(
   () =>
     props.message.type === ImContentType.MATERIAL &&
-    conversationStore.activeConversation?.type === ImConversationType.CHANNEL
-)
+    conversationStore.activeConversation?.type === ImConversationType.CHANNEL,
+);
 
 /** 当前是否在公众号 / 频道会话内：限制右键菜单只展示转发 / 删除 */
 const isChannelConversation = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.CHANNEL
-)
+  () =>
+    conversationStore.activeConversation?.type === ImConversationType.CHANNEL,
+);
 
 // ==================== 事件消息（撤回 / 好友 / 群广播） ====================
 // 这三类不走普通气泡，渲染成居中灰色 tip；判断 + 文案配对放一起，新增第四类事件只需在本块改完
 
 /** 是否已撤回：pull / WS 两路都会调 recallMessage 把原消息更新为 type=RECALL，渲染只需识别 type */
-const isRecall = computed(() => props.message.type === ImContentType.RECALL)
+const isRecall = computed(() => props.message.type === ImContentType.RECALL);
 
 /** 撤回提示 segments：依赖 activeConversation 实时算 sender 名 */
 const recallTipSegments = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   return buildRecallTipSegments(
     props.message.senderId,
     props.message.selfSend,
     conversation?.type ?? 0,
-    conversation?.targetId ?? 0
-  )
-})
+    conversation?.targetId ?? 0,
+  );
+});
 
 /** 是否会话内好友事件气泡（FRIEND_ADD / FRIEND_DELETE） */
-const isFriendChatTipMessage = computed(() => isFriendChatTip(props.message.type))
+const isFriendChatTipMessage = computed(() =>
+  isFriendChatTip(props.message.type),
+);
 
 /** 好友事件 segments */
-const friendChatTipSegments = computed(() => resolveFriendNotificationSegments(props.message))
+const friendChatTipSegments = computed(() =>
+  resolveFriendNotificationSegments(props.message),
+);
 
 /** 是否群广播事件（GROUP_CREATE..GROUP_BANNED 段位，排除 GROUP_MEMBER_SETTING_UPDATE 个人信号） */
-const isGroupNotificationMessage = computed(() => isGroupNotification(props.message.type))
+const isGroupNotificationMessage = computed(() =>
+  isGroupNotification(props.message.type),
+);
 
 /** 群广播事件 segments */
 const groupNotificationSegments = computed(() =>
   resolveGroupNotificationSegments(props.message, (id: number) =>
-    getSenderDisplayName(id, ImConversationType.GROUP, props.message.targetId ?? 0)
-  )
-)
+    getSenderDisplayName(
+      id,
+      ImConversationType.GROUP,
+      props.message.targetId ?? 0,
+    ),
+  ),
+);
 
 /** 私聊 RTC_CALL_END 走「准气泡」（左右分布 + 电话图标 + 文案）；非私聊场景为 null */
 const rtcCallEndPrivatePayload = computed(() => {
   if (props.message.type !== ImContentType.RTC_CALL_END) {
-    return null
+    return null;
   }
-  const payload = parseRtcCallPayload(props.message.content)
-  return payload?.conversationType === ImConversationType.PRIVATE ? payload : null
-})
+  const payload = parseRtcCallPayload(props.message.content);
+  return payload?.conversationType === ImConversationType.PRIVATE
+    ? payload
+    : null;
+});
 
 /** 是否私聊通话气泡 */
-const isRtcCallPrivateBubbleMessage = computed(() => rtcCallEndPrivatePayload.value !== null)
+const isRtcCallPrivateBubbleMessage = computed(
+  () => rtcCallEndPrivatePayload.value !== null,
+);
 
 /** 私聊通话气泡文案（按 operatorUserId 是否当前用户区分；对齐微信两端不同视角） */
 const rtcCallPrivateBubbleText = computed(() =>
-  resolveRtcCallPrivateBubbleText(rtcCallEndPrivatePayload.value)
-)
+  resolveRtcCallPrivateBubbleText(rtcCallEndPrivatePayload.value),
+);
 
 /** 是否会话内群通话事件居中 tip */
 const isRtcCallTipMessage = computed(() => {
   if (!isRtcCallTip(props.message.type)) {
-    return false
+    return false;
   }
-  const payload = parseRtcCallPayload(props.message.content)
+  const payload = parseRtcCallPayload(props.message.content);
   if (payload?.conversationType !== ImConversationType.GROUP) {
-    return false
+    return false;
   }
-  return !isRtcCallPrivateBubbleMessage.value
-})
+  return !isRtcCallPrivateBubbleMessage.value;
+});
 
 /** 通话事件 segments；仅群聊 tip 用 */
-const rtcCallTipSegments = computed(() => resolveRtcCallTipSegments(props.message))
+const rtcCallTipSegments = computed(() =>
+  resolveRtcCallTipSegments(props.message),
+);
 
 // ==================== 消息内容解析 / payload ====================
 
 /** 引用对象：气泡内嵌入展示；非引用消息返回 null，模板 v-if 不渲染 */
-const quote = computed(() => getQuoteFromMessage(props.message.content))
+const quote = computed(() => getQuoteFromMessage(props.message.content));
 
-const openForwardDialog = inject(IM_FORWARD_DIALOG_KEY) // MessagePanel 注入的弹窗触发函数
-const openMergeDetail = inject(IM_MERGE_DETAIL_DIALOG_KEY)
-const redialRtcCall = inject(IM_RTC_REDIAL_KEY)
+const openForwardDialog = inject(IM_FORWARD_DIALOG_KEY); // MessagePanel 注入的弹窗触发函数
+const openMergeDetail = inject(IM_MERGE_DETAIL_DIALOG_KEY);
+const redialRtcCall = inject(IM_RTC_REDIAL_KEY);
 
 /** 私聊 RTC_CALL_END 气泡点击：用同款 mediaType 重拨 */
 function handleRtcCallBubbleClick() {
-  const mediaType = rtcCallEndPrivatePayload.value?.mediaType
-  if (mediaType == null) {
-    return
+  const mediaType = rtcCallEndPrivatePayload.value?.mediaType;
+  if (mediaType === null) {
+    return;
   }
-  redialRtcCall?.(mediaType)
+  redialRtcCall?.(mediaType);
 }
 
-const multiSelect = useMessageMultiSelect() // 多选模式：模块级单例 composable
+const multiSelect = useMessageMultiSelect(); // 多选模式：模块级单例 composable
 
 /** 合并消息气泡点击：打开详情弹窗（嵌套合并由弹窗内部 push 栈） */
 function handleMergeOpen(content: string) {
-  openMergeDetail?.(content)
+  openMergeDetail?.(content);
 }
 
 /** 文本气泡 @ mention 候选名字：仅群消息有效，按 atUserIds 反查群成员真实昵称；非 TEXT 不走 store 读，让 getMentionCandidates 直接返回稳定空数组 */
 const textMentions = computed<MentionCandidate[]>(() => {
   if (props.message.type !== ImContentType.TEXT) {
-    return getMentionCandidates(undefined, null)
+    return getMentionCandidates(undefined, null);
   }
-  return getMentionCandidates(props.message.atUserIds, conversationStore.activeConversation)
-})
+  return getMentionCandidates(
+    props.message.atUserIds,
+    conversationStore.activeConversation,
+  );
+});
 
 /** 名片点击：用户名片弹 UserInfoCard，群名片弹 GroupInfoCard；其它 targetType（含改包脏数据）忽略 */
 function handleCardClick(card: CardMessage, e: MouseEvent) {
   if (!card?.targetId) {
-    return
+    return;
   }
   if (card.targetType === ImConversationType.PRIVATE) {
     uiStore.openUserInfoCardAtEvent(
       { id: card.targetId, nickname: card.name, avatar: card.avatar },
       e,
-      ImFriendAddSource.CARD
-    )
-    return
+      ImFriendAddSource.CARD,
+    );
+    return;
   }
   if (card.targetType === ImConversationType.GROUP) {
     uiStore.openGroupInfoCardAtEvent(
@@ -264,15 +294,15 @@ function handleCardClick(card: CardMessage, e: MouseEvent) {
         id: card.targetId,
         name: card.name,
         showImage: card.avatar,
-        memberCount: card.memberCount
+        memberCount: card.memberCount,
       },
-      e
-    )
+      e,
+    );
   }
 }
 
 /** 媒体上传中：MessageBubble 自渲染遮罩 / 进度条；外层只用作 showSendingLoading 判定 */
-const isUploading = computed(() => props.message.uploadProgress != null)
+const isUploading = computed(() => props.message.uploadProgress !== null);
 
 /**
  * 是否在气泡尾部显示「发送中」loading 转圈
@@ -281,117 +311,126 @@ const isUploading = computed(() => props.message.uploadProgress != null)
  * 语音气泡只有麦克风 + 时长，无内嵌进度，必须保留外层 loading 让用户感知正在发送
  */
 const showSendingLoading = computed(
-  () => props.message.status === ImMessageStatus.SENDING && (!isUploading.value || isVoice.value)
-)
+  () =>
+    props.message.status === ImMessageStatus.SENDING &&
+    (!isUploading.value || isVoice.value),
+);
 
 // ==================== 发送人 / 已读 / @ ====================
 
 /** 群聊 + 对方消息 时，在气泡上方显示发送者昵称 */
 const showSenderName = computed(() => {
   if (props.message.selfSend) {
-    return false
+    return false;
   }
-  return conversationStore.activeConversation?.type === ImConversationType.GROUP
-})
+  return (
+    conversationStore.activeConversation?.type === ImConversationType.GROUP
+  );
+});
 
 /** 发送者头像；私聊的 conversation.avatar 就是对方头像（openConversation 入参约定） */
 const senderAvatar = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || props.message.selfSend) {
-    return ''
+    return '';
   }
   if (conversation.type === ImConversationType.GROUP) {
-    const group = groupStore.getGroup(conversation.targetId)
-    return group?.members?.find((member) => member.userId === props.message.senderId)?.avatar || ''
+    const group = groupStore.getGroup(conversation.targetId);
+    return (
+      group?.members?.find((member) => member.userId === props.message.senderId)
+        ?.avatar || ''
+    );
   }
-  return conversation.avatar || ''
-})
+  return conversation.avatar || '';
+});
 
 /** 头像色卡 fallback 文本：永远是真实昵称，不掺备注 */
 const senderRealNickname = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   return getSenderRealNickname(
     props.message.senderId,
     conversation?.type ?? 0,
-    conversation?.targetId ?? 0
-  )
-})
+    conversation?.targetId ?? 0,
+  );
+});
 
 /** 气泡上方发送人显示名（仅群聊对方消息显示）：好友备注 > 群备注 > 真实昵称 */
 const senderDisplayName = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   return getSenderDisplayName(
     props.message.senderId,
     conversation?.type ?? 0,
-    conversation?.targetId ?? 0
-  )
-})
+    conversation?.targetId ?? 0,
+  );
+});
 
 /** 私聊「已读 / 未读」态（仅对自己发送的私聊消息展示；私聊已读全局关闭时不再展示） */
 const privateReadLabel = computed(() => {
   if (!MESSAGE_PRIVATE_READ_ENABLED) {
-    return ''
+    return '';
   }
   if (!props.message.selfSend) {
-    return ''
+    return '';
   }
-  if (conversationStore.activeConversation?.type !== ImConversationType.PRIVATE) {
-    return ''
+  if (
+    conversationStore.activeConversation?.type !== ImConversationType.PRIVATE
+  ) {
+    return '';
   }
   if (props.message.receiptStatus === ImMessageReceiptStatus.DONE) {
-    return '已读'
+    return '已读';
   }
   if (props.message.receiptStatus === ImMessageReceiptStatus.PENDING) {
-    return '未读'
+    return '未读';
   }
-  return ''
-})
+  return '';
+});
 
 /** 是否需要显示群回执 popover：自己发的群消息且后端开启了回执（NO_RECEIPT 表示发送时未要求回执，不渲染；群已读全局关闭时统一不展示） */
 const showGroupReadStatus = computed(() => {
   if (!MESSAGE_GROUP_READ_ENABLED) {
-    return false
+    return false;
   }
   if (!props.message.selfSend) {
-    return false
+    return false;
   }
   if (conversationStore.activeConversation?.type !== ImConversationType.GROUP) {
-    return false
+    return false;
   }
-  const status = props.message.receiptStatus
+  const status = props.message.receiptStatus;
   if (status === undefined || status === null) {
-    return false
+    return false;
   }
-  return status !== ImMessageReceiptStatus.NO_RECEIPT
-})
+  return status !== ImMessageReceiptStatus.NO_RECEIPT;
+});
 
 /** 当前群成员（供 MessageReadStatus 计算未读名单；未加载完时兜底空数组不渲染） */
 const groupMembersForReadStatus = computed<GroupMemberLite[]>(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return []
+    return [];
   }
-  const group = groupStore.getGroup(conversation.targetId)
+  const group = groupStore.getGroup(conversation.targetId);
   return (group?.members || []).map((member) => {
-    const friend = friendStore.getFriend(member.userId)
+    const friend = friendStore.getFriend(member.userId);
     return {
       userId: member.userId,
       showName: getMemberDisplayName(member, friend),
       nickname: member.nickname,
       avatar: member.avatar,
-      status: member.status
-    }
-  })
-})
+      status: member.status,
+    };
+  });
+});
 
 /** 是否 @我（群消息展示小徽标） */
 const isAtMe = computed(() => {
-  const myId = getCurrentUserId()
+  const myId = getCurrentUserId();
   if (!myId) {
-    return false
+    return false;
   }
-  return (props.message.atUserIds || []).includes(myId)
-})
+  return (props.message.atUserIds || []).includes(myId);
+});
 
 // ==================== 右键菜单 / 操作 ====================
 
@@ -407,9 +446,9 @@ const MENU_KEYS = {
   UNMUTE: 'UNMUTE',
   KICK: 'KICK',
   RECALL: 'RECALL',
-  DELETE: 'DELETE'
-} as const
-type MenuKey = (typeof MENU_KEYS)[keyof typeof MENU_KEYS]
+  DELETE: 'DELETE',
+} as const;
+type MenuKey = (typeof MENU_KEYS)[keyof typeof MENU_KEYS];
 
 /**
  * 右键菜单项：
@@ -420,79 +459,86 @@ type MenuKey = (typeof MENU_KEYS)[keyof typeof MENU_KEYS]
  */
 async function handleContextMenu(e: MouseEvent) {
   if (isFriendChatTipMessage.value) {
-    return
+    return;
   }
   // 多选模式下不弹菜单：右键点击就当切换勾选，与单击行为一致
   if (isInMultiSelect.value) {
     if (canForward.value) {
-      multiSelect.toggle(props.message)
+      multiSelect.toggle(props.message);
     }
-    return
+    return;
   }
 
   type MenuItem = {
-    danger?: boolean
-    disabled?: boolean
-    divided?: boolean
-    icon?: string
-    key: MenuKey
-    name: string
-  }
+    danger?: boolean;
+    disabled?: boolean;
+    divided?: boolean;
+    icon?: string;
+    key: MenuKey;
+    name: string;
+  };
   // 频道（公众号）会话单向消息：只保留转发 + 本地删除；不支持复制 / 引用 / 多选 / 撤回 / 群管理操作
   if (isChannelConversation.value) {
-    const channelItems: MenuItem[] = []
+    const channelItems: MenuItem[] = [];
     if (canForward.value) {
       channelItems.push({
         key: MENU_KEYS.FORWARD,
         name: '转发',
-        icon: 'ant-design:share-alt-outlined'
-      })
+        icon: 'ant-design:share-alt-outlined',
+      });
     }
     channelItems.push({
       key: MENU_KEYS.DELETE,
       name: '删除',
       icon: 'ant-design:delete-outlined',
       divided: true,
-      danger: true
-    })
-    uiStore.openContextMenu({ x: e.clientX, y: e.clientY }, channelItems, async (item) => {
-      if (item.key === MENU_KEYS.FORWARD) {
-        handleForward()
-      } else if (item.key === MENU_KEYS.DELETE) {
-        handleDelete()
-      }
-    })
-    return
+      danger: true,
+    });
+    uiStore.openContextMenu(
+      { x: e.clientX, y: e.clientY },
+      channelItems,
+      async (item) => {
+        if (item.key === MENU_KEYS.FORWARD) {
+          handleForward();
+        } else if (item.key === MENU_KEYS.DELETE) {
+          handleDelete();
+        }
+      },
+    );
+    return;
   }
 
-  const items: MenuItem[] = []
+  const items: MenuItem[] = [];
   // 「复制」：仅文本消息支持；放在第一项，对齐微信桌面右键习惯
   if (props.message.type === ImContentType.TEXT) {
     items.push({
       key: MENU_KEYS.COPY,
       name: '复制',
-      icon: 'ant-design:copy-outlined'
-    })
+      icon: 'ant-design:copy-outlined',
+    });
   }
   // 「引用」：已落库 + 未撤回 + 非合并转发；MERGE 内嵌快照在引用预览里无法降级展示
   if (!!props.message.id && !isRecall.value && !isMerge.value) {
     items.push({
       key: MENU_KEYS.REPLY,
       name: '引用',
-      icon: 'bxs:quote-alt-left'
-    })
+      icon: 'bxs:quote-alt-left',
+    });
   }
   // 「转发」「多选」：已落库 + 普通消息 + 未撤回；触发 ForwardDialog / 进入多选模式
   if (canForward.value) {
-    items.push({
-      key: MENU_KEYS.FORWARD,
-      name: '转发',
-      icon: 'ant-design:share-alt-outlined'
-    }, {
-      key: MENU_KEYS.MULTI_SELECT,
-      name: '多选',
-      icon: 'ant-design:check-square-outlined'
-    })
+    items.push(
+      {
+        key: MENU_KEYS.FORWARD,
+        name: '转发',
+        icon: 'ant-design:share-alt-outlined',
+      },
+      {
+        key: MENU_KEYS.MULTI_SELECT,
+        name: '多选',
+        icon: 'ant-design:check-square-outlined',
+      },
+    );
   }
   // 「置顶」：仅群聊 + 普通消息 + 已落库 + 未撤回 + 群主或管理员；已置顶不再展示，由置顶面板的「移除」入口承接
   // 不本地预判上限，让后端校验，超限时通过 error toast 反馈
@@ -500,44 +546,46 @@ async function handleContextMenu(e: MouseEvent) {
     items.push({
       key: MENU_KEYS.PIN,
       name: '置顶',
-      icon: 'ant-design:pushpin-outlined'
-    })
+      icon: 'ant-design:pushpin-outlined',
+    });
   }
   // 「添加到表情」：FACE / IMAGE 消息 + 已落库 + 未撤回；写入个人表情包，对照微信「添加到表情」
   if (canAddToFace.value) {
     items.push({
       key: MENU_KEYS.ADD_TO_FACE,
       name: '添加到表情',
-      icon: 'ant-design:smile-outlined'
-    })
+      icon: 'ant-design:smile-outlined',
+    });
   }
   // 「禁言 / 解禁 / 移除」：群聊 + 非自己消息 + 我是群主或管理员
   if (currentGroup.value && !props.message.selfSend && canManageSender.value) {
     const senderMember = currentGroup.value.members?.find(
-      (m) => m.userId === props.message.senderId
-    )
-    const isMuted = senderMember?.muteEndTime && new Date(senderMember.muteEndTime) > new Date()
+      (m) => m.userId === props.message.senderId,
+    );
+    const isMuted =
+      senderMember?.muteEndTime &&
+      new Date(senderMember.muteEndTime) > new Date();
     if (isMuted) {
       items.push({
         key: MENU_KEYS.UNMUTE,
         name: '解除禁言',
         icon: 'ant-design:audio-outlined',
-        divided: true
-      })
+        divided: true,
+      });
     } else {
       items.push({
         key: MENU_KEYS.MUTE,
         name: '禁言',
         icon: 'ant-design:audio-muted-outlined',
-        divided: true
-      })
+        divided: true,
+      });
     }
     items.push({
       key: MENU_KEYS.KICK,
       name: '移除',
       icon: 'ant-design:user-delete-outlined',
-      danger: true
-    })
+      danger: true,
+    });
   }
   // 「撤回 / 删除」二选一：
   // - 自己发送 + 已落库 + 未撤回 + 在撤回窗口内 → 撤回（推服务器把消息态置 RECALL）
@@ -547,23 +595,23 @@ async function handleContextMenu(e: MouseEvent) {
     props.message.selfSend &&
     !!props.message.id &&
     !isRecall.value &&
-    Date.now() - props.message.sendTime <= MESSAGE_RECALL_WINDOW_MS
+    Date.now() - props.message.sendTime <= MESSAGE_RECALL_WINDOW_MS;
   if (canRecall) {
     items.push({
       key: MENU_KEYS.RECALL,
       name: '撤回',
       icon: 'ant-design:undo-outlined',
       divided: true,
-      danger: true
-    })
+      danger: true,
+    });
   } else {
     items.push({
       key: MENU_KEYS.DELETE,
       name: '删除',
       icon: 'ant-design:delete-outlined',
       divided: true,
-      danger: true
-    })
+      danger: true,
+    });
   }
 
   // 把菜单渲染交给全局 uiStore（单例，避免每条消息都挂一份菜单 DOM）
@@ -578,90 +626,103 @@ async function handleContextMenu(e: MouseEvent) {
     [MENU_KEYS.UNMUTE]: handleUnmute,
     [MENU_KEYS.KICK]: handleKick,
     [MENU_KEYS.RECALL]: handleRecall,
-    [MENU_KEYS.DELETE]: handleDelete
-  }
-  uiStore.openContextMenu({ x: e.clientX, y: e.clientY }, items, async (item) => {
-    await menuHandlers[item.key as MenuKey]?.()
-  })
+    [MENU_KEYS.DELETE]: handleDelete,
+  };
+  uiStore.openContextMenu(
+    { x: e.clientX, y: e.clientY },
+    items,
+    async (item) => {
+      await menuHandlers[item.key as MenuKey]?.();
+    },
+  );
 }
 
 /** 是否可「添加到表情」：FACE / IMAGE 消息 + 已落库 + 未撤回（GIF / 静图都允许） */
 const canAddToFace = computed(() => {
   if (isRecall.value || !props.message.id) {
-    return false
+    return false;
   }
-  return extractAddableFace(props.message) !== null
-})
+  return extractAddableFace(props.message) !== null;
+});
 
 /** 添加到个人表情：从 message 抽 url + 尺寸 + name 写入个人表情库 */
 async function handleAddToFace() {
-  const payload = extractAddableFace(props.message)
+  const payload = extractAddableFace(props.message);
   if (!payload) {
-    return
+    return;
   }
-  const data = await faceStore.addFaceUserItem(payload)
+  const data = await faceStore.addFaceUserItem(payload);
   if (data) {
-    antdMessage.success('已添加到表情')
+    antdMessage.success('已添加到表情');
   }
 }
 
 /** 当前激活会话对应的群（私聊场景为 undefined） */
 const currentGroup = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return undefined
+    return undefined;
   }
-  return groupStore.getGroup(conversation.targetId)
-})
+  return groupStore.getGroup(conversation.targetId);
+});
 
 /** 当前用户在该群里的角色；私聊或非群成员 → undefined */
 const myGroupRole = computed(() => {
-  const myId = getCurrentUserId()
-  return currentGroup.value?.members?.find((m) => m.userId === myId)?.role
-})
+  const myId = getCurrentUserId();
+  return currentGroup.value?.members?.find((m) => m.userId === myId)?.role;
+});
 
 /** 是否可管理该消息发送人：我的角色高于目标角色（群主 > 管理员 > 普通成员）；目标角色未知时不展示 */
 const canManageSender = computed(() => {
   // 历史退群群：本地可能残留成员缓存，显式排除，避免右键仍出「禁言 / 移除」
-  if (!currentGroup.value || isGroupQuit(currentGroup.value) || !myGroupRole.value) {
-    return false
+  if (
+    !currentGroup.value ||
+    isGroupQuit(currentGroup.value) ||
+    !myGroupRole.value
+  ) {
+    return false;
   }
-  const senderMember = currentGroup.value.members?.find((m) => m.userId === props.message.senderId)
+  const senderMember = currentGroup.value.members?.find(
+    (m) => m.userId === props.message.senderId,
+  );
   // 成员缓存不完整时不展示管理操作，等成员数据补齐后再判断
   if (!senderMember?.role) {
-    return false
+    return false;
   }
   // 角色数值：1=群主 2=管理员 3=普通成员；数值越小权限越高
-  return myGroupRole.value < senderMember.role
-})
+  return myGroupRole.value < senderMember.role;
+});
 
 /** 是否允许转发 / 多选：普通消息 + 已落库 + 未撤回；本地占位 / 撤回 / 事件消息一律不可 */
 const canForward = computed(
-  () => isNormalMessage(props.message.type) && !!props.message.id && !isRecall.value
-)
+  () =>
+    isNormalMessage(props.message.type) &&
+    !!props.message.id &&
+    !isRecall.value,
+);
 
 /** 多选模式是否激活；切换会话由 index.vue 主动 exitMultiSelect */
-const isInMultiSelect = computed(() => multiSelect.state.active)
+const isInMultiSelect = computed(() => multiSelect.state.active);
 
 /** 当前消息是否已勾选 */
 const isMessageChecked = computed(() => {
   if (!isInMultiSelect.value) {
-    return false
+    return false;
   }
-  return multiSelect.selectedIdSet.value.has(props.message.clientMessageId)
-})
+  return multiSelect.selectedIdSet.value.has(props.message.clientMessageId);
+});
 
 /** 多选模式下点击气泡：可转发的消息切换勾选；事件 / 撤回 / 占位等不响应（直接吃掉点击避免触发图片预览等） */
 function handleMultiSelectClick(e: MouseEvent) {
   if (!isInMultiSelect.value) {
-    return
+    return;
   }
-  e.preventDefault()
-  e.stopPropagation()
+  e.preventDefault();
+  e.stopPropagation();
   if (!canForward.value) {
-    return
+    return;
   }
-  multiSelect.toggle(props.message)
+  multiSelect.toggle(props.message);
 }
 
 /** 是否允许置顶（已置顶消息不再展示菜单项，由置顶面板的「移除」入口承接）：群聊 + 普通消息 + 已落库 + 未撤回 + 群主或管理员 + 未置顶 */
@@ -674,57 +735,60 @@ const canPin = computed(
     !isRecall.value &&
     (myGroupRole.value === ImGroupMemberRole.OWNER ||
       myGroupRole.value === ImGroupMemberRole.ADMIN) &&
-    !currentGroup.value.pinnedMessages?.some((m) => m.id === props.message.id)
-)
+    !currentGroup.value.pinnedMessages?.some((m) => m.id === props.message.id),
+);
 
 /** 置顶消息：二次确认 → 调后端 pin-message；后端广播 GROUP_MESSAGE_PIN，本端 dispatcher 拉最新 pinnedMessages */
 async function handlePin() {
-  const group = currentGroup.value
+  const group = currentGroup.value;
   if (!group || !props.message.id) {
-    return
+    return;
   }
   try {
-    await confirm('将在当前群成员的聊天中置顶', '置顶消息')
-    await apiPinGroupMessage({ id: group.id, messageId: props.message.id })
-    antdMessage.success('已置顶')
+    await confirm('将在当前群成员的聊天中置顶', '置顶消息');
+    await apiPinGroupMessage({ id: group.id, messageId: props.message.id });
+    antdMessage.success('已置顶');
   } catch {}
 }
 
 /** 复制文本消息：解出 content 字段写入剪贴板，提示「内容已复制到剪贴板」 */
 async function handleCopy() {
-  const text = parseMessage<TextMessage>(props.message.content)?.content
+  const text = parseMessage<TextMessage>(props.message.content)?.content;
   if (!text) {
-    return
+    return;
   }
-  await copyToClipboard(text)
-  antdMessage.success('内容已复制到剪贴板')
+  await copyToClipboard(text);
+  antdMessage.success('内容已复制到剪贴板');
 }
 
 /** 进入引用模式：把当前消息构造成 QuoteMessage 写入会话草稿 */
 function handleReply() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  conversationStore.setConversationReplyDraft(conversation, buildQuoteFromMessage(props.message))
+  conversationStore.setConversationReplyDraft(
+    conversation,
+    buildQuoteFromMessage(props.message),
+  );
 }
 
 /** 转发当前消息：打开 ForwardDialog（单条模式；mode=single 即原样转） */
 function handleForward() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
   openForwardDialog?.({
     mode: ImForwardMode.SINGLE,
     messages: [props.message],
-    sourceConversation: conversation
-  })
+    sourceConversation: conversation,
+  });
 }
 
 /** 进入多选模式，初始勾选当前消息 */
 function handleEnterMultiSelect() {
-  multiSelect.enter(props.message)
+  multiSelect.enter(props.message);
 }
 
 /**
@@ -735,8 +799,8 @@ function handleEnterMultiSelect() {
  */
 async function handleRecall() {
   try {
-    await confirm('确定要撤回这条消息吗？', '撤回消息')
-    await recall(props.message)
+    await confirm('确定要撤回这条消息吗？', '撤回消息');
+    await recall(props.message);
   } catch {}
 }
 
@@ -754,45 +818,50 @@ async function handleRecall() {
  */
 async function handleResend() {
   if (props.message.status !== ImMessageStatus.FAILED) {
-    return
+    return;
   }
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
   // 禁言 / 封禁时拦截：避免重试绕过 MessageInput 的 muteOverlay 又走一次 sendRaw 让后端拒
   if (muteOverlay.value) {
-    return
+    return;
   }
-  const message = props.message
-  const file = message._localFile
+  const message = props.message;
+  const file = message._localFile;
 
   // 媒体类型 + _localFile 在 → 重走 uploadAndSendMedia；type 分发 + 旧元数据复用统一在 mediaTypeHandlers 表里
   if (isMediaMessageType(message.type) && file) {
-    const handler = mediaTypeHandlers[message.type]
+    const handler = mediaTypeHandlers[message.type];
     if (handler) {
-      const oldQuote = getQuoteFromMessage(message.content) ?? undefined
-      const context = handler.extractResendContext(message.content)
+      const oldQuote = getQuoteFromMessage(message.content) ?? undefined;
+      const context = handler.extractResendContext(message.content);
       await uploadAndSendMedia({
         file,
         type: message.type,
         quote: oldQuote,
         conversation,
         context,
-        existingClientMessageId: message.clientMessageId
-      })
-      return
+        existingClientMessageId: message.clientMessageId,
+      });
+      return;
     }
   }
 
   // 文本类型 / 媒体类型但 _localFile 已丢：把 FAILED 占位回滚到 SENDING，复用 clientMessageId 让服务端按 cmid 幂等去重
-  messageStore.patchMessage(conversation.type, conversation.targetId, message.clientMessageId, {
-    status: ImMessageStatus.SENDING
-  })
+  messageStore.patchMessage(
+    conversation.type,
+    conversation.targetId,
+    message.clientMessageId,
+    {
+      status: ImMessageStatus.SENDING,
+    },
+  );
   await sendRaw(message.type, message.content, {
     atUserIds: message.atUserIds,
-    existingClientMessageId: message.clientMessageId
-  })
+    existingClientMessageId: message.clientMessageId,
+  });
 }
 
 /**
@@ -801,52 +870,55 @@ async function handleResend() {
  */
 /** 禁言：emit 给父组件打开时长选择弹窗（避免 MessageItem 过重） */
 function handleMute() {
-  const group = currentGroup.value
+  const group = currentGroup.value;
   if (!group) {
-    return
+    return;
   }
-  const name = senderDisplayName.value || '该成员'
-  emit('mute', group.id, props.message.senderId, name)
+  const name = senderDisplayName.value || '该成员';
+  emit('mute', group.id, props.message.senderId, name);
 }
 
 /** 解除禁言 */
 async function handleUnmute() {
-  const group = currentGroup.value
+  const group = currentGroup.value;
   if (!group) {
-    return
+    return;
   }
   try {
-    await confirm('确定解除该成员的禁言吗？', '解除禁言')
-    await cancelMuteMember({ id: group.id, userId: props.message.senderId })
-    antdMessage.success('已解除禁言')
-    emit('reload')
+    await confirm('确定解除该成员的禁言吗？', '解除禁言');
+    await cancelMuteMember({ id: group.id, userId: props.message.senderId });
+    antdMessage.success('已解除禁言');
+    emit('reload');
   } catch {}
 }
 
 /** 移除群成员 */
 async function handleKick() {
-  const group = currentGroup.value
+  const group = currentGroup.value;
   if (!group) {
-    return
+    return;
   }
-  const name = senderDisplayName.value || '该成员'
+  const name = senderDisplayName.value || '该成员';
   try {
-    await confirm(`确定将「${name}」移出群聊吗？`, '移除成员')
-    await removeGroupMember({ groupId: group.id, memberUserIds: [props.message.senderId] })
-    antdMessage.success('已移除')
-    emit('reload')
+    await confirm(`确定将「${name}」移出群聊吗？`, '移除成员');
+    await removeGroupMember({
+      groupId: group.id,
+      memberUserIds: [props.message.senderId],
+    });
+    antdMessage.success('已移除');
+    emit('reload');
   } catch {}
 }
 
 function handleDelete() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
   messageStore.removeMessage(conversation.type, conversation.targetId, {
     id: props.message.id,
-    clientMessageId: props.message.clientMessageId
-  })
+    clientMessageId: props.message.clientMessageId,
+  });
 }
 </script>
 
@@ -884,7 +956,10 @@ function handleDelete() {
   </div>
 
   <!-- 私聊通话结束（RTC_CALL_END）：仿微信「准气泡」；按 selfSend 左右分布；电话图标 + 文案 -->
-  <div v-else-if="isRtcCallPrivateBubbleMessage" class="flex gap-2 items-start px-4 py-2">
+  <div
+    v-else-if="isRtcCallPrivateBubbleMessage"
+    class="flex gap-2 items-start px-4 py-2"
+  >
     <div
       class="flex flex-1 min-w-0 gap-2 items-start"
       :class="{ 'flex-row-reverse': message.selfSend }"
@@ -904,7 +979,11 @@ function handleDelete() {
         "
         @click="handleRtcCallBubbleClick"
       >
-        <Icon icon="ant-design:phone-outlined" :size="16" class="rotate-[135deg] flex-shrink-0" />
+        <Icon
+          icon="ant-design:phone-outlined"
+          :size="16"
+          class="rotate-[135deg] flex-shrink-0"
+        />
         <span class="whitespace-nowrap">{{ rtcCallPrivateBubbleText }}</span>
       </div>
     </div>
@@ -936,13 +1015,21 @@ function handleDelete() {
           : 'border border-solid border-[var(--ant-color-border)] bg-[var(--ant-color-bg-container)]'
       "
     >
-      <Icon v-if="isMessageChecked" icon="ant-design:check-outlined" :size="12" color="#fff" />
+      <Icon
+        v-if="isMessageChecked"
+        icon="ant-design:check-outlined"
+        :size="12"
+        color="#fff"
+      />
     </span>
 
     <!-- 消息行：头像 + 气泡内部按 selfSend reverse；频道素材仿公众号样式居中且不显示头像 -->
     <div
       class="flex flex-1 min-w-0 gap-2 items-start"
-      :class="{ 'flex-row-reverse': message.selfSend, 'justify-center': isMaterial }"
+      :class="{
+        'flex-row-reverse': message.selfSend,
+        'justify-center': isMaterial,
+      }"
     >
       <!-- 头像：点击弹 UserInfoCard 由 UserAvatar 内部承接；频道素材消息不显示头像 -->
       <UserAvatar
@@ -958,7 +1045,7 @@ function handleDelete() {
         :class="[
           message.selfSend ? 'items-end' : '',
           // 公众号会话内素材：固定 360 宽（对齐微信公众号卡片）；其它（含私聊 / 群聊转发的素材）：70% 上限，气泡自己撑宽度
-          isMaterial ? 'w-[360px]' : 'max-w-[70%]'
+          isMaterial ? 'w-[360px]' : 'max-w-[70%]',
         ]"
       >
         <!-- 群聊对方消息：气泡上方显示发送者昵称 -->
@@ -968,7 +1055,10 @@ function handleDelete() {
         >
           {{ senderDisplayName }}
         </div>
-        <div class="flex gap-1.5 items-center" :class="{ 'flex-row-reverse': message.selfSend }">
+        <div
+          class="flex gap-1.5 items-center"
+          :class="{ 'flex-row-reverse': message.selfSend }"
+        >
           <!-- 消息内容：按 type 走 9 类气泡，统一由 MessageBubble 渲染 -->
           <MessageBubble
             :type="message.type"
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-panel.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-panel.vue
index baf6b83ce..afffdbd71 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-panel.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-panel.vue
@@ -1,140 +1,155 @@
 <script lang="ts" setup>
-import type { GroupMemberLite } from '../../../../components/group'
-import type { GroupLite } from '../../../../types'
+import type { GroupMemberLite } from '../../../../components/group';
+import type { GroupLite } from '../../../../types';
 
-import { computed, nextTick, provide, ref, watch } from 'vue'
+import { computed, nextTick, provide, ref, watch } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { message, Popover, Tooltip } from 'ant-design-vue'
+import { message, Popover, Tooltip } from 'ant-design-vue';
 
-import { createCall } from '#/api/im/rtc'
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { ImConversationType, ImRtcCallMediaType, ImRtcCallStatus } from '#/views/im/utils/constants'
-import { getClientConversationId } from '#/views/im/utils/db'
-import { resolveCallEndReasonText } from '#/views/im/utils/message'
-import { getGroupDisplayName, getMemberDisplayName, isGroupQuit } from '#/views/im/utils/user'
+import { createCall } from '#/api/im/rtc';
+import { getCurrentUserId } from '#/views/im/utils/auth';
+import {
+  ImConversationType,
+  ImRtcCallMediaType,
+  ImRtcCallStatus,
+} from '#/views/im/utils/constants';
+import { getClientConversationId } from '#/views/im/utils/db';
+import { resolveCallEndReasonText } from '#/views/im/utils/message';
+import {
+  getGroupDisplayName,
+  getMemberDisplayName,
+  isGroupQuit,
+} from '#/views/im/utils/user';
 
-import { GroupMuteMemberDialog } from '../../../../components/group'
+import { GroupMuteMemberDialog } from '../../../../components/group';
 import {
   RtcCallMemberPickerDialog,
-  RtcGroupCallBanner
-} from '../../../../components/rtc'
-import { useMessageMultiSelect } from '../../../../composables/useMessageMultiSelect'
-import { useVoicePlayer } from '../../../../composables/useVoicePlayer'
-import { useConversationStore } from '../../../../store/conversationStore'
-import { useFriendStore } from '../../../../store/friendStore'
-import { useGroupStore } from '../../../../store/groupStore'
-import { useMessageStore } from '../../../../store/messageStore'
-import { useRtcStore } from '../../../../store/rtcStore'
-import { useImUiStore } from '../../../../store/uiStore'
-import { ConversationGroupSide } from '../conversation'
-import { ConversationPrivateSide } from '../conversation'
-import { MessageInput } from '../input'
-import { MessageMultiSelectBar } from '../input'
-import { MessageForwardDialog } from './forward'
-import { MessageMergeDetailDialog } from './forward'
+  RtcGroupCallBanner,
+} from '../../../../components/rtc';
+import { useMessageMultiSelect } from '../../../../composables/useMessageMultiSelect';
+import { useVoicePlayer } from '../../../../composables/useVoicePlayer';
+import { useConversationStore } from '../../../../store/conversationStore';
+import { useFriendStore } from '../../../../store/friendStore';
+import { useGroupStore } from '../../../../store/groupStore';
+import { useMessageStore } from '../../../../store/messageStore';
+import { useRtcStore } from '../../../../store/rtcStore';
+import { useImUiStore } from '../../../../store/uiStore';
+import {
+  ConversationGroupSide,
+  ConversationPrivateSide,
+} from '../conversation';
+import { MessageInput, MessageMultiSelectBar } from '../input';
+import { MessageForwardDialog, MessageMergeDetailDialog } from './forward';
 import {
   IM_FORWARD_DIALOG_KEY,
   IM_MERGE_DETAIL_DIALOG_KEY,
-  IM_RTC_REDIAL_KEY
-} from './forward/keys'
-import GroupPinnedMessage from './group-pinned-message.vue'
-import GroupRequestPending from './group-request-pending.vue'
-import MessageHistory from './message-history.vue'
-import MessageItem from './message-item.vue'
+  IM_RTC_REDIAL_KEY,
+} from './forward/keys';
+import GroupPinnedMessage from './group-pinned-message.vue';
+import GroupRequestPending from './group-request-pending.vue';
+import MessageHistory from './message-history.vue';
+import MessageItem from './message-item.vue';
 
-defineOptions({ name: 'ImMessagePanel' })
+defineOptions({ name: 'ImMessagePanel' });
 
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
-const friendStore = useFriendStore()
-const uiStore = useImUiStore()
-const groupStore = useGroupStore()
-const rtcStore = useRtcStore()
-const listRef = ref<HTMLElement>()
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
+const friendStore = useFriendStore();
+const uiStore = useImUiStore();
+const groupStore = useGroupStore();
+const rtcStore = useRtcStore();
+const listRef = ref<HTMLElement>();
 
 // ==================== 转发 / 合并消息详情：本地 dialog 浮层 ====================
 // MessageItem / MessageMultiSelectBar / MessageHistory 通过 inject 触发；不挂全局 store
 
-const forwardDialogRef = ref<InstanceType<typeof MessageForwardDialog>>()
-const mergeDetailDialogRef = ref<InstanceType<typeof MessageMergeDetailDialog>>()
+const forwardDialogRef = ref<InstanceType<typeof MessageForwardDialog>>();
+const mergeDetailDialogRef =
+  ref<InstanceType<typeof MessageMergeDetailDialog>>();
 
-provide(IM_FORWARD_DIALOG_KEY, (opts) => forwardDialogRef.value?.open(opts))
-provide(IM_MERGE_DETAIL_DIALOG_KEY, (content) => mergeDetailDialogRef.value?.open(content))
+provide(IM_FORWARD_DIALOG_KEY, (opts) => forwardDialogRef.value?.open(opts));
+provide(IM_MERGE_DETAIL_DIALOG_KEY, (content) =>
+  mergeDetailDialogRef.value?.open(content),
+);
 provide(IM_RTC_REDIAL_KEY, (mediaType: number) => {
   if (isPrivate.value) {
-    void startPrivateCall(mediaType)
+    void startPrivateCall(mediaType);
   }
-}) // 私聊 RTC_CALL_END 气泡点击重拨；MessageItem 注入后调用
+}); // 私聊 RTC_CALL_END 气泡点击重拨；MessageItem 注入后调用
 
 // ==================== 多选模式 ====================
 // 模块级单例 state（composable）；本组件仅做切会话退出 + template 显隐判定
 
-const multiSelect = useMessageMultiSelect()
-const voicePlayer = useVoicePlayer()
+const multiSelect = useMessageMultiSelect();
+const voicePlayer = useVoicePlayer();
 
 /** 切会话退出多选 + 停语音；避免上一会话的勾选 / 播放态泄漏到新会话（type+targetId 一起监听，私聊与群聊 id 同号时也能触发） */
 watch(
   () => [
     conversationStore.activeConversation?.type,
-    conversationStore.activeConversation?.targetId
+    conversationStore.activeConversation?.targetId,
   ],
   () => {
-    multiSelect.exit()
-    voicePlayer.stop()
-  }
-)
+    multiSelect.exit();
+    voicePlayer.stop();
+  },
+);
 
 const messages = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   return conversation
-    ? messageStore.getMessages(getClientConversationId(conversation.type, conversation.targetId))
-    : []
-})
+    ? messageStore.getMessages(
+        getClientConversationId(conversation.type, conversation.targetId),
+      )
+    : [];
+});
 const isGroup = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.GROUP
-)
+  () => conversationStore.activeConversation?.type === ImConversationType.GROUP,
+);
 const isPrivate = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.PRIVATE
-)
+  () =>
+    conversationStore.activeConversation?.type === ImConversationType.PRIVATE,
+);
 const isChannel = computed(
-  () => conversationStore.activeConversation?.type === ImConversationType.CHANNEL
-)
+  () =>
+    conversationStore.activeConversation?.type === ImConversationType.CHANNEL,
+);
 
 /** 当前激活会话是否历史退群群：禁群通话、隐藏群申请横幅等操作入口；聊天历史、群名头像照常展示 */
 const isQuitGroup = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   return (
     conversation?.type === ImConversationType.GROUP &&
     isGroupQuit(groupStore.getGroup(conversation.targetId))
-  )
-})
+  );
+});
 
 /** 私聊会话且对端不是有效好友（本端 friend 记录缺失或 DISABLE）；单边删除语义下「被对方删除」不触发本端横幅 */
 const showNotFriendBanner = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.PRIVATE) {
-    return false
+    return false;
   }
-  return !friendStore.isActiveFriend(conversation.targetId)
-})
+  return !friendStore.isActiveFriend(conversation.targetId);
+});
 
 /** 点击「对方还不是你的朋友」胶囊：打开 UserInfoCard，引导用户重新添加 */
 function handleNotFriendClick(event: MouseEvent) {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()
+  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
   uiStore.openUserInfoCard(
     {
       id: conversation.targetId,
       nickname: conversation.name,
-      avatar: conversation.avatar
+      avatar: conversation.avatar,
     },
-    { x: rect.left, y: rect.bottom + 4 }
-  )
+    { x: rect.left, y: rect.bottom + 4 },
+  );
 }
 
 /**
@@ -144,24 +159,24 @@ function handleNotFriendClick(event: MouseEvent) {
  * 而 groupInfo.memberCount 跟群信息一起来，能更早显示人数避免"先空再蹦"
  */
 const headerMemberCount = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return 0
+    return 0;
   }
-  const group = groupStore.getGroup(conversation.targetId)
-  return group?.memberCount ?? group?.members?.length ?? 0
-})
+  const group = groupStore.getGroup(conversation.targetId);
+  return group?.memberCount ?? group?.members?.length ?? 0;
+});
 
 /** 顶部副标题：仅当群备注 ≠ 原群名时显示原群名（对齐微信 PC 双行 header） */
 const headerSubtitle = computed(() => {
-  const remark = groupInfo.value?.groupRemark
-  const name = groupInfo.value?.name
-  return remark && name && remark !== name ? name : ''
-})
+  const remark = groupInfo.value?.groupRemark;
+  const name = groupInfo.value?.name;
+  return remark && name && remark !== name ? name : '';
+});
 
-const BOTTOM_THRESHOLD = 80 // "是否停留在底部"的阈值：距离底部 < 80px 视为底部
-const showJumpToBottom = ref(false) // 当前是否已不在底部（显示"回到底部"按钮）
-const newMessageCount = ref(0) // 不在底部期间累计的新消息数
+const BOTTOM_THRESHOLD = 80; // "是否停留在底部"的阈值：距离底部 < 80px 视为底部
+const showJumpToBottom = ref(false); // 当前是否已不在底部（显示"回到底部"按钮）
+const newMessageCount = ref(0); // 不在底部期间累计的新消息数
 
 /**
  * 当前激活的群详情：优先 groupStore（带详细字段），未加载完时用 activeConversation 兜底
@@ -172,20 +187,22 @@ const newMessageCount = ref(0) // 不在底部期间累计的新消息数
  */
 const groupInfo = computed<
   | (GroupLite & {
-      groupRemark?: string
-      notice?: string
-      ownerId?: number
-      remarkNickName?: string
+      groupRemark?: string;
+      notice?: string;
+      ownerId?: number;
+      remarkNickName?: string;
     })
   | undefined
 >(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return undefined
+    return undefined;
   }
-  const group = groupStore.getGroup(conversation.targetId)
-  const selfMember = group?.members?.find((member) => member.userId === getCurrentUserId())
-  const showGroupName = group ? getGroupDisplayName(group) : conversation.name
+  const group = groupStore.getGroup(conversation.targetId);
+  const selfMember = group?.members?.find(
+    (member) => member.userId === getCurrentUserId(),
+  );
+  const showGroupName = group ? getGroupDisplayName(group) : conversation.name;
   return {
     id: conversation.targetId,
     name: group?.name || conversation.name,
@@ -196,166 +213,182 @@ const groupInfo = computed<
     groupRemark: group?.groupRemark,
     ownerId: group?.ownerUserId,
     memberCount: group?.memberCount,
-    joinApproval: group?.joinApproval
-  }
-})
+    joinApproval: group?.joinApproval,
+  };
+});
 
 /** 群成员列表：直接取 groupStore 缓存，map 成 GroupMemberLite 给下游消费（@-mention / 邀请等） */
 const groupMembers = computed<GroupMemberLite[]>(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return []
+    return [];
   }
-  const group = groupStore.getGroup(conversation.targetId)
+  const group = groupStore.getGroup(conversation.targetId);
   return (group?.members || []).map((member) => {
     // 显示名走「好友备注 > 群备注 > 真实昵称」三级；头像走 nickname 保稳定
-    const friend = friendStore.getFriend(member.userId)
+    const friend = friendStore.getFriend(member.userId);
     return {
       userId: member.userId,
       showName: getMemberDisplayName(member, friend),
       nickname: member.nickname,
       avatar: member.avatar,
       status: member.status,
-      role: member.role
-    }
-  })
-})
+      role: member.role,
+    };
+  });
+});
 
 /** 切换到群会话时同步群信息 + 成员 */
 async function ensureGroupData(groupId: number) {
   // 远程拉群信息（群名 / 公告 / 群主等元数据）
   await groupStore.fetchGroupInfo(groupId).catch((error) => {
-    console.warn('[IM MessagePanel] fetchGroupInfo 失败', { groupId }, error)
-  })
+    console.warn('[IM MessagePanel] fetchGroupInfo 失败', { groupId }, error);
+  });
   if (isGroupQuit(groupStore.getGroup(groupId))) {
-    return
+    return;
   }
 
   // 先从 IDB 同步加载群成员，让首帧立即出成员名 / 头像
   await groupStore.loadGroupMemberList(groupId).catch((error) => {
-    console.warn('[IM MessagePanel] loadGroupMemberList 失败', { groupId }, error)
-    return null
-  })
-  const group = groupStore.getGroup(groupId)
+    console.warn(
+      '[IM MessagePanel] loadGroupMemberList 失败',
+      { groupId },
+      error,
+    );
+    return null;
+  });
+  const group = groupStore.getGroup(groupId);
   if (!group?.membersLoaded || group.membersExpired) {
     groupStore.fetchGroupMemberList(groupId, true).catch((error) => {
-      console.warn('[IM MessagePanel] fetchGroupMemberList 失败', { groupId }, error)
-    })
+      console.warn(
+        '[IM MessagePanel] fetchGroupMemberList 失败',
+        { groupId },
+        error,
+      );
+    });
   }
 }
 
 /** 群信息抽屉里点"刷新"：强拉一次最新群元数据 + 群成员 */
 function reloadGroupData() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return
+    return;
   }
-  groupStore.fetchGroupInfo(conversation.targetId, true)
-  groupStore.fetchGroupMemberList(conversation.targetId, true)
+  groupStore.fetchGroupInfo(conversation.targetId, true);
+  groupStore.fetchGroupMemberList(conversation.targetId, true);
 }
 
-const historyDialogRef = ref<InstanceType<typeof MessageHistory>>() // 历史消息抽屉 ref：「聊天历史」icon / 抽屉「查找聊天内容」入口都调 open() 触发
-const sideVisible = ref(false) // 信息抽屉开关：群聊 / 私聊共用一个 ref
-const muteMemberDialogRef = ref<InstanceType<typeof GroupMuteMemberDialog>>()
-const callMemberPickerRef = ref<InstanceType<typeof RtcCallMemberPickerDialog>>()
-const pendingMediaType = ref<null | number>(null) // 群通话发起：成员选择弹窗打开期间临时持有的 mediaType
+const historyDialogRef = ref<InstanceType<typeof MessageHistory>>(); // 历史消息抽屉 ref：「聊天历史」icon / 抽屉「查找聊天内容」入口都调 open() 触发
+const sideVisible = ref(false); // 信息抽屉开关：群聊 / 私聊共用一个 ref
+const muteMemberDialogRef = ref<InstanceType<typeof GroupMuteMemberDialog>>();
+const callMemberPickerRef =
+  ref<InstanceType<typeof RtcCallMemberPickerDialog>>();
+const pendingMediaType = ref<null | number>(null); // 群通话发起：成员选择弹窗打开期间临时持有的 mediaType
 
 /** 消息右键菜单「禁言」→ 打开时长选择弹窗 */
-function handleMuteMember(groupId: number, userId: number, displayName: string) {
-  muteMemberDialogRef.value?.open(groupId, userId, displayName)
+function handleMuteMember(
+  groupId: number,
+  userId: number,
+  displayName: string,
+) {
+  muteMemberDialogRef.value?.open(groupId, userId, displayName);
 }
 
 /** 信息抽屉的 toggle：跟 header 上 3 点图标按钮共用 */
 function toggleSide() {
-  sideVisible.value = !sideVisible.value
+  sideVisible.value = !sideVisible.value;
 }
 
-const callPopoverVisible = ref(false) // 私聊通话入口：popover 触发；点 语音 / 视频 直接发起
-const callInviting = ref(false) // 通话发起中
+const callPopoverVisible = ref(false); // 私聊通话入口：popover 触发；点 语音 / 视频 直接发起
+const callInviting = ref(false); // 通话发起中
 async function startPrivateCall(mediaType: number) {
-  callPopoverVisible.value = false
-  const conversation = conversationStore.activeConversation
+  callPopoverVisible.value = false;
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
   await doInvite({
     conversationType: ImConversationType.PRIVATE,
     mediaType,
-    inviteeIds: [conversation.targetId]
-  })
+    inviteeIds: [conversation.targetId],
+  });
 }
 
 /** 群通话入口：默认语音直接弹选人；与微信群通话一致，进通话后用户按需开摄像头 */
 function handleGroupCall() {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return
+    return;
   }
-  pendingMediaType.value = ImRtcCallMediaType.VOICE
-  callMemberPickerRef.value?.open({ groupId: conversation.targetId, mode: 'invite' })
+  pendingMediaType.value = ImRtcCallMediaType.VOICE;
+  callMemberPickerRef.value?.open({
+    groupId: conversation.targetId,
+    mode: 'invite',
+  });
 }
 
 /** 选人弹窗确认；带选中 ID 发起群通话 */
 async function onCallMemberPicked(selectedIds: number[]) {
-  const conversation = conversationStore.activeConversation
-  const mediaType = pendingMediaType.value
-  pendingMediaType.value = null
-  if (!conversation || mediaType == null || selectedIds.length === 0) {
-    return
+  const conversation = conversationStore.activeConversation;
+  const mediaType = pendingMediaType.value;
+  pendingMediaType.value = null;
+  if (!conversation || mediaType === null || selectedIds.length === 0) {
+    return;
   }
   await doInvite({
     conversationType: ImConversationType.GROUP,
     mediaType,
     groupId: conversation.targetId,
-    inviteeIds: selectedIds
-  })
+    inviteeIds: selectedIds,
+  });
 }
 
 /** 实际调 create 接口；统一处理成功 / ENDED（如忙线立即结束） */
 async function doInvite(reqVO: {
-  conversationType: number
-  groupId?: number
-  inviteeIds: number[]
-  mediaType: number
+  conversationType: number;
+  groupId?: number;
+  inviteeIds: number[];
+  mediaType: number;
 }) {
   if (callInviting.value) {
-    return
+    return;
   }
   if (rtcStore.isActive) {
-    message.warning('当前已有通话')
-    return
+    message.warning('当前已有通话');
+    return;
   }
-  callInviting.value = true
+  callInviting.value = true;
   try {
-    const data = await createCall(reqVO)
+    const data = await createCall(reqVO);
     // 后端已 INSERT + 立即 end（如忙线）：toast 提示，不进 INVITING 阶段；chat tip 由 RTC_CALL_END 推送写入消息流
     if (data.status === ImRtcCallStatus.ENDED) {
-      message.warning(resolveCallEndReasonText(data.endReason))
-      return
+      message.warning(resolveCallEndReasonText(data.endReason));
+      return;
     }
     // 正常进入 INVITING 阶段：走 store 逻辑发起通话，后续状态更新 / 消息流更新由 RTC 模块监听推送处理
-    rtcStore.startInviting(data)
+    rtcStore.startInviting(data);
   } finally {
-    callInviting.value = false
+    callInviting.value = false;
   }
 }
 
 /** 当前私聊对应的好友（抽屉头部展示用） */
 const privateFriend = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || conversation.type !== ImConversationType.PRIVATE) {
-    return undefined
+    return undefined;
   }
-  return friendStore.getFriend(conversation.targetId)
-})
+  return friendStore.getFriend(conversation.targetId);
+});
 
 /** 计算距离底部的像素 */
 function distanceFromBottom(): number {
-  const el = listRef.value
+  const el = listRef.value;
   if (!el) {
-    return 0
+    return 0;
   }
-  return el.scrollHeight - el.scrollTop - el.clientHeight
+  return el.scrollHeight - el.scrollTop - el.clientHeight;
 }
 
 /**
@@ -364,11 +397,11 @@ function distanceFromBottom(): number {
  * - 不在底部：显示"回到底部"浮窗，新消息会累计到 newMessageCount
  */
 function handleScroll() {
-  const dist = distanceFromBottom()
-  const atBottom = dist <= BOTTOM_THRESHOLD
-  showJumpToBottom.value = !atBottom
+  const dist = distanceFromBottom();
+  const atBottom = dist <= BOTTOM_THRESHOLD;
+  showJumpToBottom.value = !atBottom;
   if (atBottom) {
-    newMessageCount.value = 0
+    newMessageCount.value = 0;
   }
 }
 
@@ -380,33 +413,36 @@ function handleScroll() {
 async function scrollToBottom(smooth = false) {
   // 1. 滚到当前 scrollHeight 的底部（图片 / 视频还在加载时只是大致到底）
   // 1.1 等 v-for 把新消息真正渲染进 DOM 后再算 scrollHeight，否则差最后一条的位置
-  await nextTick()
+  await nextTick();
   if (!listRef.value) {
-    return
+    return;
   }
   // 1.2 触发滚动；smooth 仅 user 主动点「回到底部」用，初始 / 自动滚走 auto 避免动画拖拽感
   listRef.value.scrollTo({
     top: listRef.value.scrollHeight,
-    behavior: smooth ? 'smooth' : 'auto'
-  })
-  newMessageCount.value = 0
-  showJumpToBottom.value = false
+    behavior: smooth ? 'smooth' : 'auto',
+  });
+  newMessageCount.value = 0;
+  showJumpToBottom.value = false;
   // 1.3 记下「期望停下的 scrollTop」；图片 / 视频加载完底部会上移，scrollTop 没动就说明用户没手动滚走
   //     不能用 distanceFromBottom 判断：底部上移会让 distance 变大，被误判为「用户滚走了」直接放弃补滚
-  const expectedScrollTop = listRef.value.scrollHeight - listRef.value.clientHeight
+  const expectedScrollTop =
+    listRef.value.scrollHeight - listRef.value.clientHeight;
 
   // 2. 等媒体加载完后补滚到真实底部
   // 2.1 等容器内未加载完的图片 / 视频元数据；加载完后 scrollHeight 会增长到真实底部
-  await waitMediaSettled()
+  await waitMediaSettled();
   if (!listRef.value) {
-    return
+    return;
   }
   // 2.2 仅在用户没手动滚走时（scrollTop 仍贴近 expectedScrollTop）才补滚，避免等待期间用户上翻被打断
-  if (Math.abs(listRef.value.scrollTop - expectedScrollTop) > BOTTOM_THRESHOLD) {
-    return
+  if (
+    Math.abs(listRef.value.scrollTop - expectedScrollTop) > BOTTOM_THRESHOLD
+  ) {
+    return;
   }
   // 2.3 补滚到新底部
-  listRef.value.scrollTo({ top: listRef.value.scrollHeight, behavior: 'auto' })
+  listRef.value.scrollTo({ top: listRef.value.scrollHeight, behavior: 'auto' });
 }
 
 /**
@@ -417,13 +453,19 @@ async function scrollToBottom(smooth = false) {
 function waitMediaSettled(): Promise<void> {
   // 1. 收集容器内未加载完的图片 / 视频
   if (!listRef.value) {
-    return Promise.resolve()
+    return Promise.resolve();
   }
   // 1.1 一次扫 img + video，按 element 类型分别看「complete / readyState」过滤 pending
-  const pendingMedia = [...listRef.value.querySelectorAll<HTMLImageElement | HTMLVideoElement>('img, video')].filter((el) => (el instanceof HTMLImageElement ? !el.complete : el.readyState < 1))
+  const pendingMedia = [
+    ...listRef.value.querySelectorAll<HTMLImageElement | HTMLVideoElement>(
+      'img, video',
+    ),
+  ].filter((el) =>
+    el instanceof HTMLImageElement ? !el.complete : el.readyState < 1,
+  );
   // 1.2 没有 pending 直接返回，省掉 Promise.race / setTimeout 闭包构造
   if (pendingMedia.length === 0) {
-    return Promise.resolve()
+    return Promise.resolve();
   }
 
   // 2. 等所有 pending 资源 load / error，最长 2s 兜底
@@ -432,15 +474,16 @@ function waitMediaSettled(): Promise<void> {
     pendingMedia.map(
       (el) =>
         new Promise<void>((resolve) => {
-          const loadedEvent = el instanceof HTMLImageElement ? 'load' : 'loadedmetadata'
-          el.addEventListener(loadedEvent, () => resolve(), { once: true })
-          el.addEventListener('error', () => resolve(), { once: true })
-        })
-    )
-  ).then(() => undefined)
+          const loadedEvent =
+            el instanceof HTMLImageElement ? 'load' : 'loadedmetadata';
+          el.addEventListener(loadedEvent, () => resolve(), { once: true });
+          el.addEventListener('error', () => resolve(), { once: true });
+        }),
+    ),
+  ).then(() => undefined);
   // 2.2 2s 超时兜底，防止超大资源 / 网络挂起把整个滚动跟进永久卡住
-  const timeout = new Promise<void>((resolve) => setTimeout(resolve, 2000))
-  return Promise.race([loadAll, timeout])
+  const timeout = new Promise<void>((resolve) => setTimeout(resolve, 2000));
+  return Promise.race([loadAll, timeout]);
 }
 
 /**
@@ -454,22 +497,24 @@ function waitMediaSettled(): Promise<void> {
  */
 async function handleLocate(messageId: number) {
   if (!messageId) {
-    return
+    return;
   }
-  await nextTick()
+  await nextTick();
   if (!listRef.value) {
-    return
+    return;
   }
-  const target = listRef.value.querySelector<HTMLElement>(`[data-message-id="${messageId}"]`)
+  const target = listRef.value.querySelector<HTMLElement>(
+    `[data-message-id="${messageId}"]`,
+  );
   if (!target) {
-    message.warning('原消息不在视野')
-    return
+    message.warning('原消息不在视野');
+    return;
   }
-  target.scrollIntoView({ behavior: 'smooth', block: 'center' })
-  target.classList.add('message-panel__message-anchor--highlight')
+  target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  target.classList.add('message-panel__message-anchor--highlight');
   setTimeout(() => {
-    target.classList.remove('message-panel__message-anchor--highlight')
-  }, 1600)
+    target.classList.remove('message-panel__message-anchor--highlight');
+  }, 1600);
 }
 
 /**
@@ -481,21 +526,21 @@ watch(
   () => messages.value.length,
   (newLen, oldLen) => {
     // 仅处理新增（delta > 0）；删除 / 撤回让 length 减少时不动滚动状态
-    const delta = (newLen || 0) - (oldLen || 0)
+    const delta = (newLen || 0) - (oldLen || 0);
     if (delta <= 0) {
-      return
+      return;
     }
     // 用 BOTTOM_THRESHOLD（80px）做容差：用户稍微往上翻几行就视作"不在底部"，
     // 否则一直 auto-scroll 会把人正在读的内容顶走，体验糟糕
-    const dist = distanceFromBottom()
+    const dist = distanceFromBottom();
     if (dist <= BOTTOM_THRESHOLD) {
-      scrollToBottom()
+      scrollToBottom();
     } else {
-      newMessageCount.value += delta
-      showJumpToBottom.value = true
+      newMessageCount.value += delta;
+      showJumpToBottom.value = true;
     }
-  }
-)
+  },
+);
 
 /**
  * 切换会话：清空"在不在底部"相关状态、强制滚到底部、群会话预拉资料
@@ -505,26 +550,28 @@ watch(
 watch(
   () => [
     conversationStore.activeConversation?.type,
-    conversationStore.activeConversation?.targetId
+    conversationStore.activeConversation?.targetId,
   ],
   ([type, targetId]) => {
     // 切会话时上一会话的「未读累计 + 浮窗显示」必须清掉，否则会带到新会话里看起来很突兀
-    newMessageCount.value = 0
-    showJumpToBottom.value = false
+    newMessageCount.value = 0;
+    showJumpToBottom.value = false;
     // 抽屉里展示的群信息 / 好友信息属于上一会话，切会话时统一关掉
-    sideVisible.value = false
-    scrollToBottom()
+    sideVisible.value = false;
+    scrollToBottom();
     // 仅群聊预拉详情 / 成员（私聊对端在首屏 fetchFriendList 时就拉了）
     if (targetId && type === ImConversationType.GROUP) {
-      ensureGroupData(targetId)
+      ensureGroupData(targetId);
     }
   },
-  { immediate: true }
-)
+  { immediate: true },
+);
 </script>
 
 <template>
-  <div class="flex flex-1 flex-col min-w-0 bg-[var(--ant-color-fill-secondary)]">
+  <div
+    class="flex flex-1 flex-col min-w-0 bg-[var(--ant-color-fill-secondary)]"
+  >
     <template v-if="conversationStore.activeConversation">
       <!-- 顶部 header：第一行群名 + 右侧图标，第二行嵌入置顶气泡（仅群聊 + 有置顶） -->
       <div
@@ -648,7 +695,11 @@ watch(
               <Icon icon="ant-design:user-outlined" :size="11" />
             </span>
             <span>对方还不是你的朋友</span>
-            <Icon icon="ep:arrow-right" :size="12" class="text-[var(--ant-color-text-secondary)]" />
+            <Icon
+              icon="ep:arrow-right"
+              :size="12"
+              class="text-[var(--ant-color-text-secondary)]"
+            />
           </div>
         </div>
       </div>
@@ -701,7 +752,10 @@ watch(
       <!-- 底部：输入框（频道单向消息无需输入框）；多选模式底栏作为浮层盖在上面，保持下方输入框尺寸不变 -->
       <div v-if="!isChannel" class="relative">
         <MessageInput />
-        <MessageMultiSelectBar v-if="multiSelect.state.active" class="absolute inset-0 z-10" />
+        <MessageMultiSelectBar
+          v-if="multiSelect.state.active"
+          class="absolute inset-0 z-10"
+        />
       </div>
 
       <!-- 右侧信息抽屉：群聊 / 私聊各自一份 -->
@@ -730,10 +784,16 @@ watch(
       <MessageMergeDetailDialog ref="mergeDetailDialogRef" />
 
       <!-- 禁言时长选择弹窗 -->
-      <GroupMuteMemberDialog ref="muteMemberDialogRef" @success="reloadGroupData" />
+      <GroupMuteMemberDialog
+        ref="muteMemberDialogRef"
+        @success="reloadGroupData"
+      />
 
       <!-- 群通话成员选择弹窗 -->
-      <RtcCallMemberPickerDialog ref="callMemberPickerRef" @success="onCallMemberPicked" />
+      <RtcCallMemberPickerDialog
+        ref="callMemberPickerRef"
+        @success="onCallMemberPicked"
+      />
     </template>
     <div
       v-else
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-read-status.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-read-status.vue
index 804a3cf77..842ba1ce9 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-read-status.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/message-read-status.vue
@@ -1,36 +1,40 @@
 <script lang="ts" setup>
-import type { Message } from '../../../../types'
+import type { GroupMemberLite } from '../../../../components/group';
+import type { Message } from '../../../../types';
 
-import { computed, ref } from 'vue'
+import { computed, ref } from 'vue';
 
-import { CommonStatusEnum } from '@vben/constants'
+import { CommonStatusEnum } from '@vben/constants';
 
-import { Popover, TabPane, Tabs } from 'ant-design-vue'
+import { Popover, TabPane, Tabs } from 'ant-design-vue';
 
-import { getGroupReadUsers as apiGetGroupReadUsers } from '#/api/im/message/group'
+import { getGroupReadUsers as apiGetGroupReadUsers } from '#/api/im/message/group';
 
-import { ImConversationType, ImMessageReceiptStatus } from '../../../../../utils/constants'
-import { PagedScroller } from '../../../../components'
-import { GroupMember, type GroupMemberLite } from '../../../../components/group'
-import { useMessageStore } from '../../../../store/messageStore'
+import {
+  ImConversationType,
+  ImMessageReceiptStatus,
+} from '../../../../../utils/constants';
+import { PagedScroller } from '../../../../components';
+import { GroupMember } from '../../../../components/group';
+import { useMessageStore } from '../../../../store/messageStore';
 
-defineOptions({ name: 'ImMessageReadStatus' })
+defineOptions({ name: 'ImMessageReadStatus' });
 
 const props = defineProps<{
   // 当前群编号；供 loadReadUsers 作为 /im/message/group/get-read-users 的入参
-  groupId: number
+  groupId: number;
   // 当前群所有成员（外部 MessagePanel.groupMembers 传入；没有就传空数组，未读列表会变空但不报错）
-  groupMembers: GroupMemberLite[]
-  message: Message
-}>()
+  groupMembers: GroupMemberLite[];
+  message: Message;
+}>();
 
-const messageStore = useMessageStore()
+const messageStore = useMessageStore();
 
 // popover 开关：show 时拉已读名单，关闭后保留 readUserIds 缓存（重开同一条消息不再请求）
-const popVisible = ref(false)
-const activeTab = ref<'read' | 'unread'>('read')
+const popVisible = ref(false);
+const activeTab = ref<'read' | 'unread'>('read');
 // 服务端返回的"已读这条消息的 userId 列表"，未读靠 visibleMembers 减去这份得到
-const readUserIds = ref<number[]>([])
+const readUserIds = ref<number[]>([]);
 
 /**
  * 标签文案：
@@ -40,11 +44,11 @@ const readUserIds = ref<number[]>([])
  */
 const label = computed(() => {
   if (props.message.receiptStatus === ImMessageReceiptStatus.DONE) {
-    return '全部已读'
+    return '全部已读';
   }
-  const readCount = props.message.readCount || 0
-  return readCount > 0 ? `${readCount} 人已读` : '未读'
-})
+  const readCount = props.message.readCount || 0;
+  return readCount > 0 ? `${readCount} 人已读` : '未读';
+});
 
 /**
  * 这条消息"应该被谁看到"的可见成员集合（已读 / 未读两个 tab 共用基底）
@@ -56,25 +60,29 @@ const label = computed(() => {
  * 3. 已退群（status === DISABLE）：他读没读已经不关心，UI 不展示
  */
 const visibleMembers = computed<GroupMemberLite[]>(() => {
-  const receiverUserIds = props.message.receiverUserIds
-  const isDirected = !!receiverUserIds && receiverUserIds.length > 0
+  const receiverUserIds = props.message.receiverUserIds;
+  const isDirected = !!receiverUserIds && receiverUserIds.length > 0;
   return props.groupMembers.filter(
     (member) =>
       member.status !== CommonStatusEnum.DISABLE &&
       member.userId !== props.message.senderId &&
-      (!isDirected || receiverUserIds.includes(member.userId))
-  )
-})
+      (!isDirected || receiverUserIds.includes(member.userId)),
+  );
+});
 
 /** 已读 = 可见成员 ∩ readUserIds */
 const readMembers = computed(() =>
-  visibleMembers.value.filter((member) => readUserIds.value.includes(member.userId))
-)
+  visibleMembers.value.filter((member) =>
+    readUserIds.value.includes(member.userId),
+  ),
+);
 
 /** 未读 = 可见成员 − readUserIds */
 const unreadMembers = computed(() =>
-  visibleMembers.value.filter((member) => !readUserIds.value.includes(member.userId))
-)
+  visibleMembers.value.filter(
+    (member) => !readUserIds.value.includes(member.userId),
+  ),
+);
 
 /**
  * 拉取已读用户 id 列表
@@ -89,27 +97,27 @@ const unreadMembers = computed(() =>
  */
 async function loadReadUsers() {
   if (!props.message.id) {
-    return
+    return;
   }
   try {
     const userIds = await apiGetGroupReadUsers({
       groupId: props.groupId,
-      messageId: props.message.id
-    })
-    readUserIds.value = userIds || []
-    const readCount = readUserIds.value.length
+      messageId: props.message.id,
+    });
+    readUserIds.value = userIds || [];
+    const readCount = readUserIds.value.length;
     // 全可见成员都已读 → 更新为 DONE，让外面 label 直接命中「全部已读」分支；
     // 否则只更新 readCount，receiptStatus 维持不变（PENDING）
-    const allRead = readCount > 0 && readCount >= visibleMembers.value.length
+    const allRead = readCount > 0 && readCount >= visibleMembers.value.length;
     messageStore.applyMessageReadReceipt({
       conversationType: ImConversationType.GROUP,
       targetId: props.groupId,
       groupMessageId: props.message.id,
       readCount,
-      receiptStatus: allRead ? ImMessageReceiptStatus.DONE : undefined
-    })
+      receiptStatus: allRead ? ImMessageReceiptStatus.DONE : undefined,
+    });
   } catch (error) {
-    console.error('[IM] 拉取群已读列表失败:', error)
+    console.error('[IM] 拉取群已读列表失败:', error);
   }
 }
 </script>
@@ -138,9 +146,18 @@ async function loadReadUsers() {
     <template #content>
       <Tabs v-model:active-key="activeTab" centered>
         <TabPane :tab="`已读(${readMembers.length})`" key="read">
-          <PagedScroller :items="readMembers" :page-size="20" item-key="userId" class="h-75">
+          <PagedScroller
+            :items="readMembers"
+            :page-size="20"
+            item-key="userId"
+            class="h-75"
+          >
             <template #default="{ item }">
-              <GroupMember :member="item as GroupMemberLite" :height="40" :clickable="false" />
+              <GroupMember
+                :member="item as GroupMemberLite"
+                :height="40"
+                :clickable="false"
+              />
             </template>
           </PagedScroller>
           <div
@@ -151,9 +168,18 @@ async function loadReadUsers() {
           </div>
         </TabPane>
         <TabPane :tab="`未读(${unreadMembers.length})`" key="unread">
-          <PagedScroller :items="unreadMembers" :page-size="20" item-key="userId" class="h-75">
+          <PagedScroller
+            :items="unreadMembers"
+            :page-size="20"
+            item-key="userId"
+            class="h-75"
+          >
             <template #default="{ item }">
-              <GroupMember :member="item as GroupMemberLite" :height="40" :clickable="false" />
+              <GroupMember
+                :member="item as GroupMemberLite"
+                :height="40"
+                :clickable="false"
+              />
             </template>
           </PagedScroller>
           <div
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/reply-preview.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/reply-preview.vue
index 1cda681cb..f29e27164 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/reply-preview.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/reply-preview.vue
@@ -1,82 +1,90 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
+import type {
+  AudioMessage,
+  CardMessage,
+  FaceMessage,
+  FileMessage,
+  ImageMessage,
+  MaterialMessage,
+  QuoteMessage,
+  TextMessage,
+  VideoMessage,
+} from '#/views/im/utils/message';
 
-import { IconifyIcon as Icon } from '@vben/icons'
-import { formatFileSize } from '@vben/utils'
+import { computed } from 'vue';
 
-import { CardLineLabel } from '#/views/im/home/components/card'
-import { ImContentType } from '#/views/im/utils/constants'
-import { getClientConversationId } from '#/views/im/utils/db'
-import {
-  type AudioMessage,
-  type CardMessage,
-  type FaceMessage,
-  type FileMessage,
-  getFileIconInfo,
-  type ImageMessage,
-  type MaterialMessage,
-  parseMessage,
-  type QuoteMessage,
-  type TextMessage,
-  type VideoMessage
-} from '#/views/im/utils/message'
-import { formatSeconds } from '#/views/im/utils/time'
-import { getSenderDisplayName } from '#/views/im/utils/user'
+import { IconifyIcon as Icon } from '@vben/icons';
+import { formatFileSize } from '@vben/utils';
 
-import { useConversationStore } from '../../../../store/conversationStore'
-import { useMessageStore } from '../../../../store/messageStore'
+import { CardLineLabel } from '#/views/im/home/components/card';
+import { ImContentType } from '#/views/im/utils/constants';
+import { getClientConversationId } from '#/views/im/utils/db';
+import { getFileIconInfo, parseMessage } from '#/views/im/utils/message';
+import { formatSeconds } from '#/views/im/utils/time';
+import { getSenderDisplayName } from '#/views/im/utils/user';
 
-defineOptions({ name: 'ImReplyPreview' })
+import { useConversationStore } from '../../../../store/conversationStore';
+import { useMessageStore } from '../../../../store/messageStore';
+
+defineOptions({ name: 'ImReplyPreview' });
 
 const props = withDefaults(
   defineProps<{
     /** 气泡内为 true 支持点击跳转,输入条为 false */
-    clickable?: boolean
+    clickable?: boolean;
     /** 输入条为 true 显示 × 关闭按钮 */
-    closable?: boolean
+    closable?: boolean;
     /** 自己发送的气泡为 true，把竖线镜像到右侧，与气泡同侧 */
-    mirrored?: boolean
-    quote: QuoteMessage
+    mirrored?: boolean;
+    quote: QuoteMessage;
   }>(),
   {
     clickable: false,
     closable: false,
-    mirrored: false
-  }
-)
+    mirrored: false,
+  },
+);
 
 const emit = defineEmits<{
-  close: []
-  locate: [messageId: number]
-}>()
+  close: [];
+  locate: [messageId: number];
+}>();
 
-const MAX_TEXT_PREVIEW_LEN = 60 // 文本摘要在引用块里展示的最大字符数
+const MAX_TEXT_PREVIEW_LEN = 60; // 文本摘要在引用块里展示的最大字符数
 
-const conversationStore = useConversationStore()
-const messageStore = useMessageStore()
+const conversationStore = useConversationStore();
+const messageStore = useMessageStore();
 
 /** 在当前会话消息列表里查找原消息,仅用于实时判断是否已撤回;摘要 / 缩略图都从 quote.content 直接派生 */
 const liveMessage = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation || !props.quote.messageId) {
-    return undefined
+    return undefined;
   }
   return messageStore
-    .getMessages(getClientConversationId(conversation.type, conversation.targetId))
-    .find((message) => message.id === props.quote.messageId)
-})
+    .getMessages(
+      getClientConversationId(conversation.type, conversation.targetId),
+    )
+    .find((message) => message.id === props.quote.messageId);
+});
 
 /** 命中本地缓存且 type === RECALL 才判定为已撤回;不在缓存的当快照仍有效 */
-const isRecalled = computed(() => liveMessage.value?.type === ImContentType.RECALL)
+const isRecalled = computed(
+  () => liveMessage.value?.type === ImContentType.RECALL,
+);
 
 /** 渲染时实时算,与气泡上方显示名走同一套规则,避免备注变更后引用块陈旧 */
 const senderName = computed(() => {
-  const conversation = conversationStore.activeConversation
+  const conversation = conversationStore.activeConversation;
   if (!conversation) {
-    return ''
+    return '';
   }
-  return getSenderDisplayName(props.quote.senderId, conversation.type, conversation.targetId)
-})
+  return getSenderDisplayName(
+    props.quote.senderId,
+    conversation.type,
+    conversation.targetId,
+  );
+});
 
 /** quote.content 解析一次缓存，让多个 computed 复用，长会话每条引用气泡少一次 JSON.parse */
 type AnyQuotePayload = Partial<
@@ -88,49 +96,53 @@ type AnyQuotePayload = Partial<
     MaterialMessage &
     TextMessage &
     VideoMessage
->
-const parsedPayload = computed(() => parseMessage<AnyQuotePayload>(props.quote.content))
+>;
+const parsedPayload = computed(() =>
+  parseMessage<AnyQuotePayload>(props.quote.content),
+);
 
-const isText = computed(() => props.quote.type === ImContentType.TEXT)
-const isFile = computed(() => props.quote.type === ImContentType.FILE)
-const isVoice = computed(() => props.quote.type === ImContentType.VOICE)
-const isCard = computed(() => props.quote.type === ImContentType.CARD)
-const isFace = computed(() => props.quote.type === ImContentType.FACE)
-const isMaterial = computed(() => props.quote.type === ImContentType.MATERIAL)
+const isText = computed(() => props.quote.type === ImContentType.TEXT);
+const isFile = computed(() => props.quote.type === ImContentType.FILE);
+const isVoice = computed(() => props.quote.type === ImContentType.VOICE);
+const isCard = computed(() => props.quote.type === ImContentType.CARD);
+const isFace = computed(() => props.quote.type === ImContentType.FACE);
+const isMaterial = computed(() => props.quote.type === ImContentType.MATERIAL);
 
 /** 文本超过 MAX_TEXT_PREVIEW_LEN 截断，长内容不撑爆引用块 */
 const textPreview = computed(() => {
-  const text = parsedPayload.value?.content ?? ''
-  return text.length <= MAX_TEXT_PREVIEW_LEN ? text : `${text.slice(0, Math.max(0, MAX_TEXT_PREVIEW_LEN))}…`
-})
+  const text = parsedPayload.value?.content ?? '';
+  return text.length <= MAX_TEXT_PREVIEW_LEN
+    ? text
+    : `${text.slice(0, Math.max(0, MAX_TEXT_PREVIEW_LEN))}…`;
+});
 
 /** 文件 icon：按扩展名挑色，跟主气泡渲染同源 */
-const fileIcon = computed(() => getFileIconInfo(parsedPayload.value?.name))
+const fileIcon = computed(() => getFileIconInfo(parsedPayload.value?.name));
 
 /** 缩略图 URL：图片 / 视频 / 表情贴图 / 频道素材封面从 quote.content 直接取，不依赖本地缓存 */
 const thumbnailUrl = computed<string | undefined>(() => {
   if (isRecalled.value) {
-    return undefined
+    return undefined;
   }
-  const { type } = props.quote
+  const { type } = props.quote;
   if (type === ImContentType.IMAGE) {
-    return parsedPayload.value?.thumbnailUrl || parsedPayload.value?.url
+    return parsedPayload.value?.thumbnailUrl || parsedPayload.value?.url;
   }
   if (type === ImContentType.VIDEO || type === ImContentType.MATERIAL) {
-    return parsedPayload.value?.coverUrl
+    return parsedPayload.value?.coverUrl;
   }
   if (type === ImContentType.FACE) {
-    return parsedPayload.value?.url
+    return parsedPayload.value?.url;
   }
-  return undefined
-})
+  return undefined;
+});
 
 /** 仅 clickable 且未撤回时触发跳转 */
 function onClick() {
   if (!props.clickable || isRecalled.value) {
-    return
+    return;
   }
-  emit('locate', props.quote.messageId)
+  emit('locate', props.quote.messageId);
 }
 </script>
 
@@ -154,9 +166,11 @@ function onClick() {
         ? 'pl-1 pr-2 border-r-2 border-r-solid border-r-[var(--ant-color-border)]'
         : 'pl-2 pr-1 border-l-2 border-l-solid border-l-[var(--ant-color-border)]',
       {
-        'cursor-pointer hover:text-[var(--ant-color-text)]': clickable && !isRecalled,
-        'hover:bg-[var(--ant-color-fill-secondary)]': (clickable && !isRecalled) || closable
-      }
+        'cursor-pointer hover:text-[var(--ant-color-text)]':
+          clickable && !isRecalled,
+        'hover:bg-[var(--ant-color-fill-secondary)]':
+          (clickable && !isRecalled) || closable,
+      },
     ]"
     @click="onClick"
   >
@@ -166,11 +180,18 @@ function onClick() {
     <span v-if="isRecalled" class="italic">原消息已撤回</span>
 
     <!-- 文本 -->
-    <span v-else-if="isText" class="min-w-0 line-clamp-2 break-words">{{ textPreview }}</span>
+    <span v-else-if="isText" class="min-w-0 line-clamp-2 break-words">{{
+      textPreview
+    }}</span>
 
     <!-- 文件：icon + 文件名 + 大小 -->
     <template v-else-if="isFile">
-      <Icon :icon="fileIcon.icon" :color="fileIcon.color" :size="14" class="flex-shrink-0" />
+      <Icon
+        :icon="fileIcon.icon"
+        :color="fileIcon.color"
+        :size="14"
+        class="flex-shrink-0"
+      />
       <span v-if="parsedPayload?.name" class="min-w-0 line-clamp-2 break-words">
         {{ parsedPayload.name }}
       </span>
@@ -208,7 +229,10 @@ function onClick() {
     <!-- 频道素材：[频道] + 标题 + 封面缩略图 -->
     <template v-else-if="isMaterial">
       <span class="flex-shrink-0">[频道]</span>
-      <span v-if="parsedPayload?.title" class="min-w-0 line-clamp-2 break-words">
+      <span
+        v-if="parsedPayload?.title"
+        class="min-w-0 line-clamp-2 break-words"
+      >
         {{ parsedPayload.title }}
       </span>
     </template>
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/message/tip-segments.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/message/tip-segments.vue
index 19b7be2b1..c9cc9b4ca 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/components/message/tip-segments.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/components/message/tip-segments.vue
@@ -5,31 +5,31 @@
   - text 段原样输出
 -->
 <script lang="ts" setup>
-import type { TipSegment } from '#/views/im/utils/message'
+import type { TipSegment } from '#/views/im/utils/message';
 
-import { IM_AT_ALL_USER_ID } from '#/views/im/utils/constants'
-import { openMentionUserInfoCardAtEvent } from '#/views/im/utils/user'
+import { IM_AT_ALL_USER_ID } from '#/views/im/utils/constants';
+import { openMentionUserInfoCardAtEvent } from '#/views/im/utils/user';
 
-defineOptions({ name: 'ImTipSegments' })
+defineOptions({ name: 'ImTipSegments' });
 
 defineProps<{
-  segments: TipSegment[]
-}>()
+  segments: TipSegment[];
+}>();
 
 /** @全体成员是广播 mention，仅高亮配色，不挂可点击交互 */
 function isClickableMention(segment: { userId: number }): boolean {
-  return segment.userId !== IM_AT_ALL_USER_ID
+  return segment.userId !== IM_AT_ALL_USER_ID;
 }
 
 /** mention 段点击：fallbackName 取 segment 文本，避免 friend / member 都查不到时弹空 */
 function handleMentionClick(
-  segment: { text: string; type: 'mention'; userId: number; },
-  event: MouseEvent
+  segment: { text: string; type: 'mention'; userId: number },
+  event: MouseEvent,
 ) {
   if (!isClickableMention(segment)) {
-    return
+    return;
   }
-  openMentionUserInfoCardAtEvent(segment.userId, event, segment.text)
+  openMentionUserInfoCardAtEvent(segment.userId, event, segment.text);
 }
 </script>
 
@@ -40,7 +40,9 @@ function handleMentionClick(
       class="text-[#576b95]"
       :class="{ 'cursor-pointer hover:underline': isClickableMention(segment) }"
       @click.stop="handleMentionClick(segment, $event)"
-      >{{ segment.text }}</span>
+    >
+      {{ segment.text }}
+    </span>
     <a
       v-else-if="segment.type === 'link'"
       :href="segment.href"
@@ -48,7 +50,9 @@ function handleMentionClick(
       rel="noopener noreferrer"
       class="text-[#576b95] hover:underline break-all"
       @click.stop
-      >{{ segment.text }}</a>
+    >
+      {{ segment.text }}
+    </a>
     <span v-else>{{ segment.text }}</span>
   </template>
 </template>
diff --git a/apps/web-antd/src/views/im/home/pages/conversation/index.vue b/apps/web-antd/src/views/im/home/pages/conversation/index.vue
index b18421510..a0a2415e8 100644
--- a/apps/web-antd/src/views/im/home/pages/conversation/index.vue
+++ b/apps/web-antd/src/views/im/home/pages/conversation/index.vue
@@ -1,64 +1,74 @@
 <script lang="ts" setup>
-import type { Conversation } from '../../types'
+import type { Conversation } from '../../types';
 
-import { computed, nextTick, ref, watch } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue';
 
-import { IconifyIcon as Icon } from '@vben/icons'
+import { IconifyIcon as Icon } from '@vben/icons';
 
-import { Button, Dropdown, Input, Menu } from 'ant-design-vue'
+import { Button, Dropdown, Input, Menu } from 'ant-design-vue';
 
-import { ImConversationType } from '../../../utils/constants'
-import { filterConversationsByKeyword, getConversationKey } from '../../../utils/conversation'
-import { StorageKeys } from '../../../utils/db'
-import { getGroupDisplayName } from '../../../utils/user'
-import { ResizableAside } from '../../components'
-import { FriendAddDialog } from '../../components/friend'
-import { GroupCreateDialog } from '../../components/group'
-import { useConversationStore } from '../../store/conversationStore'
-import { useGroupStore } from '../../store/groupStore'
-import { useImUiStore } from '../../store/uiStore'
-import { ConversationItem, MessagePanel } from './components'
+import { ImConversationType } from '../../../utils/constants';
+import {
+  filterConversationsByKeyword,
+  getConversationKey,
+} from '../../../utils/conversation';
+import { StorageKeys } from '../../../utils/db';
+import { getGroupDisplayName } from '../../../utils/user';
+import { ResizableAside } from '../../components';
+import { FriendAddDialog } from '../../components/friend';
+import { GroupCreateDialog } from '../../components/group';
+import { useConversationStore } from '../../store/conversationStore';
+import { useGroupStore } from '../../store/groupStore';
+import { useImUiStore } from '../../store/uiStore';
+import { ConversationItem, MessagePanel } from './components';
 
-defineOptions({ name: 'ImMessagePage' })
+defineOptions({ name: 'ImMessagePage' });
 
-const conversationStore = useConversationStore()
-const groupStore = useGroupStore()
-const uiStore = useImUiStore()
+const conversationStore = useConversationStore();
+const groupStore = useGroupStore();
+const uiStore = useImUiStore();
 
 // ==================== 会话列表 ====================
 
-const keyword = ref('')
+const keyword = ref('');
 
-const sortedConversations = computed(() => conversationStore.getSortedConversationList)
+const sortedConversations = computed(
+  () => conversationStore.getSortedConversationList,
+);
 
 /** 顶部搜索框过滤会话：只按 name 模糊匹配，避免命中 lastContent 等次要字段干扰 */
 const filteredConversations = computed(() =>
-  filterConversationsByKeyword(sortedConversations.value, keyword.value)
-)
+  filterConversationsByKeyword(sortedConversations.value, keyword.value),
+);
 
 // ==================== 置顶相关 ====================
 
-const PINNED_FOLD_THRESHOLD = 3 // 置顶超过该数量时显示折叠入口；以下数量直接铺开（避免单条置顶就出折叠头视觉太重）
+const PINNED_FOLD_THRESHOLD = 3; // 置顶超过该数量时显示折叠入口；以下数量直接铺开（避免单条置顶就出折叠头视觉太重）
 
 // 置顶折叠展开态：localStorage 持久化，刷新后保留用户上次的选择，对齐微信
 const pinnedExpanded = ref(
-  localStorage.getItem(StorageKeys.localStorage.conversationPinnedExpanded) === 'true'
-)
+  localStorage.getItem(StorageKeys.localStorage.conversationPinnedExpanded) ===
+    'true',
+);
 
 /** toggle + 写盘 */
 function togglePinnedExpanded() {
-  pinnedExpanded.value = !pinnedExpanded.value
+  pinnedExpanded.value = !pinnedExpanded.value;
   localStorage.setItem(
     StorageKeys.localStorage.conversationPinnedExpanded,
-    String(pinnedExpanded.value)
-  )
+    String(pinnedExpanded.value),
+  );
 }
 
 /** 置顶会话：单独切片，给折叠头计数 + 折叠区渲染用 */
-const pinnedConversations = computed(() => filteredConversations.value.filter((c) => c.top))
+const pinnedConversations = computed(() =>
+  filteredConversations.value.filter((c) => c.top),
+);
 
 /** 非置顶会话：折叠态下始终铺开在折叠头之下 */
-const normalConversations = computed(() => filteredConversations.value.filter((c) => !c.top))
+const normalConversations = computed(() =>
+  filteredConversations.value.filter((c) => !c.top),
+);
 
 /**
  * 置顶分两堆：visible（折叠头之上 = 未读 + 当前激活）/ foldable（折叠头之下）；一次 partition 完成
@@ -66,32 +76,34 @@ const normalConversations = computed(() => filteredConversations.value.filter((c
  * 当前激活会话也"钉"在 visible：避免点开未读置顶 → 立刻被读 → 列表一闪重排回折叠的体验
  */
 const pinnedGroups = computed(() => {
-  const visible: Conversation[] = []
-  const foldable: Conversation[] = []
+  const visible: Conversation[] = [];
+  const foldable: Conversation[] = [];
   for (const conversation of pinnedConversations.value) {
     if (isActiveConversation(conversation) || hasUnreadBadge(conversation)) {
-      visible.push(conversation)
+      visible.push(conversation);
     } else {
-      foldable.push(conversation)
+      foldable.push(conversation);
     }
   }
-  return { visible, foldable }
-})
+  return { visible, foldable };
+});
 
 /** 折叠时只渲 visible（未读 / 激活穿透）；展开时渲全部 —— 展开后不分组，避免点击折叠区跨组上跳 */
 const renderedPinnedConversations = computed(() =>
-  pinnedExpanded.value ? pinnedConversations.value : pinnedGroups.value.visible
-)
+  pinnedExpanded.value ? pinnedConversations.value : pinnedGroups.value.visible,
+);
 
 /** 置顶折叠时是否上浮到折叠头之上：仅以数字徽标为准；免打扰即便有未读也只展示小红点，不参与上浮 */
 function hasUnreadBadge(conversation: Conversation): boolean {
-  return !conversation.silent && (conversation.unreadCount || 0) > 0
+  return !conversation.silent && (conversation.unreadCount || 0) > 0;
 }
 
 /** 是否为当前激活会话 */
 function isActiveConversation(conversation: Conversation): boolean {
-  const active = conversationStore.activeConversation
-  return !!active && getConversationKey(active) === getConversationKey(conversation)
+  const active = conversationStore.activeConversation;
+  return (
+    !!active && getConversationKey(active) === getConversationKey(conversation)
+  );
 }
 
 /**
@@ -99,36 +111,38 @@ function isActiveConversation(conversation: Conversation): boolean {
  * 置顶数 < 阈值也不分组，避免单条置顶就出折叠头视觉太重
  */
 const showPinnedSection = computed(
-  () => !keyword.value.trim() && pinnedConversations.value.length >= PINNED_FOLD_THRESHOLD
-)
+  () =>
+    !keyword.value.trim() &&
+    pinnedConversations.value.length >= PINNED_FOLD_THRESHOLD,
+);
 
 // ==================== 添加朋友 ====================
 
-const friendAddDialogRef = ref<InstanceType<typeof FriendAddDialog>>() // 添加朋友弹窗 ref：右上角 +-下拉「添加朋友」入口调 open() 触发
+const friendAddDialogRef = ref<InstanceType<typeof FriendAddDialog>>(); // 添加朋友弹窗 ref：右上角 +-下拉「添加朋友」入口调 open() 触发
 
 // ==================== 建群相关 ====================
 
-const createGroupDialogRef = ref<InstanceType<typeof GroupCreateDialog>>() // 发起群聊弹窗 ref：handleOpenCreateGroup 调 open() 打开
+const createGroupDialogRef = ref<InstanceType<typeof GroupCreateDialog>>(); // 发起群聊弹窗 ref：handleOpenCreateGroup 调 open() 打开
 
 /** 打开发起群聊弹窗：无锁定项的全局入口 */
 function handleOpenCreateGroup() {
-  createGroupDialogRef.value?.open()
+  createGroupDialogRef.value?.open();
 }
 
 /** 处理建群成功 */
 function handleGroupCreated(groupId: number) {
   // GroupCreateDialog 已经 upsertGroup 把新群写进 store，这里只 get + 打开会话
-  const group = groupStore.getGroup(groupId)
+  const group = groupStore.getGroup(groupId);
   if (!group) {
-    return
+    return;
   }
   conversationStore.openConversation(
     groupId,
     ImConversationType.GROUP,
     getGroupDisplayName(group),
     group.avatar || '',
-    { silent: !!group.silent }
-  )
+    { silent: !!group.silent },
+  );
 }
 
 // ==================== 滚动到下一个未读 ====================
@@ -136,59 +150,78 @@ function handleGroupCreated(groupId: number) {
 // 含免打扰会话（小红点也算未读）；通过维护 lastJumpedConversationKey 让连续点击顺序穿过整个未读列表
 
 /** 上次命中的未读会话 key；为空时从未读列表头开始 */
-let lastJumpedConversationKey: null | string = null
+let lastJumpedConversationKey: null | string = null;
 
 /** 滚动到下一个未读会话（含免打扰）；目标被搜索框过滤或藏在置顶折叠区时先解除拦截再滚 */
 async function jumpToNextUnread() {
   // 含免打扰的全量未读会话；空则直接返回
-  const unreadList = sortedConversations.value.filter((c) => (c.unreadCount || 0) > 0)
+  const unreadList = sortedConversations.value.filter(
+    (c) => (c.unreadCount || 0) > 0,
+  );
   if (unreadList.length === 0) {
-    return
+    return;
   }
   // 从上次命中那条往后推一位；首次或上次目标已读完不在列表里时，refIndex=-1，从头开始
   const refIndex = lastJumpedConversationKey
-    ? unreadList.findIndex((c) => getConversationKey(c) === lastJumpedConversationKey)
-    : -1
-  const target = unreadList[(refIndex + 1) % unreadList.length]
+    ? unreadList.findIndex(
+        (c) => getConversationKey(c) === lastJumpedConversationKey,
+      )
+    : -1;
+  const target = unreadList[(refIndex + 1) % unreadList.length];
   if (!target) {
-    return
+    return;
   }
-  const key = getConversationKey(target)
-  lastJumpedConversationKey = key
+  const key = getConversationKey(target);
+  lastJumpedConversationKey = key;
 
   // 目标被搜索关键字过滤掉：清空 keyword 让它重新进入可见列表
-  if (keyword.value && !filteredConversations.value.some((c) => getConversationKey(c) === key)) {
-    keyword.value = ''
+  if (
+    keyword.value &&
+    !filteredConversations.value.some((c) => getConversationKey(c) === key)
+  ) {
+    keyword.value = '';
   }
   // 目标藏在置顶折叠区：临时展开；不写 localStorage，刷新后还原折叠态
-  const inFoldable = pinnedGroups.value.foldable.some((c) => getConversationKey(c) === key)
+  const inFoldable = pinnedGroups.value.foldable.some(
+    (c) => getConversationKey(c) === key,
+  );
   if (inFoldable && !pinnedExpanded.value) {
-    pinnedExpanded.value = true
+    pinnedExpanded.value = true;
   }
 
   // 等 keyword / pinnedExpanded 变化反应到 DOM 后再去取目标元素
-  await nextTick()
-  const el = document.querySelector(`[data-conversation-key="${key}"]`) as HTMLElement | null
+  await nextTick();
+  const el = document.querySelector(
+    `[data-conversation-key="${key}"]`,
+  ) as HTMLElement | null;
   if (!el) {
-    return
+    return;
   }
   // block: 'start' 把目标会话顶到列表可视区第一行；对齐微信"切到下一个未读=列表的第一条"
-  el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  el.scrollIntoView({ behavior: 'smooth', block: 'start' });
 }
 
-watch(() => uiStore.nextUnreadJumpNonce, jumpToNextUnread)
+watch(() => uiStore.nextUnreadJumpNonce, jumpToNextUnread);
 </script>
 
 <template>
   <!-- 消息 Tab：左侧会话列表 + 右侧聊天面板 -->
   <div class="flex flex-1 min-w-0 h-full">
     <!-- 左侧会话列表（可拖拽宽度） -->
-    <ResizableAside :default-width="260" :storage-key="StorageKeys.localStorage.asideWidth">
+    <ResizableAside
+      :default-width="260"
+      :storage-key="StorageKeys.localStorage.asideWidth"
+    >
       <!-- 顶部：搜索框 + "+" 号下拉（对齐微信 PC：发起群聊 / 添加朋友）；h-14 与右侧 MessagePanel 头部对齐 -->
       <div
         class="flex flex-shrink-0 gap-2 items-center h-14 px-4 border-b border-b-solid border-[var(--im-border-color-lighter)]"
       >
-        <Input v-model:value="keyword" placeholder="搜索" allow-clear class="flex-1">
+        <Input
+          v-model:value="keyword"
+          placeholder="搜索"
+          allow-clear
+          class="flex-1"
+        >
           <template #prefix>
             <Icon icon="ant-design:search-outlined" />
           </template>
@@ -248,7 +281,11 @@ watch(() => uiStore.nextUnreadJumpNonce, jumpToNextUnread)
               }}
             </span>
             <Icon
-              :icon="pinnedExpanded ? 'ant-design:up-outlined' : 'ant-design:down-outlined'"
+              :icon="
+                pinnedExpanded
+                  ? 'ant-design:up-outlined'
+                  : 'ant-design:down-outlined'
+              "
               :size="11"
               class="text-[var(--ant-color-text-placeholder)]"
             />
@@ -276,6 +313,9 @@ watch(() => uiStore.nextUnreadJumpNonce, jumpToNextUnread)
 
     <!-- 添加朋友 / 发起群聊弹窗 -->
     <FriendAddDialog ref="friendAddDialogRef" />
-    <GroupCreateDialog ref="createGroupDialogRef" @created="handleGroupCreated" />
+    <GroupCreateDialog
+      ref="createGroupDialogRef"
+      @created="handleGroupCreated"
+    />
   </div>
 </template>
diff --git a/apps/web-antd/src/views/im/home/store/channelStore.ts b/apps/web-antd/src/views/im/home/store/channelStore.ts
index 3f059ca0c..70a3a6a18 100644
--- a/apps/web-antd/src/views/im/home/store/channelStore.ts
+++ b/apps/web-antd/src/views/im/home/store/channelStore.ts
@@ -1,12 +1,12 @@
-import type { ImManagerChannelApi } from '#/api/im/manager/channel'
+import type { ImManagerChannelApi } from '#/api/im/manager/channel';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { getSimpleChannelList } from '#/api/im/manager/channel'
+import { getSimpleChannelList } from '#/api/im/manager/channel';
 
-import { ImConversationType } from '../../utils/constants'
-import { getDb } from '../../utils/db'
-import { useConversationStore } from './conversationStore'
+import { ImConversationType } from '../../utils/constants';
+import { getDb } from '../../utils/db';
+import { useConversationStore } from './conversationStore';
 
 /**
  * IM 频道 Store
@@ -17,13 +17,13 @@ import { useConversationStore } from './conversationStore'
 export const useChannelStore = defineStore('imChannelStore', {
   state: () => ({
     channels: [] as ImManagerChannelApi.Channel[],
-    loaded: false
+    loaded: false,
   }),
 
   getters: {
     getChannel(state): (id: number) => ImManagerChannelApi.Channel | undefined {
-      return (id: number) => state.channels.find((c) => c.id === id)
-    }
+      return (id: number) => state.channels.find((c) => c.id === id);
+    },
   },
 
   actions: {
@@ -32,15 +32,16 @@ export const useChannelStore = defineStore('imChannelStore', {
     /** 从 IndexedDB 恢复频道列表 */
     async loadChannelList(): Promise<boolean> {
       try {
-        const cached = await getDb().getAll<ImManagerChannelApi.Channel>('channels')
+        const cached =
+          await getDb().getAll<ImManagerChannelApi.Channel>('channels');
         if (!cached || cached.length === 0) {
-          return false
+          return false;
         }
-        this.channels = cached
-        return true
+        this.channels = cached;
+        return true;
       } catch (error) {
-        console.warn('[IM channelStore] 本地频道缓存读取失败', error)
-        return false
+        console.warn('[IM channelStore] 本地频道缓存读取失败', error);
+        return false;
       }
     },
 
@@ -48,13 +49,15 @@ export const useChannelStore = defineStore('imChannelStore', {
     saveChannelList(): void {
       void getDb()
         .transaction(['channels'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.clearStore('channels', tx)
+          const db = getDb();
+          await db.clearStore('channels', tx);
           for (const channel of this.channels) {
-            await db.put('channels', channel, tx)
+            await db.put('channels', channel, tx);
           }
         })
-        .catch((error) => console.warn('[IM channelStore] 本地频道缓存写入失败', error))
+        .catch((error) =>
+          console.warn('[IM channelStore] 本地频道缓存写入失败', error),
+        );
     },
 
     // ==================== 远端拉取 ====================
@@ -62,47 +65,51 @@ export const useChannelStore = defineStore('imChannelStore', {
     /** 拉取启用的频道精简列表；成功后回填会话列表已有的频道 name / avatar，覆盖 IDB 旧占位 */
     async fetchChannelList(force = false) {
       if (this.loaded && !force) {
-        return
+        return;
       }
       try {
-        this.channels = (await getSimpleChannelList()) || []
-        this.loaded = true
-        this.syncChannelConversationMetadata()
-        this.saveChannelList()
+        this.channels = (await getSimpleChannelList()) || [];
+        this.loaded = true;
+        this.syncChannelConversationMetadata();
+        this.saveChannelList();
       } catch (error) {
-        console.warn('[IM channelStore] fetchChannelList 失败', error)
+        console.warn('[IM channelStore] fetchChannelList 失败', error);
       }
     },
 
     /** 用最新的频道信息覆盖已有 CHANNEL 会话的 name / avatar */
     syncChannelConversationMetadata() {
-      const conversationStore = useConversationStore()
-      const indexed = new Map(this.channels.map((c) => [c.id, c]))
+      const conversationStore = useConversationStore();
+      const indexed = new Map(this.channels.map((c) => [c.id, c]));
       conversationStore.conversations.forEach((conversation) => {
         if (conversation.type !== ImConversationType.CHANNEL) {
-          return
+          return;
         }
-        const channel = indexed.get(conversation.targetId)
+        const channel = indexed.get(conversation.targetId);
         if (!channel) {
-          return
+          return;
         }
-        conversationStore.updateConversation(ImConversationType.CHANNEL, conversation.targetId, {
-          name: channel.name,
-          avatar: channel.avatar
-        })
-      })
+        conversationStore.updateConversation(
+          ImConversationType.CHANNEL,
+          conversation.targetId,
+          {
+            name: channel.name,
+            avatar: channel.avatar,
+          },
+        );
+      });
     },
 
     /** 清空频道内存 */
     clear() {
-      this.channels = []
-      this.loaded = false
-    }
-  }
-})
+      this.channels = [];
+      this.loaded = false;
+    },
+  },
+});
 
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useChannelStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useChannelStore, import.meta.hot));
 }
 
-export const useChannelStoreWithOut = () => useChannelStore()
+export const useChannelStoreWithOut = () => useChannelStore();
diff --git a/apps/web-antd/src/views/im/home/store/conversationStore.ts b/apps/web-antd/src/views/im/home/store/conversationStore.ts
index a799ffc60..88a1930ab 100644
--- a/apps/web-antd/src/views/im/home/store/conversationStore.ts
+++ b/apps/web-antd/src/views/im/home/store/conversationStore.ts
@@ -1,76 +1,77 @@
+import type { DbTransaction } from '../../utils/db';
 import type {
   Conversation,
   ConversationDO,
   ConversationRead,
   ConversationReadDO,
-  MessageDO
-} from '../types'
+  MessageDO,
+} from '../types';
 
-import type { ImConversationReadApi } from '#/api/im/conversation/read'
+import type { ImConversationReadApi } from '#/api/im/conversation/read';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { pullMyConversationReadList as apiPullMyConversationReadList } from '#/api/im/conversation/read'
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { pullMyConversationReadList as apiPullMyConversationReadList } from '#/api/im/conversation/read';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
-import { CONVERSATION_RECENT_FORWARD_MAX } from '../../utils/config'
+import { CONVERSATION_RECENT_FORWARD_MAX } from '../../utils/config';
 import {
   ImConversationType,
   ImMessageReceiptStatus,
   ImMessageStatus,
-  isNormalMessage
-} from '../../utils/constants'
-import { type DbTransaction, getClientConversationId, getDb, StorageKeys } from '../../utils/db'
-import { runIncrementalPull } from '../../utils/pull'
-import { useMessageStore } from './messageStore'
+  isNormalMessage,
+} from '../../utils/constants';
+import { getClientConversationId, getDb, StorageKeys } from '../../utils/db';
+import { runIncrementalPull } from '../../utils/pull';
+import { useMessageStore } from './messageStore';
 
-const PERSIST_DRAFT_DEBOUNCE_MS = 500
-const pendingDraftConversations = new Set<Conversation>()
+const PERSIST_DRAFT_DEBOUNCE_MS = 500;
+const pendingDraftConversations = new Set<Conversation>();
 
 /** 创建会话读位置记录 */
 function createConversationRead(
   type: number,
   targetId: number,
-  messageId: number
+  messageId: number,
 ): ConversationRead {
   return {
     conversationType: type,
     targetId,
     messageId,
-    updateTime: Date.now()
-  }
+    updateTime: Date.now(),
+  };
 }
 
 /** 创建草稿保存防抖函数 */
 function createDraftDebounce(fn: () => void, wait: number) {
-  let timer: ReturnType<typeof setTimeout> | undefined
+  let timer: ReturnType<typeof setTimeout> | undefined;
 
   const run = () => {
     if (timer) {
-      clearTimeout(timer)
-      timer = undefined
+      clearTimeout(timer);
+      timer = undefined;
     }
-    fn()
-  }
+    fn();
+  };
   const debounced = () => {
     if (timer) {
-      clearTimeout(timer)
+      clearTimeout(timer);
     }
-    timer = setTimeout(run, wait)
-  }
+    timer = setTimeout(run, wait);
+  };
   debounced.cancel = () => {
     if (timer) {
-      clearTimeout(timer)
-      timer = undefined
+      clearTimeout(timer);
+      timer = undefined;
     }
-  }
-  debounced.flush = run
-  return debounced
+  };
+  debounced.flush = run;
+  return debounced;
 }
 
 /** 会话转 IndexedDB 记录 */
 function toConversationDO(conversation: Conversation): ConversationDO {
-  const draft = conversation.draft
+  const draft = conversation.draft;
   return {
     targetId: conversation.targetId,
     type: conversation.type,
@@ -93,18 +94,20 @@ function toConversationDO(conversation: Conversation): ConversationDO {
     silent: conversation.silent,
     atMe: conversation.atMe,
     atAll: conversation.atAll,
-    draft: draft ? { ...draft, reply: draft.reply ? { ...draft.reply } : undefined } : undefined,
-    clientConversationId: getClientConversationId(conversation.type, conversation.targetId)
-  }
+    draft: draft
+      ? { ...draft, reply: draft.reply ? { ...draft.reply } : undefined }
+      : undefined,
+    clientConversationId: getClientConversationId(
+      conversation.type,
+      conversation.targetId,
+    ),
+  };
 }
 
 /** IndexedDB 记录转会话 */
 function fromConversationDO(conversation: ConversationDO): Conversation {
-  const {
-    clientConversationId: _clientConversationId,
-    ...rest
-  } = conversation
-  return rest
+  const { clientConversationId: _clientConversationId, ...rest } = conversation;
+  return rest;
 }
 
 /** 会话读位置转 IndexedDB 记录 */
@@ -114,26 +117,31 @@ function toConversationReadDO(record: ConversationRead): ConversationReadDO {
     targetId: record.targetId,
     messageId: record.messageId,
     updateTime: record.updateTime,
-    clientConversationId: getClientConversationId(record.conversationType, record.targetId)
-  }
+    clientConversationId: getClientConversationId(
+      record.conversationType,
+      record.targetId,
+    ),
+  };
 }
 
 /** IndexedDB 记录转会话读位置 */
 function fromConversationReadDO(record: ConversationReadDO): ConversationRead {
-  const { clientConversationId: _clientConversationId, ...rest } = record
-  return rest
+  const { clientConversationId: _clientConversationId, ...rest } = record;
+  return rest;
 }
 
 /** 是否为有效会话读位置 */
-function isValidConversationReadRecord(record: ImConversationReadApi.ConversationReadRespVO): boolean {
-  return !!record.conversationType && !!record.targetId && !!record.messageId
+function isValidConversationReadRecord(
+  record: ImConversationReadApi.ConversationReadRespVO,
+): boolean {
+  return !!record.conversationType && !!record.targetId && !!record.messageId;
 }
 
 /** 获取对方普通消息最大编号 */
 function getMaxIncomingNormalMessageId(
-  messages: Array<Pick<MessageDO, 'id' | 'selfSend' | 'status' | 'type'>>
+  messages: Array<Pick<MessageDO, 'id' | 'selfSend' | 'status' | 'type'>>,
 ): number {
-  let maxMessageId = 0
+  let maxMessageId = 0;
   for (const message of messages) {
     if (
       message.id &&
@@ -142,10 +150,10 @@ function getMaxIncomingNormalMessageId(
       message.status !== ImMessageStatus.RECALL &&
       message.id > maxMessageId
     ) {
-      maxMessageId = message.id
+      maxMessageId = message.id;
     }
   }
-  return maxMessageId
+  return maxMessageId;
 }
 
 export const useConversationStore = defineStore('imConversationStore', {
@@ -154,7 +162,7 @@ export const useConversationStore = defineStore('imConversationStore', {
     conversationReads: {} as Record<string, ConversationRead>, // 会话读位置
     activeConversation: null as Conversation | null, // 当前激活的会话
     loading: false, // 是否正在批量加载
-    recentForwardConversationKeys: [] as string[] // 最近转发会话 key 列表
+    recentForwardConversationKeys: [] as string[], // 最近转发会话 key 列表
   }),
 
   getters: {
@@ -163,20 +171,23 @@ export const useConversationStore = defineStore('imConversationStore', {
       return state.conversations
         .filter((conversation) => !conversation.deleted)
         .toSorted((a, b) => {
-          const aTop = a.top ? 1 : 0
-          const bTop = b.top ? 1 : 0
+          const aTop = a.top ? 1 : 0;
+          const bTop = b.top ? 1 : 0;
           if (aTop !== bTop) {
-            return bTop - aTop
+            return bTop - aTop;
           }
-          return (b.lastSendTime || 0) - (a.lastSendTime || 0)
-        })
+          return (b.lastSendTime || 0) - (a.lastSendTime || 0);
+        });
     },
 
     /** 未读总数 */
     getTotalUnreadCount(state): number {
       return state.conversations
         .filter((conversation) => !conversation.deleted && !conversation.silent)
-        .reduce((sum, conversation) => sum + (conversation.unreadCount || 0), 0)
+        .reduce(
+          (sum, conversation) => sum + (conversation.unreadCount || 0),
+          0,
+        );
     },
 
     /** 查找会话 */
@@ -184,47 +195,60 @@ export const useConversationStore = defineStore('imConversationStore', {
       (state) =>
       (type: number, targetId: number): Conversation | undefined =>
         state.conversations.find(
-          (conversation) => conversation.type === type && conversation.targetId === targetId
+          (conversation) =>
+            conversation.type === type && conversation.targetId === targetId,
         ),
 
     /** 查找会话读位置 */
     getConversationRead:
       (state) =>
       (type: number, targetId: number): ConversationRead | undefined =>
-        state.conversationReads[getClientConversationId(type, targetId)]
+        state.conversationReads[getClientConversationId(type, targetId)],
   },
 
   actions: {
     /** 加载会话 */
     async loadConversationList() {
       // 1. 清理旧账号内存
-      const userId = getCurrentUserId()
+      const userId = getCurrentUserId();
       if (!userId) {
-        this.clear()
-        return
+        this.clear();
+        return;
       }
       const previousActiveKey = this.activeConversation
-        ? getClientConversationId(this.activeConversation.type, this.activeConversation.targetId)
-        : null
-      this.clear()
+        ? getClientConversationId(
+            this.activeConversation.type,
+            this.activeConversation.targetId,
+          )
+        : null;
+      this.clear();
       // 2. 从 IndexedDB 读取会话和轻量设置
-      const db = getDb()
+      const db = getDb();
       const [conversations, conversationReads, recent] = await Promise.all([
         db.getAll<ConversationDO>('conversations'),
         db.getAll<ConversationReadDO>('conversationReads'),
-        db.getSetting<string[]>(StorageKeys.settings.recentForwardConversationKeys)
-      ])
-      const nextConversationReads: Record<string, ConversationRead> = {}
+        db.getSetting<string[]>(
+          StorageKeys.settings.recentForwardConversationKeys,
+        ),
+      ]);
+      const nextConversationReads: Record<string, ConversationRead> = {};
       for (const record of conversationReads) {
-        const item = fromConversationReadDO(record)
-        nextConversationReads[getClientConversationId(item.conversationType, item.targetId)] = item
+        const item = fromConversationReadDO(record);
+        nextConversationReads[
+          getClientConversationId(item.conversationType, item.targetId)
+        ] = item;
       }
-      const nextConversations = conversations.map((conversation) => fromConversationDO(conversation))
-      this.conversationReads = nextConversationReads
-      await this.applyLocalConversationReads(nextConversations)
-      this.conversations = nextConversations
+      const nextConversations = conversations.map((conversation) =>
+        fromConversationDO(conversation),
+      );
+      this.conversationReads = nextConversationReads;
+      await this.applyLocalConversationReads(nextConversations);
+      this.conversations = nextConversations;
       if (Array.isArray(recent)) {
-        this.recentForwardConversationKeys = recent.slice(0, CONVERSATION_RECENT_FORWARD_MAX)
+        this.recentForwardConversationKeys = recent.slice(
+          0,
+          CONVERSATION_RECENT_FORWARD_MAX,
+        );
       }
       // 3. 恢复当前激活会话
       if (previousActiveKey) {
@@ -232,206 +256,250 @@ export const useConversationStore = defineStore('imConversationStore', {
           this.conversations.find(
             (conversation) =>
               !conversation.deleted &&
-              getClientConversationId(conversation.type, conversation.targetId) ===
-                previousActiveKey
-          ) ?? null
+              getClientConversationId(
+                conversation.type,
+                conversation.targetId,
+              ) === previousActiveKey,
+          ) ?? null;
       }
     },
 
     /** 清空会话内存 */
     clear() {
-      saveDraftConversationListDebounced.cancel()
-      pendingDraftConversations.clear()
-      this.conversations = []
-      this.conversationReads = {}
-      this.activeConversation = null
-      this.recentForwardConversationKeys = []
+      saveDraftConversationListDebounced.cancel();
+      pendingDraftConversations.clear();
+      this.conversations = [];
+      this.conversationReads = {};
+      this.activeConversation = null;
+      this.recentForwardConversationKeys = [];
     },
 
     /** 持久化会话读位置 */
     async saveConversationReadRecord(
       target: ConversationRead | ConversationRead[] | null | undefined,
-      tx?: DbTransaction
+      tx?: DbTransaction,
     ): Promise<void> {
-      let targets: ConversationRead[] = []
+      let targets: ConversationRead[] = [];
       if (Array.isArray(target)) {
-        targets = target
+        targets = target;
       } else if (target) {
-        targets = [target]
+        targets = [target];
       }
-      const records = targets.map((record) => toConversationReadDO(record))
+      const records = targets.map((record) => toConversationReadDO(record));
       if (records.length === 0) {
-        return
+        return;
       }
-      const db = getDb()
+      const db = getDb();
       if (tx) {
         for (const record of records) {
-          await db.put('conversationReads', record, tx)
+          await db.put('conversationReads', record, tx);
         }
-        return
+        return;
       }
       await db.transaction(['conversationReads'], 'readwrite', async (tx) => {
         for (const record of records) {
-          await db.put('conversationReads', record, tx)
+          await db.put('conversationReads', record, tx);
         }
-      })
+      });
     },
 
     /** 应用本地会话读位置 */
     async applyLocalConversationReads(conversations?: Conversation[]) {
-      const targetConversations = conversations || this.conversations
-      const changedConversations: Conversation[] = []
+      const targetConversations = conversations || this.conversations;
+      const changedConversations: Conversation[] = [];
       for (const conversation of targetConversations) {
-        const record = this.getConversationRead(conversation.type, conversation.targetId)
+        const record = this.getConversationRead(
+          conversation.type,
+          conversation.targetId,
+        );
         if (!record) {
-          continue
+          continue;
         }
         if (this.applyReadToConversation(conversation, record.messageId)) {
-          changedConversations.push(conversation)
-          continue
+          changedConversations.push(conversation);
+          continue;
         }
-        if (conversation.unreadCount === 0 && !conversation.atMe && !conversation.atAll) {
-          continue
+        if (
+          conversation.unreadCount === 0 &&
+          !conversation.atMe &&
+          !conversation.atAll
+        ) {
+          continue;
         }
         const messages = await getDb().getAllByIndex<MessageDO>(
           'messages',
           'clientConversationId',
-          getClientConversationId(conversation.type, conversation.targetId)
-        )
-        const maxIncomingMessageId = getMaxIncomingNormalMessageId(messages)
-        if (maxIncomingMessageId > 0 && maxIncomingMessageId <= record.messageId) {
-          conversation.unreadCount = 0
-          conversation.atMe = false
-          conversation.atAll = false
-          changedConversations.push(conversation)
+          getClientConversationId(conversation.type, conversation.targetId),
+        );
+        const maxIncomingMessageId = getMaxIncomingNormalMessageId(messages);
+        if (
+          maxIncomingMessageId > 0 &&
+          maxIncomingMessageId <= record.messageId
+        ) {
+          conversation.unreadCount = 0;
+          conversation.atMe = false;
+          conversation.atAll = false;
+          changedConversations.push(conversation);
         }
       }
       if (changedConversations.length > 0) {
-        await this.saveConversationRecord(changedConversations)
+        await this.saveConversationRecord(changedConversations);
       }
     },
 
     /** 判断消息是否已被会话读位置覆盖 */
     isMessageCoveredByReadPosition(
       conversation: Pick<Conversation, 'targetId' | 'type'>,
-      message?: null | { id?: number }
+      message?: null | { id?: number },
     ): boolean {
       if (!message?.id) {
-        return false
+        return false;
       }
-      const record = this.getConversationRead(conversation.type, conversation.targetId)
-      return !!record && message.id <= record.messageId
+      const record = this.getConversationRead(
+        conversation.type,
+        conversation.targetId,
+      );
+      return !!record && message.id <= record.messageId;
     },
 
     /** 判断会话读位置是否覆盖消息编号 */
-    isReadPositionCovered(type: number, targetId: number, messageId?: number): boolean {
+    isReadPositionCovered(
+      type: number,
+      targetId: number,
+      messageId?: number,
+    ): boolean {
       if (!messageId) {
-        return false
+        return false;
       }
-      const record = this.getConversationRead(type, targetId)
-      return !!record && record.messageId >= messageId
+      const record = this.getConversationRead(type, targetId);
+      return !!record && record.messageId >= messageId;
     },
 
     /** 判断服务端已读位置是否覆盖消息编号 */
-    isReportedReadPositionCovered(type: number, targetId: number, messageId?: number): boolean {
+    isReportedReadPositionCovered(
+      type: number,
+      targetId: number,
+      messageId?: number,
+    ): boolean {
       if (!messageId) {
-        return false
+        return false;
       }
-      const conversation = this.getConversation(type, targetId)
-      return (conversation?.reportedReadMessageId || 0) >= messageId
+      const conversation = this.getConversation(type, targetId);
+      return (conversation?.reportedReadMessageId || 0) >= messageId;
     },
 
     /** 应用读位置到会话 */
-    applyReadToConversation(conversation: Conversation, messageId: number): boolean {
-      if (!conversation.lastMessageId || conversation.lastMessageId > messageId) {
-        return false
+    applyReadToConversation(
+      conversation: Conversation,
+      messageId: number,
+    ): boolean {
+      if (
+        !conversation.lastMessageId ||
+        conversation.lastMessageId > messageId
+      ) {
+        return false;
       }
-      if (conversation.unreadCount === 0 && !conversation.atMe && !conversation.atAll) {
-        return false
+      if (
+        conversation.unreadCount === 0 &&
+        !conversation.atMe &&
+        !conversation.atAll
+      ) {
+        return false;
       }
-      conversation.unreadCount = 0
-      conversation.atMe = false
-      conversation.atAll = false
-      return true
+      conversation.unreadCount = 0;
+      conversation.atMe = false;
+      conversation.atAll = false;
+      return true;
     },
 
     /** 应用会话读位置 */
     async applyConversationReadList(
       records: ImConversationReadApi.ConversationReadRespVO[],
-      isActive?: () => boolean
+      isActive?: () => boolean,
     ): Promise<void> {
       if (records.length === 0) {
-        return
+        return;
       }
-      const changedReads = new Map<string, ConversationRead>()
-      const changedConversations = new Map<string, Conversation>()
-      const changedMessages = new Map<string, MessageDO>()
-      const db = getDb()
-      const messageStore = useMessageStore()
+      const changedReads = new Map<string, ConversationRead>();
+      const changedConversations = new Map<string, Conversation>();
+      const changedMessages = new Map<string, MessageDO>();
+      const db = getDb();
+      const messageStore = useMessageStore();
 
       // 1. 按读位置更新会话未读和频道已读态
       for (const record of records) {
         if (isActive && !isActive()) {
-          return
+          return;
         }
         if (!isValidConversationReadRecord(record)) {
-          continue
+          continue;
         }
         const clientConversationId = getClientConversationId(
           record.conversationType,
-          record.targetId
-        )
-        let storedMessages: MessageDO[] | undefined
+          record.targetId,
+        );
+        let storedMessages: MessageDO[] | undefined;
         const getStoredMessages = async () => {
           if (!storedMessages) {
             storedMessages = await db.getAllByIndex<MessageDO>(
               'messages',
               'clientConversationId',
-              clientConversationId
-            )
+              clientConversationId,
+            );
           }
-          return storedMessages
-        }
-        const current = this.conversationReads[clientConversationId]
-        const messageId = Math.max(record.messageId, current?.messageId || 0)
-        const conversation = this.getConversation(record.conversationType, record.targetId)
-        if (conversation && record.messageId > (conversation.reportedReadMessageId || 0)) {
-          conversation.reportedReadMessageId = record.messageId
-          changedConversations.set(clientConversationId, conversation)
+          return storedMessages;
+        };
+        const current = this.conversationReads[clientConversationId];
+        const messageId = Math.max(record.messageId, current?.messageId || 0);
+        const conversation = this.getConversation(
+          record.conversationType,
+          record.targetId,
+        );
+        if (
+          conversation &&
+          record.messageId > (conversation.reportedReadMessageId || 0)
+        ) {
+          conversation.reportedReadMessageId = record.messageId;
+          changedConversations.set(clientConversationId, conversation);
         }
         if (!current || messageId > current.messageId) {
           const next = {
             conversationType: record.conversationType,
             targetId: record.targetId,
             messageId,
-            updateTime: record.updateTime
-          }
-          this.conversationReads[clientConversationId] = next
-          changedReads.set(clientConversationId, next)
+            updateTime: record.updateTime,
+          };
+          this.conversationReads[clientConversationId] = next;
+          changedReads.set(clientConversationId, next);
         }
 
-        if (conversation && this.applyReadToConversation(conversation, messageId)) {
-          changedConversations.set(clientConversationId, conversation)
+        if (
+          conversation &&
+          this.applyReadToConversation(conversation, messageId)
+        ) {
+          changedConversations.set(clientConversationId, conversation);
         } else if (conversation) {
-          const maxIncomingMessageId = getMaxIncomingNormalMessageId(await getStoredMessages())
+          const maxIncomingMessageId = getMaxIncomingNormalMessageId(
+            await getStoredMessages(),
+          );
           if (maxIncomingMessageId > 0 && maxIncomingMessageId <= messageId) {
-            conversation.unreadCount = 0
-            conversation.atMe = false
-            conversation.atAll = false
-            changedConversations.set(clientConversationId, conversation)
+            conversation.unreadCount = 0;
+            conversation.atMe = false;
+            conversation.atAll = false;
+            changedConversations.set(clientConversationId, conversation);
           }
         }
         if (record.conversationType !== ImConversationType.CHANNEL) {
-          continue
+          continue;
         }
-        const memoryMessages = messageStore.getMessages(clientConversationId)
+        const memoryMessages = messageStore.getMessages(clientConversationId);
         for (const message of memoryMessages) {
           if (
             message.id &&
             message.id <= messageId &&
             message.receiptStatus !== ImMessageReceiptStatus.DONE
           ) {
-            message.receiptStatus = ImMessageReceiptStatus.DONE
+            message.receiptStatus = ImMessageReceiptStatus.DONE;
           }
         }
         for (const message of await getStoredMessages()) {
@@ -440,8 +508,8 @@ export const useConversationStore = defineStore('imConversationStore', {
             message.id <= messageId &&
             message.receiptStatus !== ImMessageReceiptStatus.DONE
           ) {
-            message.receiptStatus = ImMessageReceiptStatus.DONE
-            changedMessages.set(message.messageKey, message)
+            message.receiptStatus = ImMessageReceiptStatus.DONE;
+            changedMessages.set(message.messageKey, message);
           }
         }
       }
@@ -452,32 +520,36 @@ export const useConversationStore = defineStore('imConversationStore', {
         changedConversations.size === 0 &&
         changedMessages.size === 0
       ) {
-        return
+        return;
       }
       if (isActive && !isActive()) {
-        return
+        return;
       }
-      const stores: Array<'conversationReads' | 'conversations' | 'messages'> = []
+      const stores: Array<'conversationReads' | 'conversations' | 'messages'> =
+        [];
       if (changedReads.size > 0) {
-        stores.push('conversationReads')
+        stores.push('conversationReads');
       }
       if (changedConversations.size > 0) {
-        stores.push('conversations')
+        stores.push('conversations');
       }
       if (changedMessages.size > 0) {
-        stores.push('messages')
+        stores.push('messages');
       }
       await db.transaction(stores, 'readwrite', async (tx) => {
         if (changedReads.size > 0) {
-          await this.saveConversationReadRecord([...changedReads.values()], tx)
+          await this.saveConversationReadRecord([...changedReads.values()], tx);
         }
         if (changedConversations.size > 0) {
-          await this.saveConversationRecord([...changedConversations.values()], tx)
+          await this.saveConversationRecord(
+            [...changedConversations.values()],
+            tx,
+          );
         }
         for (const message of changedMessages.values()) {
-          await db.put('messages', message, tx)
+          await db.put('messages', message, tx);
         }
-      })
+      });
     },
 
     /** 增量拉取会话读位置 */
@@ -487,103 +559,114 @@ export const useConversationStore = defineStore('imConversationStore', {
         apiPullMyConversationReadList,
         async (records) => {
           if (isActive && !isActive()) {
-            return false
+            return false;
           }
-          await this.applyConversationReadList(records, isActive)
+          await this.applyConversationReadList(records, isActive);
           if (isActive && !isActive()) {
-            return false
+            return false;
           }
-          return true
+          return true;
         },
-        isActive
-      )
+        isActive,
+      );
     },
 
     /** 执行会话记录持久化 */
     async saveConversationRecord(
       target: Conversation | Conversation[] | null | undefined,
-      tx?: DbTransaction
+      tx?: DbTransaction,
     ): Promise<void> {
-      const db = getDb()
-      const conversations = (Array.isArray(target) ? target : (target ? [target] : [])).map(
-        (conversation) => toConversationDO(conversation)
-      )
+      const db = getDb();
+      const conversations =
+        // oxlint-disable-next-line unicorn/no-nested-ternary
+        (Array.isArray(target) ? target : target ? [target] : []).map(
+          (conversation) => toConversationDO(conversation),
+        );
       if (conversations.length === 0) {
-        return
+        return;
       }
       if (tx) {
         for (const conversation of conversations) {
-          await db.put('conversations', conversation, tx)
+          await db.put('conversations', conversation, tx);
         }
-        return
+        return;
       }
       await db.transaction(['conversations'], 'readwrite', async (tx) => {
         for (const conversation of conversations) {
-          await db.put('conversations', conversation, tx)
+          await db.put('conversations', conversation, tx);
         }
-      })
+      });
     },
 
     /** 持久化单个会话 */
-    saveConversation(conversation: Conversation | null | undefined, tx?: DbTransaction): void {
+    saveConversation(
+      conversation: Conversation | null | undefined,
+      tx?: DbTransaction,
+    ): void {
       if (!conversation) {
-        return
+        return;
       }
       void this.saveConversationRecord(conversation, tx).catch((error) =>
-        console.warn('[IM conversationStore] 会话写入失败', error)
-      )
+        console.warn('[IM conversationStore] 会话写入失败', error),
+      );
     },
 
     /** 持久化会话列表 */
-    saveConversationList(conversations?: Conversation[] | null, tx?: DbTransaction): void {
+    saveConversationList(
+      conversations?: Conversation[] | null,
+      tx?: DbTransaction,
+    ): void {
       if (this.loading && !tx) {
-        return
+        return;
       }
-      void this.saveConversationRecord(conversations || this.conversations, tx).catch((error) =>
-        console.warn('[IM conversationStore] 会话写入失败', error)
-      )
+      void this.saveConversationRecord(
+        conversations || this.conversations,
+        tx,
+      ).catch((error) =>
+        console.warn('[IM conversationStore] 会话写入失败', error),
+      );
     },
 
     /** 确保会话存在 */
     ensureConversation(info: {
-      avatar: string
-      name: string
-      silent?: boolean
-      targetId: number
-      type: number
+      avatar: string;
+      name: string;
+      silent?: boolean;
+      targetId: number;
+      type: number;
     }): Conversation {
       // 1. 创建不存在的会话
-      let conversation = this.getConversation(info.type, info.targetId)
+      let conversation = this.getConversation(info.type, info.targetId);
       if (!conversation) {
         conversation = this.createEmptyConversation(
           info.type,
           info.targetId,
           info.name,
           info.avatar,
-          info.silent
-        )
-        this.conversations.unshift(conversation)
+          info.silent,
+        );
+        this.conversations.unshift(conversation);
       } else if (conversation.deleted) {
         // 2. 恢复软删除会话
-        conversation.deleted = false
-        conversation.name = info.name || conversation.name
-        conversation.avatar = info.avatar || conversation.avatar
+        conversation.deleted = false;
+        conversation.name = info.name || conversation.name;
+        conversation.avatar = info.avatar || conversation.avatar;
         if (info.silent !== undefined) {
-          conversation.silent = info.silent
+          conversation.silent = info.silent;
         }
       } else {
         // 3. 同步会话展示元数据
         if (info.name) {
-          conversation.name = info.name
+          conversation.name = info.name;
         }
         if (info.avatar) {
-          conversation.avatar = info.avatar
+          conversation.avatar = info.avatar;
         }
         if (info.silent !== undefined) {
-          conversation.silent = info.silent
+          conversation.silent = info.silent;
         }
       }
-      return conversation
+      return conversation;
     },
 
     /** 打开或创建会话 */
@@ -592,7 +675,7 @@ export const useConversationStore = defineStore('imConversationStore', {
       type: number,
       name: string,
       avatar: string,
-      options?: { silent?: boolean }
+      options?: { silent?: boolean },
     ): Conversation {
       // 1. 确保会话在列表中
       const conversation = this.ensureConversation({
@@ -600,23 +683,23 @@ export const useConversationStore = defineStore('imConversationStore', {
         targetId,
         name,
         avatar,
-        silent: options?.silent
-      })
+        silent: options?.silent,
+      });
       // 2. 激活会话并保存
-      this.setActiveConversation(conversation)
-      this.saveConversation(conversation)
-      return conversation
+      this.setActiveConversation(conversation);
+      this.saveConversation(conversation);
+      return conversation;
     },
 
     /** 设置当前会话 */
     setActiveConversation(conversation: Conversation | null) {
-      this.activeConversation = conversation
+      this.activeConversation = conversation;
       if (!conversation) {
-        return
+        return;
       }
       // 懒加载消息并保存会话摘要
-      void useMessageStore().ensureConversationMessageListLoaded(conversation)
-      this.saveConversation(conversation)
+      void useMessageStore().ensureConversationMessageListLoaded(conversation);
+      this.saveConversation(conversation);
     },
 
     /** 创建空会话 */
@@ -625,7 +708,7 @@ export const useConversationStore = defineStore('imConversationStore', {
       targetId: number,
       name: string,
       avatar: string,
-      silent = false
+      silent = false,
     ): Conversation {
       return {
         targetId,
@@ -639,85 +722,94 @@ export const useConversationStore = defineStore('imConversationStore', {
         top: false,
         silent,
         atMe: false,
-        atAll: false
-      }
+        atAll: false,
+      };
     },
 
     /** 设置置顶 */
     setConversationTop(type: number, targetId: number, top: boolean) {
-      const conversation = this.getConversation(type, targetId)
+      const conversation = this.getConversation(type, targetId);
       if (!conversation) {
-        return
+        return;
       }
-      conversation.top = top
-      this.saveConversation(conversation)
+      conversation.top = top;
+      this.saveConversation(conversation);
     },
 
     /** 设置免打扰 */
     setConversationSilent(type: number, targetId: number, silent: boolean) {
-      const conversation = this.getConversation(type, targetId)
+      const conversation = this.getConversation(type, targetId);
       if (!conversation) {
-        return
+        return;
       }
-      conversation.silent = silent
-      this.saveConversation(conversation)
+      conversation.silent = silent;
+      this.saveConversation(conversation);
     },
 
     /** 删除会话 */
     removeConversation(type: number, targetId: number) {
       // 1. 标记会话删除
-      const conversation = this.getConversation(type, targetId)
+      const conversation = this.getConversation(type, targetId);
       if (!conversation) {
-        return
+        return;
       }
       if (this.activeConversation === conversation) {
-        this.activeConversation = null
+        this.activeConversation = null;
       }
-      conversation.deleted = true
+      conversation.deleted = true;
       // 2. 删除会话关联的消息和草稿
-      useMessageStore().deleteConversationMessageList(type, targetId)
-      this.clearConversationDraft(conversation)
-      this.saveConversation(conversation)
+      useMessageStore().deleteConversationMessageList(type, targetId);
+      this.clearConversationDraft(conversation);
+      this.saveConversation(conversation);
     },
 
     /** 删除私聊会话 */
     removePrivateConversation(friendId: number) {
-      this.removeConversation(ImConversationType.PRIVATE, friendId)
+      this.removeConversation(ImConversationType.PRIVATE, friendId);
     },
 
     /** 删除群聊会话 */
     removeGroupConversation(groupId: number) {
-      this.removeConversation(ImConversationType.GROUP, groupId)
+      this.removeConversation(ImConversationType.GROUP, groupId);
     },
 
     /** 标记会话已读 */
-    markConversationRead(type: number, targetId: number, messageId?: number): void {
-      const conversation = this.getConversation(type, targetId)
+    markConversationRead(
+      type: number,
+      targetId: number,
+      messageId?: number,
+    ): void {
+      const conversation = this.getConversation(type, targetId);
       if (!conversation) {
-        return
+        return;
       }
-      const key = getClientConversationId(type, targetId)
-      const current = this.conversationReads[key]
-      const readMessageIdAdvanced = !!messageId && messageId > (current?.messageId || 0)
+      const key = getClientConversationId(type, targetId);
+      const current = this.conversationReads[key];
+      const readMessageIdAdvanced =
+        !!messageId && messageId > (current?.messageId || 0);
       if (
         conversation.unreadCount === 0 &&
         !conversation.atMe &&
         !conversation.atAll &&
         !readMessageIdAdvanced
       ) {
-        return
+        return;
       }
-      conversation.unreadCount = 0
-      conversation.atMe = false
-      conversation.atAll = false
+      conversation.unreadCount = 0;
+      conversation.atMe = false;
+      conversation.atAll = false;
       if (readMessageIdAdvanced) {
-        const record = createConversationRead(type, targetId, messageId)
-        this.conversationReads[key] = record
+        const record = createConversationRead(type, targetId, messageId);
+        this.conversationReads[key] = record;
         void getDb()
-          .transaction(['conversations', 'conversationReads'], 'readwrite', async (tx) => {
-            await this.saveConversationRecord(conversation, tx)
-            await this.saveConversationReadRecord(record, tx)
-          })
+          .transaction(
+            ['conversations', 'conversationReads'],
+            'readwrite',
+            async (tx) => {
+              await this.saveConversationRecord(conversation, tx);
+              await this.saveConversationReadRecord(record, tx);
+            },
+          )
           .catch((error) =>
             console.warn(
               '[IM conversationStore] 会话已读写入失败',
@@ -725,27 +817,34 @@ export const useConversationStore = defineStore('imConversationStore', {
                 conversationType: type,
                 targetId,
                 messageId,
-                conversationKey: key
+                conversationKey: key,
               },
-              error
-            )
-          )
-        return
+              error,
+            ),
+          );
+        return;
       }
-      this.saveConversation(conversation)
+      this.saveConversation(conversation);
     },
 
     /** 标记会话已上报服务端读位置 */
-    markConversationReadReported(type: number, targetId: number, messageId?: number): void {
+    markConversationReadReported(
+      type: number,
+      targetId: number,
+      messageId?: number,
+    ): void {
       if (!messageId) {
-        return
+        return;
       }
-      const conversation = this.getConversation(type, targetId)
-      if (!conversation || messageId <= (conversation.reportedReadMessageId || 0)) {
-        return
+      const conversation = this.getConversation(type, targetId);
+      if (
+        !conversation ||
+        messageId <= (conversation.reportedReadMessageId || 0)
+      ) {
+        return;
       }
-      conversation.reportedReadMessageId = messageId
-      this.saveConversation(conversation)
+      conversation.reportedReadMessageId = messageId;
+      this.saveConversation(conversation);
     },
 
     // ==================== 最近转发 ====================
@@ -753,24 +852,24 @@ export const useConversationStore = defineStore('imConversationStore', {
     /** 推送最近转发会话 */
     pushRecentForwardConversationKeyList(keys: string[]) {
       if (!keys || keys.length === 0) {
-        return
+        return;
       }
-      const merged = [...keys, ...this.recentForwardConversationKeys]
+      const merged = [...keys, ...this.recentForwardConversationKeys];
       this.recentForwardConversationKeys = [...new Set(merged)].slice(
         0,
-        CONVERSATION_RECENT_FORWARD_MAX
-      )
-      this.saveRecentForwardConversationKeyList()
+        CONVERSATION_RECENT_FORWARD_MAX,
+      );
+      this.saveRecentForwardConversationKeyList();
     },
 
     /** 移除最近转发会话 */
     removeRecentForwardConversationKey(key: string) {
-      const index = this.recentForwardConversationKeys.indexOf(key)
+      const index = this.recentForwardConversationKeys.indexOf(key);
       if (index === -1) {
-        return
+        return;
       }
-      this.recentForwardConversationKeys.splice(index, 1)
-      this.saveRecentForwardConversationKeyList()
+      this.recentForwardConversationKeys.splice(index, 1);
+      this.saveRecentForwardConversationKeyList();
     },
 
     /** 保存最近转发会话 */
@@ -778,133 +877,163 @@ export const useConversationStore = defineStore('imConversationStore', {
       void getDb()
         .setSetting(
           StorageKeys.settings.recentForwardConversationKeys,
-          this.recentForwardConversationKeys.slice(0, CONVERSATION_RECENT_FORWARD_MAX)
+          this.recentForwardConversationKeys.slice(
+            0,
+            CONVERSATION_RECENT_FORWARD_MAX,
+          ),
         )
-        .catch((error) => console.warn('[IM conversationStore] 最近转发列表写入失败', error))
+        .catch((error) =>
+          console.warn('[IM conversationStore] 最近转发列表写入失败', error),
+        );
     },
 
     // ==================== 会话维护 ====================
 
     /** 重排会话 */
     sortConversationList() {
-      this.conversations.sort((a, b) => (b.lastSendTime || 0) - (a.lastSendTime || 0))
-      this.saveConversationList(this.conversations)
+      this.conversations.sort(
+        (a, b) => (b.lastSendTime || 0) - (a.lastSendTime || 0),
+      );
+      this.saveConversationList(this.conversations);
     },
 
     /** 同步会话展示元数据 */
     updateConversation(
       type: number,
       targetId: number,
-      info: { avatar?: string; name?: string; silent?: boolean }
+      info: { avatar?: string; name?: string; silent?: boolean },
     ) {
-      const conversation = this.getConversation(type, targetId)
+      const conversation = this.getConversation(type, targetId);
       if (!conversation) {
-        return
+        return;
       }
-      let changed = false
+      let changed = false;
       if (info.name && conversation.name !== info.name) {
-        conversation.name = info.name
-        changed = true
+        conversation.name = info.name;
+        changed = true;
       }
       if (info.avatar !== undefined && conversation.avatar !== info.avatar) {
-        conversation.avatar = info.avatar || ''
-        changed = true
+        conversation.avatar = info.avatar || '';
+        changed = true;
       }
       if (info.silent !== undefined && conversation.silent !== info.silent) {
-        conversation.silent = info.silent
-        changed = true
+        conversation.silent = info.silent;
+        changed = true;
       }
       if (changed) {
-        this.saveConversation(conversation)
+        this.saveConversation(conversation);
       }
     },
 
     // ==================== 草稿 ====================
 
     /** 获取草稿 */
-    getConversationDraft(conversation: { targetId: number; type: number; }): Conversation['draft'] | undefined {
-      return this.getConversation(conversation.type, conversation.targetId)?.draft
+    getConversationDraft(conversation: {
+      targetId: number;
+      type: number;
+    }): Conversation['draft'] | undefined {
+      return this.getConversation(conversation.type, conversation.targetId)
+        ?.draft;
     },
 
     /** 设置草稿 */
     setConversationDraft(
-      conversation: { targetId: number; type: number; },
-      snapshot: NonNullable<Conversation['draft']>
+      conversation: { targetId: number; type: number },
+      snapshot: NonNullable<Conversation['draft']>,
     ): void {
       if (!snapshot.plain.trim() && !snapshot.reply) {
-        this.clearConversationDraft(conversation)
-        return
+        this.clearConversationDraft(conversation);
+        return;
       }
-      const target = this.getConversation(conversation.type, conversation.targetId)
+      const target = this.getConversation(
+        conversation.type,
+        conversation.targetId,
+      );
       if (!target) {
-        return
+        return;
       }
-      target.draft = snapshot
-      this.scheduleConversationDraftSave(target)
+      target.draft = snapshot;
+      this.scheduleConversationDraftSave(target);
     },
 
     /** 清除草稿 */
-    clearConversationDraft(conversation: { targetId: number; type: number; }): void {
-      const target = this.getConversation(conversation.type, conversation.targetId)
+    clearConversationDraft(conversation: {
+      targetId: number;
+      type: number;
+    }): void {
+      const target = this.getConversation(
+        conversation.type,
+        conversation.targetId,
+      );
       if (!target?.draft) {
-        return
+        return;
       }
-      target.draft = undefined
-      this.scheduleConversationDraftSave(target)
+      target.draft = undefined;
+      this.scheduleConversationDraftSave(target);
     },
 
     /** 设置回复草稿 */
     setConversationReplyDraft(
-      conversation: { targetId: number; type: number; },
-      quote: NonNullable<Conversation['draft']>['reply']
+      conversation: { targetId: number; type: number },
+      quote: NonNullable<Conversation['draft']>['reply'],
     ) {
       if (!quote) {
-        return
+        return;
       }
-      const existing = this.getConversationDraft(conversation)
+      const existing = this.getConversationDraft(conversation);
       this.setConversationDraft(conversation, {
         html: existing?.html ?? '',
         plain: existing?.plain ?? '',
-        reply: quote
-      })
+        reply: quote,
+      });
     },
 
     /** 清除回复草稿 */
-    clearConversationReplyDraft(conversation: { targetId: number; type: number; }): void {
-      const existing = this.getConversationDraft(conversation)
+    clearConversationReplyDraft(conversation: {
+      targetId: number;
+      type: number;
+    }): void {
+      const existing = this.getConversationDraft(conversation);
       if (!existing?.reply) {
-        return
+        return;
       }
-      this.setConversationDraft(conversation, { ...existing, reply: undefined })
+      this.setConversationDraft(conversation, {
+        ...existing,
+        reply: undefined,
+      });
     },
 
     /** 调度草稿保存 */
     scheduleConversationDraftSave(conversation: Conversation): void {
-      pendingDraftConversations.add(conversation)
-      saveDraftConversationListDebounced()
+      pendingDraftConversations.add(conversation);
+      saveDraftConversationListDebounced();
     },
 
     /** 立即保存草稿 */
     flushConversationDraftSave(): void {
-      saveDraftConversationListDebounced.flush()
-    }
-  }
-})
+      saveDraftConversationListDebounced.flush();
+    },
+  },
+});
 
-export const useConversationStoreWithOut = () => useConversationStore()
+export const useConversationStoreWithOut = () => useConversationStore();
 
 /** 合并草稿写入 */
 const saveDraftConversationListDebounced = createDraftDebounce(() => {
-  const conversations = [...pendingDraftConversations]
-  pendingDraftConversations.clear()
+  const conversations = [...pendingDraftConversations];
+  pendingDraftConversations.clear();
   if (conversations.length === 0) {
-    return
+    return;
   }
   void useConversationStoreWithOut()
     .saveConversationRecord(conversations)
-    .catch((error) => console.warn('[IM conversationStore] 草稿写入失败', error))
-}, PERSIST_DRAFT_DEBOUNCE_MS)
+    .catch((error) =>
+      console.warn('[IM conversationStore] 草稿写入失败', error),
+    );
+}, PERSIST_DRAFT_DEBOUNCE_MS);
 
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useConversationStore, import.meta.hot))
+  import.meta.hot.accept(
+    acceptHMRUpdate(useConversationStore, import.meta.hot),
+  );
 }
diff --git a/apps/web-antd/src/views/im/home/store/faceStore.ts b/apps/web-antd/src/views/im/home/store/faceStore.ts
index 81224436a..b27040a56 100644
--- a/apps/web-antd/src/views/im/home/store/faceStore.ts
+++ b/apps/web-antd/src/views/im/home/store/faceStore.ts
@@ -1,12 +1,16 @@
-import type { ImFacePackApi } from '#/api/im/face/pack'
-import type { ImFaceUserItemApi } from '#/api/im/face/userItem'
+import type { ImFacePackApi } from '#/api/im/face/pack';
+import type { ImFaceUserItemApi } from '#/api/im/face/userItem';
 
-import { ref } from 'vue'
+import { ref } from 'vue';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { getFacePackList as apiGetFacePackList } from '#/api/im/face/pack'
-import { createFaceUserItem as apiCreateFaceUserItem, deleteFaceUserItem as apiDeleteFaceUserItem, getFaceUserItemList as apiGetFaceUserItemList } from '#/api/im/face/userItem'
+import { getFacePackList as apiGetFacePackList } from '#/api/im/face/pack';
+import {
+  createFaceUserItem as apiCreateFaceUserItem,
+  deleteFaceUserItem as apiDeleteFaceUserItem,
+  getFaceUserItemList as apiGetFaceUserItemList,
+} from '#/api/im/face/userItem';
 
 /**
  * IM 表情面板数据 store（系统表情包 + 个人表情）
@@ -16,14 +20,13 @@ import { createFaceUserItem as apiCreateFaceUserItem, deleteFaceUserItem as apiD
  * - 个人表情：切到「收藏」tab / 长按消息「添加到表情」时按需拉
  */
 export const useFaceStore = defineStore('imFace', () => {
-
   /** 系统表情包列表（含每个包的 items）；运营管理后台维护 */
-  const facePacks = ref<ImFacePackApi.FacePackUser[]>([])
+  const facePacks = ref<ImFacePackApi.FacePackUser[]>([]);
   /** 个人表情包列表（用户长按「添加到表情」/ 上传产生） */
-  const faceUserItems = ref<ImFaceUserItemApi.FaceUserItem[]>([])
+  const faceUserItems = ref<ImFaceUserItemApi.FaceUserItem[]>([]);
 
   /** clear() 时递增；旧账号请求返回后不写入新账号内存 */
-  let storeEpoch = 0
+  let storeEpoch = 0;
 
   /**
    * 系统表情包拉取 promise；ensureFacePackList 内 cache：
@@ -31,51 +34,51 @@ export const useFaceStore = defineStore('imFace', () => {
    * - resolve 后保留对象 = 后续调用 await 立即返回，不再发请求
    * - reject 后置回 null，让调用方下次重试
    */
-  let facePacksPromise: null | Promise<void> = null
+  let facePacksPromise: null | Promise<void> = null;
   /** 按需拉取系统表情包（已拉过则直接复用 cached promise） */
   async function ensureFacePackList(): Promise<void> {
     if (!facePacksPromise) {
-      const requestEpoch = storeEpoch
+      const requestEpoch = storeEpoch;
       facePacksPromise = apiGetFacePackList()
         .then((data) => {
           if (requestEpoch !== storeEpoch) {
-            return
+            return;
           }
-          facePacks.value = data || []
+          facePacks.value = data || [];
         })
         .catch((error) => {
-          console.warn('[IM] 拉取表情包失败', error)
+          console.warn('[IM] 拉取表情包失败', error);
           if (requestEpoch === storeEpoch) {
-            facePacksPromise = null
+            facePacksPromise = null;
           }
-          throw error
-        })
+          throw error;
+        });
     }
-    return facePacksPromise
+    return facePacksPromise;
   }
 
   /** 个人表情拉取 promise；语义同上 */
-  let faceUserItemsPromise: null | Promise<void> = null
+  let faceUserItemsPromise: null | Promise<void> = null;
   /** 按需拉取个人表情（已拉过则直接复用 cached promise） */
   async function ensureFaceUserItemList(): Promise<void> {
     if (!faceUserItemsPromise) {
-      const requestEpoch = storeEpoch
+      const requestEpoch = storeEpoch;
       faceUserItemsPromise = apiGetFaceUserItemList()
         .then((data) => {
           if (requestEpoch !== storeEpoch) {
-            return
+            return;
           }
-          faceUserItems.value = data || []
+          faceUserItems.value = data || [];
         })
         .catch((error) => {
-          console.warn('[IM] 拉取个人表情失败', error)
+          console.warn('[IM] 拉取个人表情失败', error);
           if (requestEpoch === storeEpoch) {
-            faceUserItemsPromise = null
+            faceUserItemsPromise = null;
           }
-          throw error
-        })
+          throw error;
+        });
     }
-    return faceUserItemsPromise
+    return faceUserItemsPromise;
   }
 
   /**
@@ -83,15 +86,17 @@ export const useFaceStore = defineStore('imFace', () => {
    *
    * 来源：1. 用户在表情面板「+」上传图片  2. 长按消息「添加到表情」
    */
-  async function addFaceUserItem(reqVO: ImFaceUserItemApi.FaceUserItemSaveReqVO): Promise<boolean> {
-    const requestEpoch = storeEpoch
-    const id = await apiCreateFaceUserItem(reqVO)
+  async function addFaceUserItem(
+    reqVO: ImFaceUserItemApi.FaceUserItemSaveReqVO,
+  ): Promise<boolean> {
+    const requestEpoch = storeEpoch;
+    const id = await apiCreateFaceUserItem(reqVO);
     if (!id) {
-      return false
+      return false;
     }
     // 已切账号时跳过旧请求结果
     if (requestEpoch !== storeEpoch) {
-      return false
+      return false;
     }
     // id 不在缓存里才插入；服务端唯一约束兜底了 race，本地理论上不会拿到重复 id
     if (!faceUserItems.value.some((item) => item.id === id)) {
@@ -100,36 +105,38 @@ export const useFaceStore = defineStore('imFace', () => {
         url: reqVO.url,
         name: reqVO.name,
         width: reqVO.width,
-        height: reqVO.height
-      })
+        height: reqVO.height,
+      });
     }
-    return true
+    return true;
   }
 
   /** 删除个人表情；本地立即移除 */
   async function removeFaceUserItem(id: number): Promise<boolean> {
-    const requestEpoch = storeEpoch
+    const requestEpoch = storeEpoch;
     try {
-      await apiDeleteFaceUserItem(id)
+      await apiDeleteFaceUserItem(id);
       // 已切账号时跳过旧请求结果
       if (requestEpoch !== storeEpoch) {
-        return false
+        return false;
       }
-      faceUserItems.value = faceUserItems.value.filter((item) => item.id !== id)
-      return true
+      faceUserItems.value = faceUserItems.value.filter(
+        (item) => item.id !== id,
+      );
+      return true;
     } catch (error) {
-      console.warn('[IM] 删除个人表情失败', { id }, error)
-      return false
+      console.warn('[IM] 删除个人表情失败', { id }, error);
+      return false;
     }
   }
 
   /** 清空表情缓存 */
   function clear(): void {
-    facePacks.value = []
-    faceUserItems.value = []
-    facePacksPromise = null
-    faceUserItemsPromise = null
-    storeEpoch++
+    facePacks.value = [];
+    faceUserItems.value = [];
+    facePacksPromise = null;
+    faceUserItemsPromise = null;
+    storeEpoch++;
   }
 
   return {
@@ -139,13 +146,13 @@ export const useFaceStore = defineStore('imFace', () => {
     ensureFaceUserItemList,
     addFaceUserItem,
     removeFaceUserItem,
-    clear
-  }
-})
+    clear,
+  };
+});
 
 /** 在 setup 外（路由守卫等）取 store 实例的工具方法 */
-export const useFaceStoreWithOut = () => useFaceStore()
+export const useFaceStoreWithOut = () => useFaceStore();
 
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useFaceStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useFaceStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/store/friendStore.ts b/apps/web-antd/src/views/im/home/store/friendStore.ts
index bf959b836..dd02b2158 100644
--- a/apps/web-antd/src/views/im/home/store/friendStore.ts
+++ b/apps/web-antd/src/views/im/home/store/friendStore.ts
@@ -1,60 +1,78 @@
-import type { Friend, FriendLite, FriendRequest } from '../types'
+import type { Friend, FriendLite, FriendRequest } from '../types';
 
-import type { ImFriendApi } from '#/api/im/friend'
-import type { ImFriendRequestApi } from '#/api/im/friend/request'
+import type { ImFriendApi } from '#/api/im/friend';
+import type { ImFriendRequestApi } from '#/api/im/friend/request';
 
-import { CommonStatusEnum } from '@vben/constants'
+import { CommonStatusEnum } from '@vben/constants';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { blockFriend as apiBlockFriend, deleteFriend as apiDeleteFriend, getFriend as apiGetFriend, getMyFriendList as apiGetMyFriendList, pullMyFriendList as apiPullMyFriendList, unblockFriend as apiUnblockFriend, updateFriend as apiUpdateFriend } from '#/api/im/friend'
-import { agreeFriendRequest as apiAgreeFriendRequest, applyFriendRequest as apiApplyFriendRequest, getMyFriendRequest as apiGetMyFriendRequest, getMyFriendRequestList as apiGetMyFriendRequestList, pullMyFriendRequestList as apiPullMyFriendRequestList, refuseFriendRequest as apiRefuseFriendRequest } from '#/api/im/friend/request'
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import {
+  blockFriend as apiBlockFriend,
+  deleteFriend as apiDeleteFriend,
+  getFriend as apiGetFriend,
+  getMyFriendList as apiGetMyFriendList,
+  pullMyFriendList as apiPullMyFriendList,
+  unblockFriend as apiUnblockFriend,
+  updateFriend as apiUpdateFriend,
+} from '#/api/im/friend';
+import {
+  agreeFriendRequest as apiAgreeFriendRequest,
+  applyFriendRequest as apiApplyFriendRequest,
+  getMyFriendRequest as apiGetMyFriendRequest,
+  getMyFriendRequestList as apiGetMyFriendRequestList,
+  pullMyFriendRequestList as apiPullMyFriendRequestList,
+  refuseFriendRequest as apiRefuseFriendRequest,
+} from '#/api/im/friend/request';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
-import { FRIEND_REQUEST_PAGE_SIZE } from '../../utils/config'
-import { ImConversationType, ImFriendRequestHandleResult } from '../../utils/constants'
-import { getDb, StorageKeys } from '../../utils/db'
-import { runIncrementalPull } from '../../utils/pull'
-import { getFriendDisplayName } from '../../utils/user'
-import { useConversationStore } from './conversationStore'
+import { FRIEND_REQUEST_PAGE_SIZE } from '../../utils/config';
+import {
+  ImConversationType,
+  ImFriendRequestHandleResult,
+} from '../../utils/constants';
+import { getDb, StorageKeys } from '../../utils/db';
+import { runIncrementalPull } from '../../utils/pull';
+import { getFriendDisplayName } from '../../utils/user';
+import { useConversationStore } from './conversationStore';
 
-type PendingRequest = { epoch: number; promise: Promise<void>; userId: number; }
+type PendingRequest = { epoch: number; promise: Promise<void>; userId: number };
 
 /** 当前正在进行的好友列表拉取；多 dispatcher 同时触发时复用同一 Promise，避免雪崩重拉 */
-let pendingFetchFriends: null | PendingRequest = null
+let pendingFetchFriends: null | PendingRequest = null;
 /** 当前正在进行的好友申请列表拉取；多端连续多条申请到达时复用同一 Promise，避免雪崩重拉 */
-let pendingFetchRequests: null | PendingRequest = null
+let pendingFetchRequests: null | PendingRequest = null;
 /** 当前正在进行的「加载更多申请」请求 */
-let pendingLoadMoreRequests: null | PendingRequest = null
+let pendingLoadMoreRequests: null | PendingRequest = null;
 /** 当前正在进行的好友详情请求 */
-const pendingFetchFriendInfos = new Map<string, Promise<void>>()
+const pendingFetchFriendInfos = new Map<string, Promise<void>>();
 
 /** clear() 时递增；旧账号那次还没返回的请求 resolve 后比对一致才写 store，防跨账号数据泄漏 */
-let storeEpoch = 0
+let storeEpoch = 0;
 
 /** 构建好友详情请求去重 key */
 function getPendingFriendInfoKey(userId: number, friendUserId: number): string {
-  return `${userId}:${friendUserId}`
+  return `${userId}:${friendUserId}`;
 }
 
 /** 好友通知 payload（对齐后端 BaseFriendNotification + 子类裁减后的字段） */
 export interface FriendNotificationPayload {
-  operatorUserId: number
-  friendUserId: number
+  operatorUserId: number;
+  friendUserId: number;
   // FRIEND_REQUEST_* 系列：申请记录的核心字段（避免 payload 携带完整 DO）
-  requestId?: number
-  applyContent?: string
-  handleContent?: string
-  addSource?: number
+  requestId?: number;
+  applyContent?: string;
+  handleContent?: string;
+  addSource?: number;
   // FRIEND_REQUEST_RECEIVED：申请方聚合字段，供前端直推 push 进列表，无需回拉
-  fromNickname?: string
-  fromAvatar?: string
+  fromNickname?: string;
+  fromAvatar?: string;
   // FRIEND_UPDATE：单边属性变更
-  displayName?: string
-  silent?: boolean
-  pinned?: boolean
+  displayName?: string;
+  silent?: boolean;
+  pinned?: boolean;
   // FRIEND_DELETE：是否级联清理本端相关数据（如私聊会话）
-  clear?: boolean
+  clear?: boolean;
 }
 
 /**
@@ -73,7 +91,7 @@ export const useFriendStore = defineStore('imFriendStore', {
     /** 我相关的好友申请列表（含我发起的 + 别人加我的；后端按 id 倒序游标分页） */
     friendRequests: [] as FriendRequest[],
     /** 是否还有更早的申请记录可加载；返回不满 page size 即置 false */
-    hasMoreFriendRequests: true
+    hasMoreFriendRequests: true,
   }),
 
   getters: {
@@ -84,19 +102,21 @@ export const useFriendStore = defineStore('imFriendStore', {
      * 直接 find 时 N 条消息 × M 好友 = O(N×M)；建索引后单次读 O(1)，重建只在写好友（fetchFriendList / upsertFriend 等）时发生
      */
     getFriendMap: (state): Map<number, Friend> => {
-      const map = new Map<number, Friend>()
+      const map = new Map<number, Friend>();
       for (const friend of state.friends) {
-        map.set(friend.friendUserId, friend)
+        map.set(friend.friendUserId, friend);
       }
-      return map
+      return map;
     },
     /** 按 friendUserId 找好友（含已软删的 DISABLE 记录，调用方自行判定） */
     getFriend(): (friendUserId: number) => Friend | undefined {
-      return (friendUserId: number) => this.getFriendMap.get(friendUserId)
+      return (friendUserId: number) => this.getFriendMap.get(friendUserId);
     },
     /** 当前生效的好友列表（过滤掉 DISABLE 软删记录） */
     getActiveFriendList: (state): Friend[] => {
-      return state.friends.filter((friend) => friend.status !== CommonStatusEnum.DISABLE)
+      return state.friends.filter(
+        (friend) => friend.status !== CommonStatusEnum.DISABLE,
+      );
     },
     /** 当前生效好友的 Lite 视图（PickerPanel / 选人弹窗共用，自带拼音字段供分桶 / 搜索） */
     getActiveFriendLiteList(): FriendLite[] {
@@ -106,31 +126,32 @@ export const useFriendStore = defineStore('imFriendStore', {
         nicknamePinyin: friend.nicknamePinyin,
         avatar: friend.avatar,
         displayName: friend.displayName,
-        displayNamePinyin: friend.displayNamePinyin
-      }))
+        displayNamePinyin: friend.displayNamePinyin,
+      }));
     },
     /** 判断对方是否是当前用户的有效好友（存在 + 非 DISABLE） */
     isActiveFriend() {
       return (friendUserId: number): boolean => {
-        const entry = this.getFriend(friendUserId)
-        return !!entry && entry.status !== CommonStatusEnum.DISABLE
-      }
+        const entry = this.getFriend(friendUserId);
+        return !!entry && entry.status !== CommonStatusEnum.DISABLE;
+      };
     },
     /** 我的黑名单（blocked=true 且 ENABLE） */
     getBlockedFriendList: (state): Friend[] => {
       return state.friends.filter(
-        (friend) => friend.status !== CommonStatusEnum.DISABLE && friend.blocked === true
-      )
+        (friend) =>
+          friend.status !== CommonStatusEnum.DISABLE && friend.blocked === true,
+      );
     },
     /** 未处理申请数（接收方=我）—— 实时派生，「新的朋友」红点用 */
     getUnhandledRequestCount: (state): number => {
-      const currentUserId = getCurrentUserId()
+      const currentUserId = getCurrentUserId();
       return state.friendRequests.filter(
         (request) =>
           request.handleResult === ImFriendRequestHandleResult.UNHANDLED &&
-          request.toUserId === currentUserId
-      ).length
-    }
+          request.toUserId === currentUserId,
+      ).length;
+    },
   },
 
   actions: {
@@ -141,21 +162,22 @@ export const useFriendStore = defineStore('imFriendStore', {
       try {
         const [friends, friendRequests] = await Promise.all([
           getDb().getAll<Friend>('friends'),
-          getDb().getAll<FriendRequest>('friendRequests')
-        ])
+          getDb().getAll<FriendRequest>('friendRequests'),
+        ]);
         if (friends.length > 0) {
-          this.friends = friends
+          this.friends = friends;
         }
         if (friendRequests.length > 0) {
           this.friendRequests = friendRequests.toSorted(
-            (requestA, requestB) => requestB.id - requestA.id
-          )
-          this.hasMoreFriendRequests = friendRequests.length >= FRIEND_REQUEST_PAGE_SIZE
+            (requestA, requestB) => requestB.id - requestA.id,
+          );
+          this.hasMoreFriendRequests =
+            friendRequests.length >= FRIEND_REQUEST_PAGE_SIZE;
         }
-        return friends.length > 0
+        return friends.length > 0;
       } catch (error) {
-        console.warn('[IM friendStore] 本地好友缓存读取失败', error)
-        return false
+        console.warn('[IM friendStore] 本地好友缓存读取失败', error);
+        return false;
       }
     },
 
@@ -163,58 +185,64 @@ export const useFriendStore = defineStore('imFriendStore', {
     saveFriendList(): void {
       void getDb()
         .transaction(['friends'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.clearStore('friends', tx)
+          const db = getDb();
+          await db.clearStore('friends', tx);
           for (const friend of this.friends) {
             if (friend.id) {
-              await db.put('friends', friend, tx)
+              await db.put('friends', friend, tx);
             }
           }
         })
-        .catch((error) => console.warn('[IM friendStore] 本地好友缓存写入失败', error))
+        .catch((error) =>
+          console.warn('[IM friendStore] 本地好友缓存写入失败', error),
+        );
     },
 
     /** 保存单个好友 */
     async saveFriendRecord(friend: Friend | undefined): Promise<void> {
       if (!friend?.id) {
-        return
+        return;
       }
-      await getDb().put('friends', friend)
+      await getDb().put('friends', friend);
     },
 
     /** 保存单个好友 */
     saveFriend(friend: Friend | undefined): void {
       void this.saveFriendRecord(friend).catch((error) =>
-        console.warn('[IM friendStore] 本地好友写入失败', error)
-      )
+        console.warn('[IM friendStore] 本地好友写入失败', error),
+      );
     },
 
     /** 保存好友申请列表 */
     saveFriendRequestList(): void {
       void getDb()
         .transaction(['friendRequests'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.clearStore('friendRequests', tx)
+          const db = getDb();
+          await db.clearStore('friendRequests', tx);
           for (const request of this.friendRequests) {
-            await db.put('friendRequests', request, tx)
+            await db.put('friendRequests', request, tx);
           }
         })
-        .catch((error) => console.warn('[IM friendStore] 本地好友申请缓存写入失败', error))
+        .catch((error) =>
+          console.warn('[IM friendStore] 本地好友申请缓存写入失败', error),
+        );
     },
 
     /** 保存单条好友申请 */
-    async saveFriendRequestRecord(request: FriendRequest | undefined): Promise<void> {
+    async saveFriendRequestRecord(
+      request: FriendRequest | undefined,
+    ): Promise<void> {
       if (!request) {
-        return
+        return;
       }
-      await getDb().put('friendRequests', request)
+      await getDb().put('friendRequests', request);
     },
 
     /** 保存单条好友申请 */
     saveFriendRequest(request: FriendRequest | undefined): void {
       void this.saveFriendRequestRecord(request).catch((error) =>
-        console.warn('[IM friendStore] 本地好友申请写入失败', error)
-      )
+        console.warn('[IM friendStore] 本地好友申请写入失败', error),
+      );
     },
 
     // ==================== 远端拉取 ====================
@@ -222,47 +250,58 @@ export const useFriendStore = defineStore('imFriendStore', {
     /** 从后端拉取并覆盖本地列表（含 DISABLE 历史好友给已删对话兜底）；只同步 ENABLE 的会话信息，DISABLE 的不动 —— cascade 清会话由 WS dispatcher 按 payload.clear 处理，避免 fetchFriendList 覆盖用户「不清空聊天记录」的选择 */
     async fetchFriendList(force = false) {
       if (this.loaded && !force) {
-        return
+        return;
       }
       // 快照 epoch；clear() 之后到 .then 之间触发的 epoch++ 表示账号已切，旧结果不能写入新 store
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
       if (
         pendingFetchFriends?.epoch === requestEpoch &&
         pendingFetchFriends.userId === requestUserId
       ) {
-        return pendingFetchFriends.promise
+        return pendingFetchFriends.promise;
       }
       const promise = apiGetMyFriendList()
         .then((list) => {
-          if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-            return
+          if (
+            requestEpoch !== storeEpoch ||
+            getCurrentUserId() !== requestUserId
+          ) {
+            return;
           }
-          this.friends = (list || []).map((friend) => convertFriend(friend))
-          this.loaded = true
-          const conversationStore = useConversationStore()
+          this.friends = (list || []).map((friend) => convertFriend(friend));
+          this.loaded = true;
+          const conversationStore = useConversationStore();
           for (const friend of this.friends) {
             if (friend.status === CommonStatusEnum.DISABLE) {
-              continue
+              continue;
             }
-            conversationStore.updateConversation(ImConversationType.PRIVATE, friend.friendUserId, {
-              name: getFriendDisplayName(friend),
-              avatar: friend.avatar,
-              silent: friend.silent
-            })
+            conversationStore.updateConversation(
+              ImConversationType.PRIVATE,
+              friend.friendUserId,
+              {
+                name: getFriendDisplayName(friend),
+                avatar: friend.avatar,
+                silent: friend.silent,
+              },
+            );
           }
-          this.saveFriendList()
+          this.saveFriendList();
         })
         .finally(() => {
           if (
             pendingFetchFriends?.epoch === requestEpoch &&
             pendingFetchFriends.userId === requestUserId
           ) {
-            pendingFetchFriends = null
+            pendingFetchFriends = null;
           }
-        })
-      pendingFetchFriends = { epoch: requestEpoch, userId: requestUserId, promise }
-      return promise
+        });
+      pendingFetchFriends = {
+        epoch: requestEpoch,
+        userId: requestUserId,
+        promise,
+      };
+      return promise;
     },
 
     /**
@@ -272,391 +311,445 @@ export const useFriendStore = defineStore('imFriendStore', {
      */
     async pullFriends() {
       // 快照 epoch；账号在拉取途中切换（clear() → epoch++）时丢弃旧账号那几页结果，防跨账号数据泄漏
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const isActive = () => requestEpoch === storeEpoch && getCurrentUserId() === requestUserId
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const isActive = () =>
+        requestEpoch === storeEpoch && getCurrentUserId() === requestUserId;
       await runIncrementalPull(
         StorageKeys.settings.friendPullCursor,
         apiPullMyFriendList,
         async (records) => {
           if (!isActive()) {
-            return false
+            return false;
           }
-          await Promise.all(records.map((vo) => this.upsertFriendForPull(convertFriend(vo))))
-          return true
+          await Promise.all(
+            records.map((vo) => this.upsertFriendForPull(convertFriend(vo))),
+          );
+          return true;
         },
-        isActive
-      )
+        isActive,
+      );
       // 置 loaded，供通讯录页 fetchFriendList(force=false) 复用缓存而非重复全量拉
       if (isActive()) {
-        this.loaded = true
+        this.loaded = true;
       }
     },
 
     /** 按 friendUserId 获取详情并合并到本地（保证 nickname / avatar 最新） */
     async fetchFriendInfo(friendUserId: number) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
       if (!requestUserId) {
-        return
+        return;
       }
-      const key = getPendingFriendInfoKey(requestUserId, friendUserId)
-      const inflight = pendingFetchFriendInfos.get(key)
+      const key = getPendingFriendInfoKey(requestUserId, friendUserId);
+      const inflight = pendingFetchFriendInfos.get(key);
       if (inflight) {
-        return inflight
+        return inflight;
       }
       const promise = (async () => {
         try {
-          const data = await apiGetFriend(friendUserId)
+          const data = await apiGetFriend(friendUserId);
           if (!data) {
-            return
+            return;
           }
           // clear() 已切账号：旧请求的好友详情不能再 upsert 进新账号的 friends
-          if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-            return
+          if (
+            requestEpoch !== storeEpoch ||
+            getCurrentUserId() !== requestUserId
+          ) {
+            return;
           }
-          this.upsertFriend(convertFriend(data))
+          this.upsertFriend(convertFriend(data));
         } catch (error) {
-          console.warn('[IM friendStore] fetchFriendInfo 失败', error)
+          console.warn('[IM friendStore] fetchFriendInfo 失败', error);
         }
       })().finally(() => {
         if (pendingFetchFriendInfos.get(key) === promise) {
-          pendingFetchFriendInfos.delete(key)
+          pendingFetchFriendInfos.delete(key);
         }
-      })
-      pendingFetchFriendInfos.set(key, promise)
-      return promise
+      });
+      pendingFetchFriendInfos.set(key, promise);
+      return promise;
     },
 
     // ==================== 申请-审批 ====================
 
     /** 发起好友申请：成功后等待对方同意（不直接落地为好友） */
-    async applyFriendRequest(reqVO: ImFriendRequestApi.FriendRequestApplyReqVO): Promise<null | number> {
-      return await apiApplyFriendRequest(reqVO)
+    async applyFriendRequest(
+      reqVO: ImFriendRequestApi.FriendRequestApplyReqVO,
+    ): Promise<null | number> {
+      return await apiApplyFriendRequest(reqVO);
     },
 
     /** 同意一条好友申请；后端会双向落库 + 推 FRIEND_ADD，本端等通知到达再 upsertFriend */
     async agreeFriendRequest(requestId: number) {
-      await apiAgreeFriendRequest(requestId)
-      await this.applyHandleResult(requestId, ImFriendRequestHandleResult.AGREED)
+      await apiAgreeFriendRequest(requestId);
+      await this.applyHandleResult(
+        requestId,
+        ImFriendRequestHandleResult.AGREED,
+      );
     },
 
     /** 拒绝一条好友申请 */
     async refuseFriendRequest(requestId: number, handleContent?: string) {
-      await apiRefuseFriendRequest(requestId, handleContent)
-      await this.applyHandleResult(requestId, ImFriendRequestHandleResult.REFUSED, handleContent)
+      await apiRefuseFriendRequest(requestId, handleContent);
+      await this.applyHandleResult(
+        requestId,
+        ImFriendRequestHandleResult.REFUSED,
+        handleContent,
+      );
     },
 
     /** 把 handleResult 应用到本地申请记录；找不到就按 id 单查兜底 upsert，避免破坏 id 倒序 */
     async applyHandleResult(
       requestId: number,
       result: number,
-      handleContent?: string
+      handleContent?: string,
     ): Promise<void> {
-      const request = this.getFriendRequest(requestId)
+      const request = this.getFriendRequest(requestId);
       if (request) {
-        request.handleResult = result
+        request.handleResult = result;
         if (handleContent !== undefined) {
-          request.handleContent = handleContent
+          request.handleContent = handleContent;
         }
-        request.handleTime = Date.now()
-        this.saveFriendRequest(request)
-        return
+        request.handleTime = Date.now();
+        this.saveFriendRequest(request);
+        return;
       }
-      await this.fetchFriendRequest(requestId)
+      await this.fetchFriendRequest(requestId);
     },
 
     /** 拉取「我相关」的好友申请列表首页（页面打开 / 收到 FRIEND_REQUEST_RECEIVED 时刷新）；pending 期间复用同一 Promise */
     async fetchFriendRequestList() {
       if (pendingFetchRequests) {
-        const currentUserId = getCurrentUserId()
+        const currentUserId = getCurrentUserId();
         if (
           pendingFetchRequests.epoch === storeEpoch &&
           pendingFetchRequests.userId === currentUserId
         ) {
-          return pendingFetchRequests.promise
+          return pendingFetchRequests.promise;
         }
       }
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
       const promise = apiGetMyFriendRequestList(FRIEND_REQUEST_PAGE_SIZE)
         .then((list) => {
-          if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-            return
+          if (
+            requestEpoch !== storeEpoch ||
+            getCurrentUserId() !== requestUserId
+          ) {
+            return;
           }
-          const items = (list || []).map((request) => convertFriendRequest(request))
-          this.friendRequests = items
+          const items = (list || []).map((request) =>
+            convertFriendRequest(request),
+          );
+          this.friendRequests = items;
           // 不足一页即没有更多；满页可能还有，等 loadMore 拉到 0 条再确定
-          this.hasMoreFriendRequests = items.length >= FRIEND_REQUEST_PAGE_SIZE
-          this.saveFriendRequestList()
+          this.hasMoreFriendRequests = items.length >= FRIEND_REQUEST_PAGE_SIZE;
+          this.saveFriendRequestList();
         })
         .finally(() => {
           if (
             pendingFetchRequests?.epoch === requestEpoch &&
             pendingFetchRequests.userId === requestUserId
           ) {
-            pendingFetchRequests = null
+            pendingFetchRequests = null;
           }
-        })
-      pendingFetchRequests = { epoch: requestEpoch, userId: requestUserId, promise }
-      return promise
+        });
+      pendingFetchRequests = {
+        epoch: requestEpoch,
+        userId: requestUserId,
+        promise,
+      };
+      return promise;
     },
 
     /** 加载更多申请（按本地最旧 requestId 游标分页）；无更多 / pending 中直接返回 */
     async loadMoreFriendRequestList() {
-      const requestUserId = getCurrentUserId()
+      const requestUserId = getCurrentUserId();
       const hasSameFetchPending =
-        pendingFetchRequests?.epoch === storeEpoch && pendingFetchRequests.userId === requestUserId
+        pendingFetchRequests?.epoch === storeEpoch &&
+        pendingFetchRequests.userId === requestUserId;
       if (!this.hasMoreFriendRequests || hasSameFetchPending) {
-        return
+        return;
       }
       if (
         pendingLoadMoreRequests?.epoch === storeEpoch &&
         pendingLoadMoreRequests.userId === requestUserId
       ) {
-        return pendingLoadMoreRequests.promise
+        return pendingLoadMoreRequests.promise;
       }
-      const oldest = this.friendRequests[this.friendRequests.length - 1]
+      const oldest = this.friendRequests[this.friendRequests.length - 1];
       if (!oldest) {
-        return this.fetchFriendRequestList()
+        return this.fetchFriendRequestList();
       }
-      const requestEpoch = storeEpoch
-      const promise = apiGetMyFriendRequestList(FRIEND_REQUEST_PAGE_SIZE, oldest.id)
+      const requestEpoch = storeEpoch;
+      const promise = apiGetMyFriendRequestList(
+        FRIEND_REQUEST_PAGE_SIZE,
+        oldest.id,
+      )
         .then((list) => {
-          if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-            return
+          if (
+            requestEpoch !== storeEpoch ||
+            getCurrentUserId() !== requestUserId
+          ) {
+            return;
           }
-          const items = (list || []).map((request) => convertFriendRequest(request))
-          this.friendRequests.push(...items)
-          this.hasMoreFriendRequests = items.length >= FRIEND_REQUEST_PAGE_SIZE
-          this.saveFriendRequestList()
+          const items = (list || []).map((request) =>
+            convertFriendRequest(request),
+          );
+          this.friendRequests.push(...items);
+          this.hasMoreFriendRequests = items.length >= FRIEND_REQUEST_PAGE_SIZE;
+          this.saveFriendRequestList();
         })
         .finally(() => {
           if (
             pendingLoadMoreRequests?.epoch === requestEpoch &&
             pendingLoadMoreRequests.userId === requestUserId
           ) {
-            pendingLoadMoreRequests = null
+            pendingLoadMoreRequests = null;
           }
-        })
-      pendingLoadMoreRequests = { epoch: requestEpoch, userId: requestUserId, promise }
-      return promise
+        });
+      pendingLoadMoreRequests = {
+        epoch: requestEpoch,
+        userId: requestUserId,
+        promise,
+      };
+      return promise;
     },
 
     /** 按 id 查申请记录；列表是按 id 倒序的小列表，O(n) find 即可，不再维护 Map 索引 */
     getFriendRequest(requestId: number): FriendRequest | undefined {
-      return this.friendRequests.find((request) => request.id === requestId)
+      return this.friendRequests.find((request) => request.id === requestId);
     },
 
     /** 按 id 从后端单查并 upsert 到本地（dispatcher 兜底用，避免全量重拉）；后端带越权过滤 */
     async fetchFriendRequest(requestId: number) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const data = await apiGetMyFriendRequest(requestId)
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const data = await apiGetMyFriendRequest(requestId);
       if (!data) {
-        return
+        return;
       }
       // clear() 已切账号：旧请求的申请记录不能再写进新账号的 friendRequests
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      this.upsertFriendRequest(convertFriendRequest(data))
+      this.upsertFriendRequest(convertFriendRequest(data));
     },
 
     /** 合并单条好友申请：已有则按 id 覆盖；新记录按 id 倒序插入（比本地最旧还老则跳过，留给 loadMore 带回） */
     upsertFriendRequest(next: FriendRequest) {
       void this.upsertFriendRequestForPull(next).catch((error) =>
-        console.warn('[IM friendStore] 本地好友申请写入失败', error)
-      )
+        console.warn('[IM friendStore] 本地好友申请写入失败', error),
+      );
     },
 
     /** 合并单条好友申请 */
     async upsertFriendRequestForPull(next: FriendRequest): Promise<void> {
-      const existing = this.getFriendRequest(next.id)
+      const existing = this.getFriendRequest(next.id);
       if (existing) {
-        Object.assign(existing, next)
-        await this.saveFriendRequestRecord(existing)
-        return
+        Object.assign(existing, next);
+        await this.saveFriendRequestRecord(existing);
+        return;
       }
       // 比本地最旧 id 还老：不入列表，让 loadMore 自然带回，避免破坏 id 倒序 / 后续 loadMore 重复 push
-      const oldest = this.friendRequests[this.friendRequests.length - 1]
+      const oldest = this.friendRequests[this.friendRequests.length - 1];
       if (oldest && next.id < oldest.id) {
-        return
+        return;
       }
       // 按 id 倒序找首个比自己小的位置插入；找不到则追加末尾
-      const insertIndex = this.friendRequests.findIndex((request) => request.id < next.id)
+      const insertIndex = this.friendRequests.findIndex(
+        (request) => request.id < next.id,
+      );
       if (insertIndex === -1) {
-        this.friendRequests.push(next)
+        this.friendRequests.push(next);
       } else {
-        this.friendRequests.splice(insertIndex, 0, next)
+        this.friendRequests.splice(insertIndex, 0, next);
       }
-      await this.saveFriendRequestRecord(next)
+      await this.saveFriendRequestRecord(next);
     },
 
     /** 增量拉取好友申请变更并合并（重连 / 离线补偿）；按 update_time + id 游标，已处理的按 handleResult 覆盖 */
     async pullFriendRequests() {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const isActive = () => requestEpoch === storeEpoch && getCurrentUserId() === requestUserId
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const isActive = () =>
+        requestEpoch === storeEpoch && getCurrentUserId() === requestUserId;
       await runIncrementalPull(
         StorageKeys.settings.friendRequestPullCursor,
         apiPullMyFriendRequestList,
         async (records) => {
           if (!isActive()) {
-            return false
+            return false;
           }
           await Promise.all(
-            records.map((vo) => this.upsertFriendRequestForPull(convertFriendRequest(vo)))
-          )
-          return true
+            records.map((vo) =>
+              this.upsertFriendRequestForPull(convertFriendRequest(vo)),
+            ),
+          );
+          return true;
         },
-        isActive
-      )
+        isActive,
+      );
     },
 
     // ==================== 好友关系操作 ====================
 
     /** 删除好友（单向软删，本端置 DISABLE）；clear=true 时级联清理本地相关数据（如私聊会话），并透传后端给多端同步 */
     async deleteFriend(friendUserId: number, clear: boolean = true) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      await apiDeleteFriend(friendUserId, clear)
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      await apiDeleteFriend(friendUserId, clear);
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      this.removeFriend(friendUserId, clear)
+      this.removeFriend(friendUserId, clear);
     },
 
     /** 切换免打扰：同步会话的 silent 字段，避免会话列表 silent 图标等 1210 推到才更新 */
     async setFriendSilent(friendUserId: number, silent: boolean) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      await apiUpdateFriend({ friendUserId, silent })
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      await apiUpdateFriend({ friendUserId, silent });
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
-        friend.silent = silent
-        const conversationStore = useConversationStore()
-        conversationStore.updateConversation(ImConversationType.PRIVATE, friendUserId, { silent })
-        this.saveFriend(friend)
+        friend.silent = silent;
+        const conversationStore = useConversationStore();
+        conversationStore.updateConversation(
+          ImConversationType.PRIVATE,
+          friendUserId,
+          { silent },
+        );
+        this.saveFriend(friend);
       }
     },
 
     /** 切换联系人置顶 */
     async setFriendPinned(friendUserId: number, pinned: boolean) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      await apiUpdateFriend({ friendUserId, pinned })
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      await apiUpdateFriend({ friendUserId, pinned });
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
-        friend.pinned = pinned
-        this.saveFriend(friend)
+        friend.pinned = pinned;
+        this.saveFriend(friend);
       }
     },
 
     /** 拉黑好友：本端乐观更新 + 调接口；后端 FRIEND_BLOCK 推到时由 dispatcher 兜底同步多端 */
     async blockFriend(friendUserId: number) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      await apiBlockFriend(friendUserId)
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      await apiBlockFriend(friendUserId);
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
-        friend.blocked = true
-        this.saveFriend(friend)
+        friend.blocked = true;
+        this.saveFriend(friend);
       }
     },
 
     /** 移出黑名单：本端乐观更新 + 调接口；后端 FRIEND_UNBLOCK 推到时由 dispatcher 兜底同步多端 */
     async unblockFriend(friendUserId: number) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      await apiUnblockFriend(friendUserId)
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      await apiUnblockFriend(friendUserId);
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
-        friend.blocked = false
-        this.saveFriend(friend)
+        friend.blocked = false;
+        this.saveFriend(friend);
       }
     },
 
     /** 修改好友展示备注（仅自己可见） */
     async setFriendDisplayName(friendUserId: number, displayName: string) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const value = displayName.trim()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const value = displayName.trim();
       // 后端 displayName 语义：null/undefined = 不改，"" = 清空，所以这里直接传 value（可能是空串）
-      await apiUpdateFriend({ friendUserId, displayName: value })
+      await apiUpdateFriend({ friendUserId, displayName: value });
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
-        friend.displayName = value
-        const conversationStore = useConversationStore()
-        conversationStore.updateConversation(ImConversationType.PRIVATE, friendUserId, {
-          name: getFriendDisplayName(friend)
-        })
-        this.saveFriend(friend)
+        friend.displayName = value;
+        const conversationStore = useConversationStore();
+        conversationStore.updateConversation(
+          ImConversationType.PRIVATE,
+          friendUserId,
+          {
+            name: getFriendDisplayName(friend),
+          },
+        );
+        this.saveFriend(friend);
       }
     },
 
     /** 本地合并 / 新增某个好友（WebSocket 事件 & 手动刷新都用） */
     upsertFriend(friend: Friend) {
       void this.upsertFriendForPull(friend).catch((error) =>
-        console.warn('[IM friendStore] 本地好友写入失败', error)
-      )
+        console.warn('[IM friendStore] 本地好友写入失败', error),
+      );
     },
 
     /** 本地合并 / 新增某个好友 */
     async upsertFriendForPull(friend: Friend): Promise<void> {
       const index = this.friends.findIndex(
-        (existing) => existing.friendUserId === friend.friendUserId
-      )
+        (existing) => existing.friendUserId === friend.friendUserId,
+      );
       if (index === -1) {
         this.friends.push({
           ...friend,
-          status: friend.status ?? CommonStatusEnum.ENABLE
-        })
+          status: friend.status ?? CommonStatusEnum.ENABLE,
+        });
       } else {
         this.friends[index] = {
           ...this.friends[index],
           ...friend,
-          status: friend.status ?? CommonStatusEnum.ENABLE
-        }
+          status: friend.status ?? CommonStatusEnum.ENABLE,
+        };
       }
-      const conversationStore = useConversationStore()
-      const merged = this.getFriend(friend.friendUserId)
-      conversationStore.updateConversation(ImConversationType.PRIVATE, friend.friendUserId, {
-        name: merged ? getFriendDisplayName(merged) : friend.nickname,
-        avatar: friend.avatar,
-        silent: friend.silent
-      })
-      await this.saveFriendRecord(merged)
+      const conversationStore = useConversationStore();
+      const merged = this.getFriend(friend.friendUserId);
+      conversationStore.updateConversation(
+        ImConversationType.PRIVATE,
+        friend.friendUserId,
+        {
+          name: merged ? getFriendDisplayName(merged) : friend.nickname,
+          avatar: friend.avatar,
+          silent: friend.silent,
+        },
+      );
+      await this.saveFriendRecord(merged);
     },
 
     /** 本地标记删除（WebSocket FRIEND_DELETE 事件触发；clear=true 时级联清相关数据如私聊会话） */
     removeFriend(friendUserId: number, clear: boolean = true) {
-      const friend = this.getFriend(friendUserId)
+      const friend = this.getFriend(friendUserId);
       if (friend) {
         // blocked 不动，跟后端 deleteFriend0「删好友期间保留拉黑状态」对齐
-        friend.status = CommonStatusEnum.DISABLE
-        friend.deleteTime = Date.now()
+        friend.status = CommonStatusEnum.DISABLE;
+        friend.deleteTime = Date.now();
       }
       if (clear) {
-        const conversationStore = useConversationStore()
-        conversationStore.removePrivateConversation(friendUserId)
+        const conversationStore = useConversationStore();
+        conversationStore.removePrivateConversation(friendUserId);
       }
-      this.saveFriend(friend)
+      this.saveFriend(friend);
     },
 
     // ==================== WebSocket 事件 dispatcher（1201-1210 段） ====================
@@ -664,14 +757,16 @@ export const useFriendStore = defineStore('imFriendStore', {
     /** FRIEND_REQUEST_RECEIVED(1203)：收到新申请；payload 已带申请方昵称 / 头像，按 requestId 直推 push 进列表 */
     applyFriendRequestReceivedNotification(payload: FriendNotificationPayload) {
       if (!payload.requestId) {
-        return
+        return;
       }
-      const currentUserId = getCurrentUserId()
-      const existingIndex = this.friendRequests.findIndex((item) => item.id === payload.requestId)
+      const currentUserId = getCurrentUserId();
+      const existingIndex = this.friendRequests.findIndex(
+        (item) => item.id === payload.requestId,
+      );
       if (existingIndex !== -1) {
-        const existing = this.friendRequests.splice(existingIndex, 1)[0]
+        const existing = this.friendRequests.splice(existingIndex, 1)[0];
         if (!existing) {
-          return
+          return;
         }
         const next = {
           ...existing,
@@ -682,11 +777,11 @@ export const useFriendStore = defineStore('imFriendStore', {
           addSource: payload.addSource,
           createTime: Date.now(),
           fromNickname: payload.fromNickname,
-          fromAvatar: payload.fromAvatar
-        }
-        this.friendRequests.unshift(next)
-        this.saveFriendRequest(next)
-        return
+          fromAvatar: payload.fromAvatar,
+        };
+        this.friendRequests.unshift(next);
+        this.saveFriendRequest(next);
+        return;
       }
       const next = {
         id: payload.requestId,
@@ -697,30 +792,33 @@ export const useFriendStore = defineStore('imFriendStore', {
         addSource: payload.addSource,
         createTime: Date.now(),
         fromNickname: payload.fromNickname,
-        fromAvatar: payload.fromAvatar
-      }
-      this.friendRequests.unshift(next)
-      this.saveFriendRequest(next)
+        fromAvatar: payload.fromAvatar,
+      };
+      this.friendRequests.unshift(next);
+      this.saveFriendRequest(next);
     },
 
     /** FRIEND_REQUEST_APPROVED(1201)：我的申请被同意；按 requestId 更新状态（FRIEND_ADD 会另外推） */
     applyFriendRequestApprovedNotification(payload: FriendNotificationPayload) {
       if (!payload.requestId) {
-        return
+        return;
       }
-      void this.applyHandleResult(payload.requestId, ImFriendRequestHandleResult.AGREED)
+      void this.applyHandleResult(
+        payload.requestId,
+        ImFriendRequestHandleResult.AGREED,
+      );
     },
 
     /** FRIEND_REQUEST_REJECTED(1202)：我的申请被拒绝；按 requestId 更新状态 */
     applyFriendRequestRejectedNotification(payload: FriendNotificationPayload) {
       if (!payload.requestId) {
-        return
+        return;
       }
       void this.applyHandleResult(
         payload.requestId,
         ImFriendRequestHandleResult.REFUSED,
-        payload.handleContent
-      )
+        payload.handleContent,
+      );
     },
 
     /**
@@ -728,81 +826,91 @@ export const useFriendStore = defineStore('imFriendStore', {
      * peerUserId 由 websocketStore 按帧 sender / receiver 算好传入：becomeFriends 单条入库后双方收到同一份 payload，
      * 本端真正的「对端」是帧上的另一个用户，不是 payload.friendUserId（payload 里固定是 toUserId）。
      */
-    applyFriendAddNotification(_payload: FriendNotificationPayload, peerUserId: number) {
+    applyFriendAddNotification(
+      _payload: FriendNotificationPayload,
+      peerUserId: number,
+    ) {
       if (this.isActiveFriend(peerUserId)) {
-        return
+        return;
       }
-      void this.fetchFriendInfo(peerUserId)
+      void this.fetchFriendInfo(peerUserId);
     },
 
     /**
      * FRIEND_DELETE(1205)：好友被删除；本端清理 + 按 payload.clear 决定是否级联清会话（多端跟主操作端一致）
      * peerUserId 由 websocketStore 按帧 sender / receiver 算好传入；与 FRIEND_ADD 保持一致的 peer 推断
      */
-    applyFriendDeleteNotification(payload: FriendNotificationPayload, peerUserId: number) {
-      this.removeFriend(peerUserId, payload.clear !== false)
+    applyFriendDeleteNotification(
+      payload: FriendNotificationPayload,
+      peerUserId: number,
+    ) {
+      this.removeFriend(peerUserId, payload.clear !== false);
     },
 
     /** FRIEND_BLOCK(1207)：拉黑；多端同步 */
     applyFriendBlockNotification(payload: FriendNotificationPayload) {
-      const friend = this.getFriend(payload.friendUserId)
+      const friend = this.getFriend(payload.friendUserId);
       if (friend) {
-        friend.blocked = true
-        this.saveFriend(friend)
+        friend.blocked = true;
+        this.saveFriend(friend);
       }
     },
 
     /** FRIEND_UNBLOCK(1208)：移出黑名单；多端同步 */
     applyFriendUnblockNotification(payload: FriendNotificationPayload) {
-      const friend = this.getFriend(payload.friendUserId)
+      const friend = this.getFriend(payload.friendUserId);
       if (friend) {
-        friend.blocked = false
-        this.saveFriend(friend)
+        friend.blocked = false;
+        this.saveFriend(friend);
       }
     },
 
     /** FRIEND_INFO_UPDATED(1209)：好友资料变更（昵称 / 头像）；重拉详情 */
     applyFriendInfoUpdatedNotification(payload: FriendNotificationPayload) {
-      void this.fetchFriendInfo(payload.friendUserId)
+      void this.fetchFriendInfo(payload.friendUserId);
     },
 
     /** FRIEND_UPDATE(1210)：批量更新（备注 / 免打扰 / 联系人置顶）；多端同步 */
     applyFriendUpdateNotification(payload: FriendNotificationPayload) {
-      const friend = this.getFriend(payload.friendUserId)
+      const friend = this.getFriend(payload.friendUserId);
       if (!friend) {
-        return
+        return;
       }
-      if (payload.displayName != null) {
-        friend.displayName = payload.displayName
+      if (payload.displayName !== null) {
+        friend.displayName = payload.displayName;
       }
-      if (payload.silent != null) {
-        friend.silent = payload.silent
+      if (payload.silent !== null) {
+        friend.silent = payload.silent;
       }
-      if (payload.pinned != null) {
-        friend.pinned = payload.pinned
+      if (payload.pinned !== null) {
+        friend.pinned = payload.pinned;
       }
-      const conversationStore = useConversationStore()
-      conversationStore.updateConversation(ImConversationType.PRIVATE, payload.friendUserId, {
-        name: getFriendDisplayName(friend),
-        silent: friend.silent
-      })
-      this.saveFriend(friend)
+      const conversationStore = useConversationStore();
+      conversationStore.updateConversation(
+        ImConversationType.PRIVATE,
+        payload.friendUserId,
+        {
+          name: getFriendDisplayName(friend),
+          silent: friend.silent,
+        },
+      );
+      this.saveFriend(friend);
     },
 
     /** 清空好友内存状态，并废弃未返回请求（pending Promise 置空 + storeEpoch++） */
     clear() {
-      this.friends = []
-      this.friendRequests = []
-      this.loaded = false
-      this.hasMoreFriendRequests = true
-      pendingFetchFriends = null
-      pendingFetchRequests = null
-      pendingLoadMoreRequests = null
-      pendingFetchFriendInfos.clear()
-      storeEpoch++
-    }
-  }
-})
+      this.friends = [];
+      this.friendRequests = [];
+      this.loaded = false;
+      this.hasMoreFriendRequests = true;
+      pendingFetchFriends = null;
+      pendingFetchRequests = null;
+      pendingLoadMoreRequests = null;
+      pendingFetchFriendInfos.clear();
+      storeEpoch++;
+    },
+  },
+});
 
 function convertFriend(vo: ImFriendApi.FriendRespVO): Friend {
   return {
@@ -819,11 +927,13 @@ function convertFriend(vo: ImFriendApi.FriendRespVO): Friend {
     blocked: !!vo.blocked,
     status: vo.status,
     addTime: vo.addTime ? new Date(vo.addTime).getTime() : undefined,
-    deleteTime: vo.deleteTime ? new Date(vo.deleteTime).getTime() : undefined
-  }
+    deleteTime: vo.deleteTime ? new Date(vo.deleteTime).getTime() : undefined,
+  };
 }
 
-function convertFriendRequest(vo: ImFriendRequestApi.FriendRequestRespVO): FriendRequest {
+function convertFriendRequest(
+  vo: ImFriendRequestApi.FriendRequestRespVO,
+): FriendRequest {
   return {
     id: vo.id,
     fromUserId: vo.fromUserId,
@@ -837,13 +947,13 @@ function convertFriendRequest(vo: ImFriendRequestApi.FriendRequestRespVO): Frien
     fromNickname: vo.fromNickname,
     fromAvatar: vo.fromAvatar,
     toNickname: vo.toNickname,
-    toAvatar: vo.toAvatar
-  }
+    toAvatar: vo.toAvatar,
+  };
 }
 
-export const useFriendStoreWithOut = () => useFriendStore()
+export const useFriendStoreWithOut = () => useFriendStore();
 
 // dev: 让 Pinia 的 actions / state 改动支持 HMR，避免每次改 store 都得硬刷
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useFriendStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useFriendStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/store/groupRequestStore.ts b/apps/web-antd/src/views/im/home/store/groupRequestStore.ts
index 24ea5dae3..6c4f1fbb8 100644
--- a/apps/web-antd/src/views/im/home/store/groupRequestStore.ts
+++ b/apps/web-antd/src/views/im/home/store/groupRequestStore.ts
@@ -1,19 +1,25 @@
-import type { ImGroupRequestApi } from '#/api/im/group/request'
+import type { ImGroupRequestApi } from '#/api/im/group/request';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { agreeGroupRequest as apiAgreeGroupRequest, getMyGroupRequest as apiGetMyGroupRequest, getUnhandledRequestList as apiGetUnhandledRequestList, pullMyGroupRequestList as apiPullMyGroupRequestList, refuseGroupRequest as apiRefuseGroupRequest } from '#/api/im/group/request'
-import { getCurrentUserId } from '#/views/im/utils/auth'
-import { ImGroupRequestHandleResult } from '#/views/im/utils/constants'
+import {
+  agreeGroupRequest as apiAgreeGroupRequest,
+  getMyGroupRequest as apiGetMyGroupRequest,
+  getUnhandledRequestList as apiGetUnhandledRequestList,
+  pullMyGroupRequestList as apiPullMyGroupRequestList,
+  refuseGroupRequest as apiRefuseGroupRequest,
+} from '#/api/im/group/request';
+import { getCurrentUserId } from '#/views/im/utils/auth';
+import { ImGroupRequestHandleResult } from '#/views/im/utils/constants';
 
-import { getDb, StorageKeys } from '../../utils/db'
-import { runIncrementalPull } from '../../utils/pull'
+import { getDb, StorageKeys } from '../../utils/db';
+import { runIncrementalPull } from '../../utils/pull';
 
-type PendingRequest = { epoch: number; promise: Promise<void>; userId: number; }
+type PendingRequest = { epoch: number; promise: Promise<void>; userId: number };
 
 /** clear() 时递增；旧账号 in-flight 的 pullGroupRequests 结果 resolve 后比对一致才写 store，防跨账号红点污染（与 friendStore 同口径） */
-let storeEpoch = 0
-let pendingUnhandledFetch: null | PendingRequest = null
+let storeEpoch = 0;
+let pendingUnhandledFetch: null | PendingRequest = null;
 
 /**
  * IM 加群申请 Store
@@ -33,7 +39,7 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
     /** 我管理的所有群下未处理申请列表（按 id 倒序） */
     unhandledList: [] as ImGroupRequestApi.GroupRequestRespVO[],
     /** fetchUnhandledGroupRequestList 是否成功执行过；避免横幅显示 0 然后跳数字的闪烁 */
-    loaded: false
+    loaded: false,
   }),
 
   getters: {
@@ -41,38 +47,45 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
      * 各群下未处理申请数的 Map；O(N) 扫一次缓存供 ConversationItem 等 N 处复用，避免 N×M 重复 filter
      */
     getUnhandledGroupRequestCountMap(state): Map<number, number> {
-      const map = new Map<number, number>()
+      const map = new Map<number, number>();
       for (const request of state.unhandledList) {
-        map.set(request.groupId, (map.get(request.groupId) ?? 0) + 1)
+        map.set(request.groupId, (map.get(request.groupId) ?? 0) + 1);
       }
-      return map
+      return map;
     },
     /** 指定群下的未处理申请数 */
     getUnhandledGroupRequestCount(): (groupId: number) => number {
-      return (groupId: number) => this.getUnhandledGroupRequestCountMap.get(groupId) ?? 0
+      return (groupId: number) =>
+        this.getUnhandledGroupRequestCountMap.get(groupId) ?? 0;
     },
     /** 指定群下的未处理申请列表 */
     getUnhandledGroupRequestListByGroupId:
       (state) =>
       (groupId: number): ImGroupRequestApi.GroupRequestRespVO[] =>
-        state.unhandledList.filter((r) => r.groupId === groupId)
+        state.unhandledList.filter((r) => r.groupId === groupId),
   },
 
   actions: {
     /** 从 IndexedDB 恢复加群申请 */
     async loadGroupRequestList(): Promise<boolean> {
       try {
-        const cached = await getDb().getAll<ImGroupRequestApi.GroupRequestRespVO>('groupRequests')
+        const cached =
+          await getDb().getAll<ImGroupRequestApi.GroupRequestRespVO>(
+            'groupRequests',
+          );
         if (!cached || cached.length === 0) {
-          return false
+          return false;
         }
         this.unhandledList = cached
-          .filter((request) => request.handleResult === ImGroupRequestHandleResult.UNHANDLED)
-          .toSorted((requestA, requestB) => requestB.id - requestA.id)
-        return true
+          .filter(
+            (request) =>
+              request.handleResult === ImGroupRequestHandleResult.UNHANDLED,
+          )
+          .toSorted((requestA, requestB) => requestB.id - requestA.id);
+        return true;
       } catch (error) {
-        console.warn('[IM groupRequestStore] 本地加群申请缓存读取失败', error)
-        return false
+        console.warn('[IM groupRequestStore] 本地加群申请缓存读取失败', error);
+        return false;
       }
     },
 
@@ -80,55 +93,69 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
     saveGroupRequestList(): void {
       void getDb()
         .transaction(['groupRequests'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.clearStore('groupRequests', tx)
+          const db = getDb();
+          await db.clearStore('groupRequests', tx);
           for (const request of this.unhandledList) {
-            await db.put('groupRequests', request, tx)
+            await db.put('groupRequests', request, tx);
           }
         })
-        .catch((error) => console.warn('[IM groupRequestStore] 本地加群申请缓存写入失败', error))
+        .catch((error) =>
+          console.warn(
+            '[IM groupRequestStore] 本地加群申请缓存写入失败',
+            error,
+          ),
+        );
     },
 
     /** 保存单条加群申请 */
-    async saveGroupRequestRecord(request: ImGroupRequestApi.GroupRequestRespVO): Promise<void> {
-      await getDb().put('groupRequests', request)
+    async saveGroupRequestRecord(
+      request: ImGroupRequestApi.GroupRequestRespVO,
+    ): Promise<void> {
+      await getDb().put('groupRequests', request);
     },
 
     /** 保存单条加群申请 */
     saveGroupRequest(request: ImGroupRequestApi.GroupRequestRespVO): void {
       void this.saveGroupRequestRecord(request).catch((error) =>
-        console.warn('[IM groupRequestStore] 本地加群申请写入失败', error)
-      )
+        console.warn('[IM groupRequestStore] 本地加群申请写入失败', error),
+      );
     },
 
     /** 拉取我管理的所有群下未处理申请；进 IM 后 / 升级 admin 后 / WS 推送有冲突时调用 */
     async fetchUnhandledGroupRequestList() {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
       if (
         pendingUnhandledFetch?.epoch === requestEpoch &&
         pendingUnhandledFetch.userId === requestUserId
       ) {
-        return pendingUnhandledFetch.promise
+        return pendingUnhandledFetch.promise;
       }
       const promise = (async () => {
-        const list = await apiGetUnhandledRequestList()
-        if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-          return
+        const list = await apiGetUnhandledRequestList();
+        if (
+          requestEpoch !== storeEpoch ||
+          getCurrentUserId() !== requestUserId
+        ) {
+          return;
         }
-        this.unhandledList = list || []
-        this.loaded = true
-        this.saveGroupRequestList()
+        this.unhandledList = list || [];
+        this.loaded = true;
+        this.saveGroupRequestList();
       })().finally(() => {
         if (
           pendingUnhandledFetch?.epoch === requestEpoch &&
           pendingUnhandledFetch.userId === requestUserId
         ) {
-          pendingUnhandledFetch = null
+          pendingUnhandledFetch = null;
         }
-      })
-      pendingUnhandledFetch = { epoch: requestEpoch, userId: requestUserId, promise }
-      return promise
+      });
+      pendingUnhandledFetch = {
+        epoch: requestEpoch,
+        userId: requestUserId,
+        promise,
+      };
+      return promise;
     },
 
     /**
@@ -137,16 +164,16 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
      * 同一对 group_id, user_id 复用记录时 requestId 不变但 applyContent / inviterUserId 会刷新，所以无条件 fetch + 排到头部
      */
     async addGroupRequestById(requestId: number) {
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const request = await apiGetMyGroupRequest(requestId)
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const request = await apiGetMyGroupRequest(requestId);
       if (!request) {
-        return
+        return;
       }
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      this.upsertGroupRequest(request)
+      this.upsertGroupRequest(request);
     },
 
     /**
@@ -156,18 +183,23 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
      */
     upsertGroupRequest(request: ImGroupRequestApi.GroupRequestRespVO) {
       void this.upsertGroupRequestForPull(request).catch((error) =>
-        console.warn('[IM groupRequestStore] 本地加群申请写入失败', error)
-      )
+        console.warn('[IM groupRequestStore] 本地加群申请写入失败', error),
+      );
     },
 
     /** 本地合并 / 新增单条加群申请 */
-    async upsertGroupRequestForPull(request: ImGroupRequestApi.GroupRequestRespVO): Promise<void> {
+    async upsertGroupRequestForPull(
+      request: ImGroupRequestApi.GroupRequestRespVO,
+    ): Promise<void> {
       if (request.handleResult !== ImGroupRequestHandleResult.UNHANDLED) {
-        await this.removeGroupRequestByIdForPull(request.id)
-        return
+        await this.removeGroupRequestByIdForPull(request.id);
+        return;
       }
-      this.unhandledList = [request, ...this.unhandledList.filter((r) => r.id !== request.id)]
-      await this.saveGroupRequestRecord(request)
+      this.unhandledList = [
+        request,
+        ...this.unhandledList.filter((r) => r.id !== request.id),
+      ];
+      await this.saveGroupRequestRecord(request);
     },
 
     /**
@@ -178,65 +210,72 @@ export const useGroupRequestStore = defineStore('imGroupRequestStore', {
      */
     async pullGroupRequests() {
       // 快照 epoch；账号在拉取途中切换（clear() → epoch++）时丢弃旧账号那几页结果，防跨账号红点污染
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
-      const isActive = () => requestEpoch === storeEpoch && getCurrentUserId() === requestUserId
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
+      const isActive = () =>
+        requestEpoch === storeEpoch && getCurrentUserId() === requestUserId;
       await runIncrementalPull(
         StorageKeys.settings.groupRequestPullCursor,
         apiPullMyGroupRequestList,
         async (records) => {
           if (!isActive()) {
-            return false
+            return false;
           }
-          await Promise.all(records.map((vo) => this.upsertGroupRequestForPull(vo)))
-          return true
+          await Promise.all(
+            records.map((vo) => this.upsertGroupRequestForPull(vo)),
+          );
+          return true;
         },
-        isActive
-      )
+        isActive,
+      );
       if (isActive()) {
-        this.loaded = true
+        this.loaded = true;
       }
     },
 
     /** WS 收到 1505 / 1506 或本端处理完一条：按 requestId 从列表移除 */
     removeGroupRequestById(requestId: number) {
-      this.unhandledList = this.unhandledList.filter((r) => r.id !== requestId)
+      this.unhandledList = this.unhandledList.filter((r) => r.id !== requestId);
       void getDb()
         .delete('groupRequests', requestId)
-        .catch((error) => console.warn('[IM groupRequestStore] 本地加群申请删除失败', error))
+        .catch((error) =>
+          console.warn('[IM groupRequestStore] 本地加群申请删除失败', error),
+        );
     },
 
     /** 删除单条加群申请 */
     async removeGroupRequestByIdForPull(requestId: number): Promise<void> {
-      this.unhandledList = this.unhandledList.filter((r) => r.id !== requestId)
-      await getDb().delete('groupRequests', requestId)
+      this.unhandledList = this.unhandledList.filter((r) => r.id !== requestId);
+      await getDb().delete('groupRequests', requestId);
     },
 
     /** 同意申请；本端处理后立即从列表移除，避免被反复点击 */
     async agreeGroupRequest(requestId: number) {
-      await apiAgreeGroupRequest(requestId)
-      this.removeGroupRequestById(requestId)
+      await apiAgreeGroupRequest(requestId);
+      this.removeGroupRequestById(requestId);
     },
 
     /** 拒绝申请 */
     async refuseGroupRequest(requestId: number, handleContent?: string) {
-      await apiRefuseGroupRequest(requestId, handleContent)
-      this.removeGroupRequestById(requestId)
+      await apiRefuseGroupRequest(requestId, handleContent);
+      this.removeGroupRequestById(requestId);
     },
 
     /** 清空加群申请内存 */
     clear() {
-      this.unhandledList = []
-      this.loaded = false
+      this.unhandledList = [];
+      this.loaded = false;
       // 账号切换：递增 epoch 废弃旧账号 in-flight 的 pullGroupRequests 结果，避免写进新账号红点列表
-      storeEpoch++
-      pendingUnhandledFetch = null
-    }
-  }
-})
+      storeEpoch++;
+      pendingUnhandledFetch = null;
+    },
+  },
+});
 
-export const useGroupRequestStoreWithOut = () => useGroupRequestStore()
+export const useGroupRequestStoreWithOut = () => useGroupRequestStore();
 
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useGroupRequestStore, import.meta.hot))
+  import.meta.hot.accept(
+    acceptHMRUpdate(useGroupRequestStore, import.meta.hot),
+  );
 }
diff --git a/apps/web-antd/src/views/im/home/store/groupStore.ts b/apps/web-antd/src/views/im/home/store/groupStore.ts
index 8db5512fd..cc0af8ec3 100644
--- a/apps/web-antd/src/views/im/home/store/groupStore.ts
+++ b/apps/web-antd/src/views/im/home/store/groupStore.ts
@@ -1,48 +1,62 @@
-import type { Group, GroupDO, GroupMember, Message } from '../types'
+import type { GroupNotificationPayload } from '../../utils/message';
+import type { Group, GroupDO, GroupMember, Message } from '../types';
 
-import type { ImGroupApi } from '#/api/im/group'
-import type { ImGroupMemberApi } from '#/api/im/group/member'
+import type { ImGroupApi } from '#/api/im/group';
+import type { ImGroupMemberApi } from '#/api/im/group/member';
 
-import { CommonStatusEnum } from '@vben/constants'
+import { CommonStatusEnum } from '@vben/constants';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { getGroup as apiGetGroup, getMyGroupList as apiGetMyGroupList } from '#/api/im/group'
-import { getGroupMember as apiGetGroupMember, getGroupMemberList as apiGetGroupMemberList, updateGroupMember as apiUpdateGroupMember } from '#/api/im/group/member'
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import {
+  getGroup as apiGetGroup,
+  getMyGroupList as apiGetMyGroupList,
+} from '#/api/im/group';
+import {
+  getGroupMember as apiGetGroupMember,
+  getGroupMemberList as apiGetGroupMemberList,
+  updateGroupMember as apiUpdateGroupMember,
+} from '#/api/im/group/member';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
 import {
   ImContentType,
   ImConversationType,
   ImGroupMemberRole,
-  ImMessageStatus
-} from '../../utils/constants'
-import { getDb } from '../../utils/db'
-import { type GroupNotificationPayload } from '../../utils/message'
-import { getGroupDisplayName } from '../../utils/user'
-import { useConversationStore } from './conversationStore'
-import { useGroupRequestStore } from './groupRequestStore'
+  ImMessageStatus,
+} from '../../utils/constants';
+import { getDb } from '../../utils/db';
+import { getGroupDisplayName } from '../../utils/user';
+import { useConversationStore } from './conversationStore';
+import { useGroupRequestStore } from './groupRequestStore';
 
 /** clear() 时递增；旧账号 in-flight 的成员请求返回后比对一致才写 store */
-let storeEpoch = 0
+let storeEpoch = 0;
 
 /**
  * fetchGroupMemberList 并发去重表：同 groupId 同时进的请求共用一个 Promise
  *
  * key 必须带 userId——账号切换时 A 的请求不能被 B 复用，否则 IIFE 内部的 saveGroupMemberList 会把 A 的成员数据写进 B 的 IDB 桶
  */
-const pendingMemberFetches = new Map<string, Promise<GroupMember[]>>()
-const pendingMemberKey = (userId: number, groupId: number) => `${userId}:${groupId}`
+const pendingMemberFetches = new Map<string, Promise<GroupMember[]>>();
+const pendingMemberKey = (userId: number, groupId: number) =>
+  `${userId}:${groupId}`;
 
 /**
  * fetchGroupMember 单成员并发去重表：同 (groupId, memberUserId) 同时进的请求共用一个 Promise
  *
  * 跟整群表分开：单成员 fetch 跟整群 fetch 语义不同（单成员不回填 me 的 silent），不能互相代替
  */
-const pendingSingleMemberFetches = new Map<string, Promise<GroupMember | null>>()
+const pendingSingleMemberFetches = new Map<
+  string,
+  Promise<GroupMember | null>
+>();
 
-const pendingSingleMemberKey = (userId: number, groupId: number, memberUserId: number) =>
-  `${userId}:${groupId}:${memberUserId}`
+const pendingSingleMemberKey = (
+  userId: number,
+  groupId: number,
+  memberUserId: number,
+) => `${userId}:${groupId}:${memberUserId}`;
 
 /** 构建群 IndexedDB 记录 */
 function buildGroupDO(group: Group): GroupDO {
@@ -54,21 +68,21 @@ function buildGroupDO(group: Group): GroupDO {
     membersLoaded: _membersLoaded,
     membersExpired: _membersExpired,
     ...record
-  } = group
-  return record
+  } = group;
+  return record;
 }
 
 /** 判断当前用户是否在 payload.memberUserIds 里（GROUP_CREATE / INVITE / KICK 自判用） */
 function isSelfInPayloadMembers(payload: GroupNotificationPayload): boolean {
-  const selfUserId = getCurrentUserId()
-  return !!selfUserId && (payload.memberUserIds || []).includes(selfUserId)
+  const selfUserId = getCurrentUserId();
+  return !!selfUserId && (payload.memberUserIds || []).includes(selfUserId);
 }
 
 /** 刷新我管理的群申请红点 */
 function refreshUnhandledGroupRequests(): void {
   useGroupRequestStore()
     .fetchUnhandledGroupRequestList()
-    .catch(() => undefined)
+    .catch(() => undefined);
 }
 
 /**
@@ -83,22 +97,22 @@ export const useGroupStore = defineStore('imGroupStore', {
   state: () => ({
     groups: [] as Group[],
     loaded: false, // 仅 fetchGroupList 成功后置位；loadGroupList（IDB）不置位，否则后台 SWR 刷新会被缓存命中跳过
-    groupMembersExpired: false // 进入 IM / 重连后置位；IDB 里的成员桶延迟加载到内存时，也要按过期处理
+    groupMembersExpired: false, // 进入 IM / 重连后置位；IDB 里的成员桶延迟加载到内存时，也要按过期处理
   }),
 
   getters: {
     getGroup:
       (state) =>
       (id: number): Group | undefined => {
-        return state.groups.find((g) => g.id === id)
+        return state.groups.find((g) => g.id === id);
       },
     /** 群成员 userId → GroupMember 索引；调用方按 userId 反查昵称 / 头像等元信息 */
     getGroupMemberMap:
       (state) =>
       (id: number): Map<number, GroupMember> => {
-        const group = state.groups.find((g) => g.id === id)
-        return new Map((group?.members || []).map((m) => [m.userId, m]))
-      }
+        const group = state.groups.find((g) => g.id === id);
+        return new Map((group?.members || []).map((m) => [m.userId, m]));
+      },
   },
 
   actions: {
@@ -107,15 +121,15 @@ export const useGroupStore = defineStore('imGroupStore', {
     /** 从 IndexedDB 恢复群列表 */
     async loadGroupList(): Promise<boolean> {
       try {
-        const cached = await getDb().getAll<GroupDO>('groups')
+        const cached = await getDb().getAll<GroupDO>('groups');
         if (!cached || cached.length === 0) {
-          return false
+          return false;
         }
-        this.groups = cached
-        return true
+        this.groups = cached;
+        return true;
       } catch (error) {
-        console.warn('[IM groupStore] 本地群缓存读取失败', error)
-        return false
+        console.warn('[IM groupStore] 本地群缓存读取失败', error);
+        return false;
       }
     },
 
@@ -123,54 +137,56 @@ export const useGroupStore = defineStore('imGroupStore', {
     saveGroupList(): void {
       void getDb()
         .transaction(['groups'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.clearStore('groups', tx)
+          const db = getDb();
+          await db.clearStore('groups', tx);
           for (const group of this.groups) {
-            await db.put('groups', buildGroupDO(group), tx)
+            await db.put('groups', buildGroupDO(group), tx);
           }
         })
-        .catch((error) => console.warn('[IM groupStore] 本地群缓存写入失败', error))
+        .catch((error) =>
+          console.warn('[IM groupStore] 本地群缓存写入失败', error),
+        );
     },
 
     /** 保存单个群 */
     async saveGroupRecord(group: Group | undefined): Promise<void> {
       if (!group) {
-        return
+        return;
       }
-      await getDb().put('groups', buildGroupDO(group))
+      await getDb().put('groups', buildGroupDO(group));
     },
 
     /** 保存单个群 */
     saveGroup(group: Group | undefined): void {
       void this.saveGroupRecord(group).catch((error) =>
-        console.warn('[IM groupStore] 本地群写入失败', error)
-      )
+        console.warn('[IM groupStore] 本地群写入失败', error),
+      );
     },
 
     /** 从 IndexedDB 恢复指定群成员 */
     async loadGroupMemberList(groupId: number): Promise<GroupMember[] | null> {
       // in-memory 已"完整"加载（fetchGroupMemberList 跑过或上次冷启动从 IDB 整桶恢复过）：直接复用；
       // 单成员补齐（fetchGroupMember）写进的 partial members 不在此返回缓存——其 membersLoaded=false
-      const cachedGroup = this.getGroup(groupId)
+      const cachedGroup = this.getGroup(groupId);
       if (cachedGroup?.members && cachedGroup.membersLoaded) {
-        return cachedGroup.members
+        return cachedGroup.members;
       }
       try {
         const cached = await getDb().getAllByIndex<GroupMember>(
           'groupMembers',
           'groupId',
-          groupId
-        )
+          groupId,
+        );
         if (!cached || cached.length === 0) {
-          return null
+          return null;
         }
         // 把 IDB 拿到的成员落到对应 group
-        const group = this.getGroup(groupId)
+        const group = this.getGroup(groupId);
         if (group) {
-          group.members = cached
-          group.memberCount = cached.length
-          group.membersLoaded = true
-          group.membersExpired = this.groupMembersExpired
+          group.members = cached;
+          group.memberCount = cached.length;
+          group.membersLoaded = true;
+          group.membersExpired = this.groupMembersExpired;
         } else {
           // group 还没就位：仅 in-memory 占位（name='' 表示未知），不调 upsertGroup —— 避免把假名灌进 conversation.name + groups IDB 桶；
           // 后续，等 fetchGroupList 浅合并时，被真名覆盖
@@ -180,35 +196,42 @@ export const useGroupStore = defineStore('imGroupStore', {
             members: cached,
             memberCount: cached.length,
             membersLoaded: true,
-            membersExpired: this.groupMembersExpired
-          })
+            membersExpired: this.groupMembersExpired,
+          });
         }
-        return cached
+        return cached;
       } catch (error) {
-        console.warn('[IM groupStore] 本地群成员缓存读取失败', { groupId }, error)
-        return null
+        console.warn(
+          '[IM groupStore] 本地群成员缓存读取失败',
+          { groupId },
+          error,
+        );
+        return null;
       }
     },
 
     /** 保存指定群成员 */
     saveGroupMemberList(groupId: number): void {
-      const members = this.getGroup(groupId)?.members
+      const members = this.getGroup(groupId)?.members;
       if (!members) {
-        return
+        return;
       }
       void getDb()
         .transaction(['groupMembers'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.deleteByIndex('groupMembers', 'groupId', groupId, tx)
+          const db = getDb();
+          await db.deleteByIndex('groupMembers', 'groupId', groupId, tx);
           for (const member of members) {
             if (member.id) {
-              await db.put('groupMembers', member, tx)
+              await db.put('groupMembers', member, tx);
             }
           }
         })
         .catch((error) =>
-          console.warn(`[IM groupStore] 本地群成员缓存写入失败 (groupId=${groupId})`, error)
-        )
+          console.warn(
+            `[IM groupStore] 本地群成员缓存写入失败 (groupId=${groupId})`,
+            error,
+          ),
+        );
     },
 
     // ==================== 远端拉取 ====================
@@ -216,22 +239,22 @@ export const useGroupStore = defineStore('imGroupStore', {
     /** 拉取群列表；同步刷新对应群聊会话的展示名 / 头像 + 落 IDB */
     async fetchGroupList(force = false) {
       if (this.loaded && !force) {
-        return
+        return;
       }
-      const requestEpoch = storeEpoch
-      const requestUserId = getCurrentUserId()
+      const requestEpoch = storeEpoch;
+      const requestUserId = getCurrentUserId();
       // 拉取当前登录用户加入的所有群（不带成员；成员按需再走 fetchGroupMemberList）
-      const list = await apiGetMyGroupList()
+      const list = await apiGetMyGroupList();
       if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-        return
+        return;
       }
-      const fresh = (list || []).map((group) => convertGroup(group))
+      const fresh = (list || []).map((group) => convertGroup(group));
       // 合并而非全量替换：成员缓存只在成员列表接口维护，群个人设置以群列表接口为准
-      const groupMap = new Map(this.groups.map((group) => [group.id, group]))
+      const groupMap = new Map(this.groups.map((group) => [group.id, group]));
       this.groups = fresh.map((group) => {
-        const existing = groupMap.get(group.id)
+        const existing = groupMap.get(group.id);
         if (!existing) {
-          return { ...group, activeCallExpired: true, infoLoaded: true }
+          return { ...group, activeCallExpired: true, infoLoaded: true };
         }
         return {
           ...group,
@@ -241,26 +264,30 @@ export const useGroupStore = defineStore('imGroupStore', {
           members: existing.members,
           memberCount: existing.memberCount ?? group.memberCount,
           membersLoaded: existing.membersLoaded,
-          membersExpired: existing.membersExpired
-        }
-      })
-      this.loaded = true
-      const conversationStore = useConversationStore()
+          membersExpired: existing.membersExpired,
+        };
+      });
+      this.loaded = true;
+      const conversationStore = useConversationStore();
       for (const group of this.groups) {
-        conversationStore.updateConversation(ImConversationType.GROUP, group.id, {
-          name: getGroupDisplayName(group),
-          avatar: group.avatar,
-          silent: group.silent
-        })
+        conversationStore.updateConversation(
+          ImConversationType.GROUP,
+          group.id,
+          {
+            name: getGroupDisplayName(group),
+            avatar: group.avatar,
+            silent: group.silent,
+          },
+        );
       }
-      this.saveGroupList()
-      this.preloadMembersForEmptyAvatarGroups()
+      this.saveGroupList();
+      this.preloadMembersForEmptyAvatarGroups();
     },
 
     /** 失效全部群详情缓存 */
     markAllGroupInfoExpired() {
       for (const group of this.groups) {
-        group.infoLoaded = false
+        group.infoLoaded = false;
       }
     },
 
@@ -270,23 +297,32 @@ export const useGroupStore = defineStore('imGroupStore', {
         if (
           group.avatar ||
           group.joinStatus === CommonStatusEnum.DISABLE ||
-          (group.membersLoaded && !group.membersExpired && group.members?.length)
+          (group.membersLoaded &&
+            !group.membersExpired &&
+            group.members?.length)
         ) {
-          continue
+          continue;
         }
-        const force = !!group.membersLoaded && !group.membersExpired && !group.members?.length
+        const force =
+          !!group.membersLoaded &&
+          !group.membersExpired &&
+          !group.members?.length;
         this.fetchGroupMemberList(group.id, force).catch((error) => {
-          console.warn('[IM groupStore] 预加载群头像成员失败', { groupId: group.id }, error)
-        })
+          console.warn(
+            '[IM groupStore] 预加载群头像成员失败',
+            { groupId: group.id },
+            error,
+          );
+        });
       }
     },
 
     /** 失效全部群成员缓存 */
     markAllGroupMembersExpired() {
-      this.groupMembersExpired = true
+      this.groupMembersExpired = true;
       for (const group of this.groups) {
         if (group.membersLoaded) {
-          group.membersExpired = true
+          group.membersExpired = true;
         }
       }
     },
@@ -294,105 +330,121 @@ export const useGroupStore = defineStore('imGroupStore', {
     /** 失效全部群通话探测缓存 */
     markAllGroupActiveCallsExpired() {
       for (const group of this.groups) {
-        group.activeCallExpired = true
+        group.activeCallExpired = true;
       }
     },
 
     /** 标记群通话探测已加载 */
     markGroupActiveCallLoaded(groupId: number) {
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (!group) {
-        return
+        return;
       }
-      group.activeCallLoaded = true
-      group.activeCallExpired = false
+      group.activeCallLoaded = true;
+      group.activeCallExpired = false;
     },
 
     /** 判断群通话是否需要重新探测 */
     isGroupActiveCallExpired(groupId: number): boolean {
-      const group = this.getGroup(groupId)
-      return !group?.activeCallLoaded || !!group.activeCallExpired
+      const group = this.getGroup(groupId);
+      return !group?.activeCallLoaded || !!group.activeCallExpired;
     },
 
     /** 失效指定群成员缓存 */
     markGroupMembersExpired(groupId: number) {
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (group?.membersLoaded) {
-        group.membersExpired = true
+        group.membersExpired = true;
       }
     },
 
     /** 单群刷新：用 /im/group/get 拉一份最新元数据再 upsert，常用于 GROUP_UPDATE 推送后或手动 reload */
     async fetchGroupInfo(groupId: number, force = false) {
-      const cached = this.getGroup(groupId)
+      const cached = this.getGroup(groupId);
       if (cached?.infoLoaded && !force) {
-        return
+        return;
       }
       try {
-        const data = await apiGetGroup(groupId)
+        const data = await apiGetGroup(groupId);
         if (!data) {
-          return
+          return;
         }
-        this.upsertGroup({ ...convertGroup(data), infoLoaded: true })
+        this.upsertGroup({ ...convertGroup(data), infoLoaded: true });
       } catch (error) {
-        console.warn('[IM groupStore] fetchGroupInfo 失败', error)
+        console.warn('[IM groupStore] fetchGroupInfo 失败', error);
       }
     },
 
     /** 按群拉取成员（in-memory 缓存 + 并发去重，force=true 强刷）+ 落 IDB */
-    fetchGroupMemberList(groupId: number, force = false): Promise<GroupMember[]> {
+    fetchGroupMemberList(
+      groupId: number,
+      force = false,
+    ): Promise<GroupMember[]> {
       // in-memory "完整"加载过才命中——单成员补齐写入的 partial members 不在此返回（membersLoaded=false）
-      const cached = this.getGroup(groupId)
-      if (cached && cached.members && cached.membersLoaded && !cached.membersExpired && !force) {
-        return Promise.resolve(cached.members)
+      const cached = this.getGroup(groupId);
+      if (
+        cached &&
+        cached.members &&
+        cached.membersLoaded &&
+        !cached.membersExpired &&
+        !force
+      ) {
+        return Promise.resolve(cached.members);
       }
       // 未登录：不发起请求也不登记 in-flight，避免污染单飞表
-      const requestUserId = getCurrentUserId()
+      const requestUserId = getCurrentUserId();
       if (!requestUserId) {
-        return Promise.resolve([])
+        return Promise.resolve([]);
       }
-      const requestEpoch = storeEpoch
+      const requestEpoch = storeEpoch;
       // 同 (userId, groupId) 已经有正在飞的请求：直接复用，避免重复打接口
-      const key = pendingMemberKey(requestUserId, groupId)
-      const inflight = pendingMemberFetches.get(key)
+      const key = pendingMemberKey(requestUserId, groupId);
+      const inflight = pendingMemberFetches.get(key);
       if (inflight) {
-        return inflight
+        return inflight;
       }
       const promise = (async () => {
         // 拉接口 + 单 pass 转换：同时捕获 me 的原始 VO，给下面回填 user-per-group 字段（silent / groupRemark）用
-        const list = await apiGetGroupMemberList(groupId)
-        if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-          return []
+        const list = await apiGetGroupMemberList(groupId);
+        if (
+          requestEpoch !== storeEpoch ||
+          getCurrentUserId() !== requestUserId
+        ) {
+          return [];
         }
-        let meRaw: ImGroupMemberApi.GroupMemberRespVO | undefined
+        let meRaw: ImGroupMemberApi.GroupMemberRespVO | undefined;
         const members = (list || []).map((member) => {
           if (member.userId === requestUserId) {
-            meRaw = member
+            meRaw = member;
           }
-          return convertGroupMember(member, groupId)
-        })
-        const silent = !!meRaw?.silent
-        const groupRemark = meRaw?.groupRemark || ''
+          return convertGroupMember(member, groupId);
+        });
+        const silent = !!meRaw?.silent;
+        const groupRemark = meRaw?.groupRemark || '';
 
         // 必须 await 之后重新 getGroup，避免 fetchGroupList 已并发写入真实 group 的 race
-        const group = this.getGroup(groupId)
-        const isPlaceholder = !group
-        let groupFieldsChanged = false
+        const group = this.getGroup(groupId);
+        const isPlaceholder = !group;
+        let groupFieldsChanged = false;
         if (group) {
-          group.members = members
-          group.memberCount = members.length
-          group.membersLoaded = true
-          group.membersExpired = false
+          group.members = members;
+          group.memberCount = members.length;
+          group.membersLoaded = true;
+          group.membersExpired = false;
           // silent / groupRemark 任一变化才同步到 conversation 和 IDB；groupRemark 变化要顺带刷会话名
           if (group.silent !== silent || group.groupRemark !== groupRemark) {
-            group.silent = silent
-            group.groupRemark = groupRemark
-            groupFieldsChanged = true
-            const conversationStore = useConversationStore()
-            conversationStore.updateConversation(ImConversationType.GROUP, groupId, {
-              name: getGroupDisplayName(group),
-              silent
-            })
+            group.silent = silent;
+            group.groupRemark = groupRemark;
+            groupFieldsChanged = true;
+            const conversationStore = useConversationStore();
+            conversationStore.updateConversation(
+              ImConversationType.GROUP,
+              groupId,
+              {
+                name: getGroupDisplayName(group),
+                silent,
+              },
+            );
           }
         } else {
           // group 还没就位：仅 in-memory push 占位（name='' 表示未知），不调 upsertGroup——避免把假名灌进 conversation.name + groups IDB 桶；
@@ -405,22 +457,22 @@ export const useGroupStore = defineStore('imGroupStore', {
             silent,
             groupRemark,
             membersLoaded: true,
-            membersExpired: false
-          })
+            membersExpired: false,
+          });
         }
 
         // groups 桶仅在 user-per-group 字段实际变化时写——避免一次批量进群引发多次整桶重写
-        this.saveGroupMemberList(groupId)
+        this.saveGroupMemberList(groupId);
         if (!isPlaceholder && groupFieldsChanged) {
-          this.saveGroup(group)
+          this.saveGroup(group);
         }
-        return members
+        return members;
         // 无论成功 / 失败都要从单飞表清掉，否则后续同 group 请求永远拿到这个 stale Promise
-      })().finally(() => pendingMemberFetches.delete(key))
+      })().finally(() => pendingMemberFetches.delete(key));
 
       // 把 Promise 登记进单飞表，让此后短时间内的同 (userId, groupId) 请求复用
-      pendingMemberFetches.set(key, promise)
-      return promise
+      pendingMemberFetches.set(key, promise);
+      return promise;
     },
 
     /**
@@ -429,208 +481,242 @@ export const useGroupStore = defineStore('imGroupStore', {
      * 跟 fetchGroupMemberList 区别：只拉这一个成员，不动 me 的 silent / groupRemark（不是 me 的话拿不到）；
      * 命中时把成员 upsert 进 group.members 数组并落 IDB，让后续渲染能用 displayUserName
      */
-    fetchGroupMember(groupId: number, memberUserId: number): Promise<GroupMember | null> {
+    fetchGroupMember(
+      groupId: number,
+      memberUserId: number,
+    ): Promise<GroupMember | null> {
       // in-memory 命中直接返回，不打接口
-      const cached = this.getGroup(groupId)?.members?.find((m) => m.userId === memberUserId)
+      const cached = this.getGroup(groupId)?.members?.find(
+        (m) => m.userId === memberUserId,
+      );
       if (cached) {
-        return Promise.resolve(cached)
+        return Promise.resolve(cached);
       }
       // 未登录：不发起请求也不登记 in-flight，避免污染单飞表
-      const requestUserId = getCurrentUserId()
+      const requestUserId = getCurrentUserId();
       if (!requestUserId) {
-        return Promise.resolve(null)
+        return Promise.resolve(null);
       }
-      const requestEpoch = storeEpoch
+      const requestEpoch = storeEpoch;
       // 同 (userId, groupId, memberUserId) 已经有正在飞的请求：直接复用
-      const key = pendingSingleMemberKey(requestUserId, groupId, memberUserId)
-      const inflight = pendingSingleMemberFetches.get(key)
+      const key = pendingSingleMemberKey(requestUserId, groupId, memberUserId);
+      const inflight = pendingSingleMemberFetches.get(key);
       if (inflight) {
-        return inflight
+        return inflight;
       }
       const promise = (async () => {
-        const data = await apiGetGroupMember(groupId, memberUserId)
+        const data = await apiGetGroupMember(groupId, memberUserId);
         if (!data) {
-          return null
+          return null;
         }
-        if (requestEpoch !== storeEpoch || getCurrentUserId() !== requestUserId) {
-          return null
+        if (
+          requestEpoch !== storeEpoch ||
+          getCurrentUserId() !== requestUserId
+        ) {
+          return null;
         }
-        const member = convertGroupMember(data, groupId)
+        const member = convertGroupMember(data, groupId);
         // 把这一条 upsert 进 group.members 仅供 in-memory 渲染兜底；group 还没就位则用 placeholder
         // 注意：不写 IDB——成员桶语义是"全量"，存"1 人桶"会污染下次冷启动的 loadGroupMemberList
-        const group = this.getGroup(groupId)
+        const group = this.getGroup(groupId);
         if (group) {
-          const memberList = group.members ?? []
-          const index = memberList.findIndex((m) => m.userId === memberUserId)
+          const memberList = group.members ?? [];
+          const index = memberList.findIndex((m) => m.userId === memberUserId);
           if (index === -1) {
-            memberList.push(member)
+            memberList.push(member);
           } else {
-            memberList[index] = member
+            memberList[index] = member;
           }
-          group.members = memberList
+          group.members = memberList;
         } else {
           // memberCount 不设：后续 fetchGroupList 合并 `existing.memberCount ?? fresh.memberCount` 时，
           // 占位值会顶替真实值（fresh 不带 memberCount），等 fetchGroupMemberList 跑过才能拿到真实数
           this.groups.push({
             id: groupId,
             name: '',
-            members: [member]
-          })
+            members: [member],
+          });
         }
-        return member
-      })().finally(() => pendingSingleMemberFetches.delete(key))
-      pendingSingleMemberFetches.set(key, promise)
-      return promise
+        return member;
+      })().finally(() => pendingSingleMemberFetches.delete(key));
+      pendingSingleMemberFetches.set(key, promise);
+      return promise;
     },
 
     /** 按 id 插入或合并群（命中则浅合并保留旧字段，未命中则追加），同步把展示名 / 头像 / 免打扰推到对应会话 */
     upsertGroup(group: Group) {
       void this.upsertGroupAndSave(group).catch((error) =>
-        console.warn('[IM groupStore] 本地群写入失败', error)
-      )
+        console.warn('[IM groupStore] 本地群写入失败', error),
+      );
     },
 
     /** 按 id 插入或合并群 */
     async upsertGroupAndSave(group: Group): Promise<void> {
-      const index = this.groups.findIndex((g) => g.id === group.id)
+      const index = this.groups.findIndex((g) => g.id === group.id);
       if (index === -1) {
-        this.groups.push(group)
+        this.groups.push(group);
       } else {
-        this.groups[index] = { ...this.groups[index], ...group }
+        this.groups[index] = { ...this.groups[index], ...group };
       }
       // 同步推到 conversation：群名 / 头像 / 免打扰是会话列表展示用的，必须紧随 group 变更
-      const merged = this.getGroup(group.id) ?? group
-      const conversationStore = useConversationStore()
+      const merged = this.getGroup(group.id) ?? group;
+      const conversationStore = useConversationStore();
       conversationStore.updateConversation(ImConversationType.GROUP, group.id, {
         name: getGroupDisplayName(merged),
         avatar: merged.avatar,
-        silent: merged.silent
-      })
+        silent: merged.silent,
+      });
       // 持久化到 IDB（fire-and-forget）
-      await this.saveGroupRecord(merged)
+      await this.saveGroupRecord(merged);
     },
 
     /** 本地移除群缓存和群会话；群解散（GROUP_DEL）、退群、被踢都复用 */
     removeGroup(id: number) {
       // 本地硬删（区别于好友删除的软删保留记录）；级联清群聊会话避免列表里留死群
-      this.groups = this.groups.filter((g) => g.id !== id)
-      const conversationStore = useConversationStore()
-      conversationStore.removeGroupConversation(id)
+      this.groups = this.groups.filter((g) => g.id !== id);
+      const conversationStore = useConversationStore();
+      conversationStore.removeGroupConversation(id);
       void getDb()
         .transaction(['groups', 'groupMembers'], 'readwrite', async (tx) => {
-          const db = getDb()
-          await db.delete('groups', id, tx)
-          await db.deleteByIndex('groupMembers', 'groupId', id, tx)
+          const db = getDb();
+          await db.delete('groups', id, tx);
+          await db.deleteByIndex('groupMembers', 'groupId', id, tx);
         })
-        .catch((error) => console.warn(`[IM groupStore] 群缓存删除失败 (groupId=${id})`, error))
+        .catch((error) =>
+          console.warn(`[IM groupStore] 群缓存删除失败 (groupId=${id})`, error),
+        );
     },
 
     /** 切换免打扰：推后端 + 落本地 + 同步会话列表的 silent，避免 silent 图标 / 总未读 / 提示音判断与设置漂移；和 friendStore.setFriendSilent 对齐 */
     async setGroupSilent(id: number, silent: boolean) {
-      await apiUpdateGroupMember({ groupId: id, silent })
-      const group = this.getGroup(id)
+      await apiUpdateGroupMember({ groupId: id, silent });
+      const group = this.getGroup(id);
       if (!group) {
-        return
+        return;
       }
-      group.silent = silent
-      const conversationStore = useConversationStore()
-      conversationStore.updateConversation(ImConversationType.GROUP, id, { silent })
-      this.saveGroup(group)
+      group.silent = silent;
+      const conversationStore = useConversationStore();
+      conversationStore.updateConversation(ImConversationType.GROUP, id, {
+        silent,
+      });
+      this.saveGroup(group);
     },
 
     /** 批量更新群成员角色；本地不命中则忽略，等 fetchGroupMemberList 兜底 */
-    updateGroupMemberRoleList(groupId: number, userIds: number[], role: number) {
-      const group = this.getGroup(groupId)
+    updateGroupMemberRoleList(
+      groupId: number,
+      userIds: number[],
+      role: number,
+    ) {
+      const group = this.getGroup(groupId);
       if (!group?.members?.length) {
-        return
+        return;
       }
       // 命中目标且角色已变化才标记 changed，避免无变化时整数组重建触发响应式
-      const idSet = new Set(userIds)
-      let changed = false
+      const idSet = new Set(userIds);
+      let changed = false;
       const newMembers = group.members.map((member) => {
         if (!idSet.has(member.userId) || member.role === role) {
-          return member
+          return member;
         }
-        changed = true
-        return { ...member, role }
-      })
+        changed = true;
+        return { ...member, role };
+      });
       // 有变化才整组替换，让响应式只在真有更新时通知下游
       if (changed) {
-        group.members = newMembers
-        this.saveGroupMemberList(groupId)
+        group.members = newMembers;
+        this.saveGroupMemberList(groupId);
       }
     },
 
     /** 群主转让：群表 ownerUserId 改为新值；旧群主 role → NORMAL；新群主 role → OWNER */
-    transferGroupOwner(groupId: number, oldOwnerId: number, newOwnerId: number) {
-      const group = this.getGroup(groupId)
+    transferGroupOwner(
+      groupId: number,
+      oldOwnerId: number,
+      newOwnerId: number,
+    ) {
+      const group = this.getGroup(groupId);
       if (!group) {
-        return
+        return;
       }
       if (group.ownerUserId !== newOwnerId) {
-        group.ownerUserId = newOwnerId
+        group.ownerUserId = newOwnerId;
       }
-      this.updateGroupMemberRoleList(groupId, [oldOwnerId], ImGroupMemberRole.NORMAL)
-      this.updateGroupMemberRoleList(groupId, [newOwnerId], ImGroupMemberRole.OWNER)
-      this.saveGroup(group)
+      this.updateGroupMemberRoleList(
+        groupId,
+        [oldOwnerId],
+        ImGroupMemberRole.NORMAL,
+      );
+      this.updateGroupMemberRoleList(
+        groupId,
+        [newOwnerId],
+        ImGroupMemberRole.OWNER,
+      );
+      this.saveGroup(group);
     },
 
     /** 本地剔除群成员（GROUP_MEMBER_QUIT / KICK 事件）；不命中则等 fetchGroupMemberList 兜底 */
     removeLocalGroupMemberList(groupId: number, userIds: number[]) {
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (!group?.members?.length || userIds.length === 0) {
-        return
+        return;
       }
-      const idSet = new Set(userIds)
-      const next = group.members.filter((member) => !idSet.has(member.userId))
+      const idSet = new Set(userIds);
+      const next = group.members.filter((member) => !idSet.has(member.userId));
       if (next.length === group.members.length) {
-        return
+        return;
       }
-      group.members = next
-      group.memberCount = next.length
-      this.saveGroupMemberList(groupId)
+      group.members = next;
+      group.memberCount = next.length;
+      this.saveGroupMemberList(groupId);
     },
 
     /** 本地更新群成员的 status（自己退群 / 被踢的本地预置；让 isMember 立即收敛到 stranger，不依赖 removeGroup 的整群移除） */
     updateGroupMemberStatus(groupId: number, userId: number, status: number) {
-      const group = this.getGroup(groupId)
-      const member = group?.members?.find((m) => m.userId === userId)
+      const group = this.getGroup(groupId);
+      const member = group?.members?.find((m) => m.userId === userId);
       if (!member || member.status === status) {
-        return
+        return;
       }
-      member.status = status
-      this.saveGroupMemberList(groupId)
+      member.status = status;
+      this.saveGroupMemberList(groupId);
     },
 
     /** 本地更新群成员的 displayUserName（GROUP_MEMBER_NICKNAME_UPDATE 事件）；不命中则等 fetchGroupMemberList 兜底 */
-    updateGroupMemberDisplayUserName(groupId: number, userId: number, displayUserName: string) {
-      const group = this.getGroup(groupId)
-      const member = group?.members?.find((m) => m.userId === userId)
+    updateGroupMemberDisplayUserName(
+      groupId: number,
+      userId: number,
+      displayUserName: string,
+    ) {
+      const group = this.getGroup(groupId);
+      const member = group?.members?.find((m) => m.userId === userId);
       if (!member || member.displayUserName === displayUserName) {
-        return
+        return;
       }
-      member.displayUserName = displayUserName
-      this.saveGroupMemberList(groupId)
+      member.displayUserName = displayUserName;
+      this.saveGroupMemberList(groupId);
     },
 
     /** 局部更新群字段（name / notice / avatar 等）；未命中本地缓存时静默忽略，等 fetchGroupList 兜底；新值跟旧值都相同时跳过响应式 + IDB 写 */
     updateGroupFields(groupId: number, fields: Partial<Group>) {
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (!group) {
-        return
+        return;
       }
-      const changed = (Object.keys(fields) as (keyof Group)[]).some((k) => group[k] !== fields[k])
+      const changed = (Object.keys(fields) as (keyof Group)[]).some(
+        (k) => group[k] !== fields[k],
+      );
       if (!changed) {
-        return
+        return;
       }
-      Object.assign(group, fields)
-      const conversationStore = useConversationStore()
+      Object.assign(group, fields);
+      const conversationStore = useConversationStore();
       conversationStore.updateConversation(ImConversationType.GROUP, groupId, {
         name: getGroupDisplayName(group),
         avatar: group.avatar,
-        silent: group.silent
-      })
-      this.saveGroup(group)
+        silent: group.silent,
+      });
+      this.saveGroup(group);
     },
 
     /**
@@ -641,248 +727,298 @@ export const useGroupStore = defineStore('imGroupStore', {
      */
     applyGroupNotification(groupId: number, type: number, content?: string) {
       if (!groupId) {
-        return
+        return;
       }
-      let payload: GroupNotificationPayload
+      let payload: GroupNotificationPayload;
       try {
-        payload = content ? JSON.parse(content) : {}
+        payload = content ? JSON.parse(content) : {};
       } catch (error) {
         console.warn(
           '[IM groupStore] applyGroupNotification 解析 content 失败',
           { groupId, type, contentLength: content?.length ?? 0 },
-          error
-        )
-        return
+          error,
+        );
+        return;
       }
       switch (type) {
         case ImContentType.GROUP_ADMIN_ADD: {
           this.updateGroupMemberRoleList(
             groupId,
             payload.memberUserIds || [],
-            ImGroupMemberRole.ADMIN
-          )
-          this.markGroupMembersExpired(groupId)
+            ImGroupMemberRole.ADMIN,
+          );
+          this.markGroupMembersExpired(groupId);
           // 自己被加为管理员，原本看不到的群下未处理申请现在变可见，重新拉一次 unhandledList
           if (isSelfInPayloadMembers(payload)) {
-            refreshUnhandledGroupRequests()
+            refreshUnhandledGroupRequests();
           }
-          break
+          break;
         }
         case ImContentType.GROUP_ADMIN_REMOVE: {
           this.updateGroupMemberRoleList(
             groupId,
             payload.memberUserIds || [],
-            ImGroupMemberRole.NORMAL
-          )
-          this.markGroupMembersExpired(groupId)
+            ImGroupMemberRole.NORMAL,
+          );
+          this.markGroupMembersExpired(groupId);
           if (isSelfInPayloadMembers(payload)) {
-            refreshUnhandledGroupRequests()
+            refreshUnhandledGroupRequests();
           }
-          break
+          break;
         }
         case ImContentType.GROUP_BANNED: {
-          this.updateGroupFields(groupId, { banned: !!payload.banned })
-          break
+          this.updateGroupFields(groupId, { banned: !!payload.banned });
+          break;
         }
         case ImContentType.GROUP_CANCEL_MUTED: {
-          this.updateGroupFields(groupId, { mutedAll: false })
-          break
+          this.updateGroupFields(groupId, { mutedAll: false });
+          break;
         }
         case ImContentType.GROUP_CREATE: {
-          this.applyGroupCreateNotification(groupId, payload)
-          break
+          this.applyGroupCreateNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_DISSOLVE: {
-          this.removeGroup(groupId)
-          break
+          this.removeGroup(groupId);
+          break;
         }
         case ImContentType.GROUP_INFO_UPDATE: {
-          this.applyGroupInfoUpdateNotification(groupId, payload)
-          break
+          this.applyGroupInfoUpdateNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_CANCEL_MUTED: {
-          this.applyGroupMemberCancelMutedNotification(groupId, payload)
-          break
+          this.applyGroupMemberCancelMutedNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_ENTER: {
-          this.applyGroupMemberEnterNotification(groupId, payload)
-          break
+          this.applyGroupMemberEnterNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_INVITE: {
-          this.applyGroupMemberInviteNotification(groupId, payload)
-          break
+          this.applyGroupMemberInviteNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_KICK: {
-          this.applyGroupMemberKickNotification(groupId, payload)
-          break
+          this.applyGroupMemberKickNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_MUTED: {
-          this.applyGroupMemberMutedNotification(groupId, payload)
-          break
+          this.applyGroupMemberMutedNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_NICKNAME_UPDATE: {
-          this.applyGroupMemberNicknameUpdateNotification(groupId, payload)
-          break
+          this.applyGroupMemberNicknameUpdateNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MEMBER_QUIT: {
-          this.applyGroupMemberQuitNotification(groupId, payload)
-          break
+          this.applyGroupMemberQuitNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MESSAGE_PIN: {
-          this.applyGroupMessagePinNotification(groupId, payload)
-          break
+          this.applyGroupMessagePinNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MESSAGE_UNPIN: {
-          this.applyGroupMessageUnpinNotification(groupId, payload)
-          break
+          this.applyGroupMessageUnpinNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_MUTED: {
-          this.updateGroupFields(groupId, { mutedAll: true })
-          break
+          this.updateGroupFields(groupId, { mutedAll: true });
+          break;
         }
         case ImContentType.GROUP_NAME_UPDATE: {
-          this.applyGroupNameUpdateNotification(groupId, payload)
-          break
+          this.applyGroupNameUpdateNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_NOTICE_UPDATE: {
-          this.applyGroupNoticeUpdateNotification(groupId, payload)
-          break
+          this.applyGroupNoticeUpdateNotification(groupId, payload);
+          break;
         }
         case ImContentType.GROUP_OWNER_TRANSFER: {
-          this.applyGroupOwnerTransferNotification(groupId, payload)
-          break
+          this.applyGroupOwnerTransferNotification(groupId, payload);
+          break;
         }
       }
     },
 
     /** 创建群广播：群未就位时拉群详情 */
-    async applyGroupCreateNotification(groupId: number, payload: GroupNotificationPayload) {
+    async applyGroupCreateNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       if (!isSelfInPayloadMembers(payload)) {
-        return
+        return;
       }
-      const selfUserId = getCurrentUserId()
-      const selfIsOperator = !!selfUserId && payload.operatorUserId === selfUserId
+      const selfUserId = getCurrentUserId();
+      const selfIsOperator =
+        !!selfUserId && payload.operatorUserId === selfUserId;
       if (selfIsOperator && this.getGroup(groupId)) {
-        return
+        return;
       }
-      await this.fetchGroupInfo(groupId, true)
+      await this.fetchGroupInfo(groupId, true);
     },
 
     /** 群名变更：按 newName 局部更新本地群名 */
-    applyGroupNameUpdateNotification(groupId: number, payload: GroupNotificationPayload) {
+    applyGroupNameUpdateNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       if (payload.newName) {
-        this.updateGroupFields(groupId, { name: payload.newName })
+        this.updateGroupFields(groupId, { name: payload.newName });
       }
     },
 
     /** 群公告变更：按 newNotice 局部更新（允许空串作为「清空公告」） */
-    applyGroupNoticeUpdateNotification(groupId: number, payload: GroupNotificationPayload) {
-      this.updateGroupFields(groupId, { notice: payload.newNotice ?? '' })
+    applyGroupNoticeUpdateNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      this.updateGroupFields(groupId, { notice: payload.newNotice ?? '' });
     },
 
     /** 群信息变更：同步头像、进群审批 */
-    applyGroupInfoUpdateNotification(groupId: number, payload: GroupNotificationPayload) {
-      const fields: Partial<Group> = {}
+    applyGroupInfoUpdateNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const fields: Partial<Group> = {};
       if (payload.newAvatar) {
-        fields.avatar = payload.newAvatar
+        fields.avatar = payload.newAvatar;
       }
-      if (payload.newJoinApproval != null) {
-        fields.joinApproval = payload.newJoinApproval
+      if (payload.newJoinApproval !== null) {
+        fields.joinApproval = payload.newJoinApproval;
       }
       if (Object.keys(fields).length > 0) {
-        this.updateGroupFields(groupId, fields)
+        this.updateGroupFields(groupId, fields);
       }
     },
 
     /** 成员加入：被邀请者本端 group 未就位先 fetchGroupInfo 初次拉取；所有人都刷成员列表（新成员 nickname / avatar 不在 payload） */
-    async applyGroupMemberInviteNotification(groupId: number, payload: GroupNotificationPayload) {
+    async applyGroupMemberInviteNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       // 自己刚被拉进来：必须 await fetchGroupInfo 让群入 state.groups，否则 fetchGroupMemberList 的 guard 会兜空
       if (isSelfInPayloadMembers(payload) && !this.getGroup(groupId)) {
-        await this.fetchGroupInfo(groupId, true)
+        await this.fetchGroupInfo(groupId, true);
       }
-      this.markGroupMembersExpired(groupId)
-      this.fetchGroupMemberList(groupId, true).catch(() => undefined)
+      this.markGroupMembersExpired(groupId);
+      this.fetchGroupMemberList(groupId, true).catch(() => undefined);
     },
 
     /** 自由进群：进群者本端 group 未就位先 fetchGroupInfo 初次拉取；所有人都刷成员列表 */
-    async applyGroupMemberEnterNotification(groupId: number, payload: GroupNotificationPayload) {
-      const selfUserId = getCurrentUserId()
+    async applyGroupMemberEnterNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const selfUserId = getCurrentUserId();
       // 自己自由进群：必须 await fetchGroupInfo 让群入 state.groups，否则 fetchGroupMemberList 的 guard 会兜空
-      if (selfUserId && payload.entrantUserId === selfUserId && !this.getGroup(groupId)) {
-        await this.fetchGroupInfo(groupId, true)
+      if (
+        selfUserId &&
+        payload.entrantUserId === selfUserId &&
+        !this.getGroup(groupId)
+      ) {
+        await this.fetchGroupInfo(groupId, true);
       }
-      this.markGroupMembersExpired(groupId)
-      this.fetchGroupMemberList(groupId, true).catch(() => undefined)
+      this.markGroupMembersExpired(groupId);
+      this.fetchGroupMemberList(groupId, true).catch(() => undefined);
     },
 
     /** 成员退群：退群者本人先把 self.status 置 DISABLE 再 removeGroup（保留状态语义 + 维持 groups 列表干净）；其他成员从本地列表移除 quitter */
-    applyGroupMemberQuitNotification(groupId: number, payload: GroupNotificationPayload) {
-      const selfUserId = getCurrentUserId()
+    applyGroupMemberQuitNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const selfUserId = getCurrentUserId();
       if (selfUserId && payload.operatorUserId === selfUserId) {
-        this.updateGroupMemberStatus(groupId, selfUserId, CommonStatusEnum.DISABLE)
-        this.removeGroup(groupId)
+        this.updateGroupMemberStatus(
+          groupId,
+          selfUserId,
+          CommonStatusEnum.DISABLE,
+        );
+        this.removeGroup(groupId);
       } else if (payload.operatorUserId) {
-        this.removeLocalGroupMemberList(groupId, [payload.operatorUserId])
-        this.markGroupMembersExpired(groupId)
+        this.removeLocalGroupMemberList(groupId, [payload.operatorUserId]);
+        this.markGroupMembersExpired(groupId);
       }
     },
 
     /** 成员被移出：被踢者本人先把 self.status 置 DISABLE 再 removeGroup；其他成员从本地列表移除被踢者 */
-    applyGroupMemberKickNotification(groupId: number, payload: GroupNotificationPayload) {
-      const memberIds = payload.memberUserIds || []
-      const selfUserId = getCurrentUserId()
+    applyGroupMemberKickNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const memberIds = payload.memberUserIds || [];
+      const selfUserId = getCurrentUserId();
       if (isSelfInPayloadMembers(payload)) {
         if (selfUserId) {
-          this.updateGroupMemberStatus(groupId, selfUserId, CommonStatusEnum.DISABLE)
+          this.updateGroupMemberStatus(
+            groupId,
+            selfUserId,
+            CommonStatusEnum.DISABLE,
+          );
         }
-        this.removeGroup(groupId)
+        this.removeGroup(groupId);
       } else if (memberIds.length > 0) {
-        this.removeLocalGroupMemberList(groupId, memberIds)
-        this.markGroupMembersExpired(groupId)
+        this.removeLocalGroupMemberList(groupId, memberIds);
+        this.markGroupMembersExpired(groupId);
       }
     },
 
     /** 成员昵称变更：按 operatorUserId 局部更新对应 member.displayUserName */
-    applyGroupMemberNicknameUpdateNotification(groupId: number, payload: GroupNotificationPayload) {
+    applyGroupMemberNicknameUpdateNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       if (payload.operatorUserId) {
         this.updateGroupMemberDisplayUserName(
           groupId,
           payload.operatorUserId,
-          payload.displayUserName ?? ''
-        )
-        this.markGroupMembersExpired(groupId)
+          payload.displayUserName ?? '',
+        );
+        this.markGroupMembersExpired(groupId);
       }
     },
 
     /** 群主转让：旧群主 → NORMAL，新群主 → OWNER；新群主自己侧重新拉申请列表 */
-    applyGroupOwnerTransferNotification(groupId: number, payload: GroupNotificationPayload) {
+    applyGroupOwnerTransferNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       if (payload.operatorUserId && payload.newOwnerUserId) {
-        this.transferGroupOwner(groupId, payload.operatorUserId, payload.newOwnerUserId)
-        this.markGroupMembersExpired(groupId)
+        this.transferGroupOwner(
+          groupId,
+          payload.operatorUserId,
+          payload.newOwnerUserId,
+        );
+        this.markGroupMembersExpired(groupId);
       }
       // 自己接管群主：原本看不到的群下未处理申请现在变可见，重新拉一次 unhandledList
-      const selfUserId = getCurrentUserId()
+      const selfUserId = getCurrentUserId();
       if (selfUserId && payload.newOwnerUserId === selfUserId) {
-        refreshUnhandledGroupRequests()
+        refreshUnhandledGroupRequests();
       } else if (selfUserId && payload.operatorUserId === selfUserId) {
-        refreshUnhandledGroupRequests()
+        refreshUnhandledGroupRequests();
       }
     },
 
     /** 群消息置顶：从 payload 取消息展示数据加入置顶列表 */
-    applyGroupMessagePinNotification(groupId: number, payload: GroupNotificationPayload) {
-      const message = payload.message
+    applyGroupMessagePinNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const message = payload.message;
       if (!message) {
-        return
+        return;
       }
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (!group) {
-        return
+        return;
       }
       // 幂等：已存在同 messageId 不重复 push
-      const existing = group.pinnedMessages || []
+      const existing = group.pinnedMessages || [];
       if (existing.some((msg) => msg.id === message.id)) {
-        return
+        return;
       }
       group.pinnedMessages = [
         ...existing,
@@ -897,64 +1033,81 @@ export const useGroupStore = defineStore('imGroupStore', {
           targetId: message.groupId || groupId,
           selfSend: message.senderId === getCurrentUserId(),
           atUserIds: message.atUserIds ? [...message.atUserIds] : [],
-          receiverUserIds: message.receiverUserIds ? [...message.receiverUserIds] : []
-        }
-      ]
-      this.saveGroup(group)
+          receiverUserIds: message.receiverUserIds
+            ? [...message.receiverUserIds]
+            : [],
+        },
+      ];
+      this.saveGroup(group);
     },
 
     /** 群消息取消置顶：按 messageId 从本地置顶列表中移除 */
-    applyGroupMessageUnpinNotification(groupId: number, payload: GroupNotificationPayload) {
+    applyGroupMessageUnpinNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
       if (!payload.messageId) {
-        return
+        return;
       }
-      const group = this.getGroup(groupId)
+      const group = this.getGroup(groupId);
       if (!group?.pinnedMessages?.length) {
-        return
+        return;
       }
-      const newPinnedMessages = group.pinnedMessages.filter((m) => m.id !== payload.messageId)
+      const newPinnedMessages = group.pinnedMessages.filter(
+        (m) => m.id !== payload.messageId,
+      );
       if (newPinnedMessages.length === group.pinnedMessages.length) {
-        return
+        return;
       }
-      group.pinnedMessages = newPinnedMessages
-      this.saveGroup(group)
+      group.pinnedMessages = newPinnedMessages;
+      this.saveGroup(group);
     },
 
     /** 单成员禁言：更新目标成员的 muteEndTime */
-    applyGroupMemberMutedNotification(groupId: number, payload: GroupNotificationPayload) {
-      const group = this.getGroup(groupId)
-      const member = group?.members?.find((m) => m.userId === payload.mutedUserId)
+    applyGroupMemberMutedNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const group = this.getGroup(groupId);
+      const member = group?.members?.find(
+        (m) => m.userId === payload.mutedUserId,
+      );
       if (member && payload.muteEndTime) {
-        member.muteEndTime = payload.muteEndTime
-        this.saveGroupMemberList(groupId)
-        this.markGroupMembersExpired(groupId)
+        member.muteEndTime = payload.muteEndTime;
+        this.saveGroupMemberList(groupId);
+        this.markGroupMembersExpired(groupId);
       }
     },
 
     /** 单成员取消禁言：清空目标成员的 muteEndTime */
-    applyGroupMemberCancelMutedNotification(groupId: number, payload: GroupNotificationPayload) {
-      const group = this.getGroup(groupId)
-      const member = group?.members?.find((m) => m.userId === payload.mutedUserId)
+    applyGroupMemberCancelMutedNotification(
+      groupId: number,
+      payload: GroupNotificationPayload,
+    ) {
+      const group = this.getGroup(groupId);
+      const member = group?.members?.find(
+        (m) => m.userId === payload.mutedUserId,
+      );
       if (member) {
-        member.muteEndTime = undefined
-        this.saveGroupMemberList(groupId)
-        this.markGroupMembersExpired(groupId)
+        member.muteEndTime = undefined;
+        this.saveGroupMemberList(groupId);
+        this.markGroupMembersExpired(groupId);
       }
     },
 
     /** 切账号时仅清 in-memory，IDB 按 userId 分桶天然隔离，回切秒开 */
     clear() {
-      this.groups = []
-      this.loaded = false
-      this.groupMembersExpired = false
+      this.groups = [];
+      this.loaded = false;
+      this.groupMembersExpired = false;
       // 账号切换：递增 epoch 废弃旧账号 in-flight 的成员请求
-      storeEpoch++
+      storeEpoch++;
       // 单飞表跟 in-memory state 一起重置；旧账号 in-flight 的请求 finally 也会自己 delete key，提前清空只是更干脆
-      pendingMemberFetches.clear()
-      pendingSingleMemberFetches.clear()
-    }
-  }
-})
+      pendingMemberFetches.clear();
+      pendingSingleMemberFetches.clear();
+    },
+  },
+});
 
 function convertGroup(group: ImGroupApi.GroupRespVO): Group {
   return {
@@ -963,21 +1116,23 @@ function convertGroup(group: ImGroupApi.GroupRespVO): Group {
     avatar: group.avatar,
     notice: group.notice,
     ownerUserId: group.ownerUserId,
-    pinnedMessages: group.pinnedMessages?.map((message) => convertGroupMessageVO(message)),
+    pinnedMessages: group.pinnedMessages?.map((message) =>
+      convertGroupMessageVO(message),
+    ),
     mutedAll: group.mutedAll,
     banned: group.banned,
     joinApproval: group.joinApproval,
     joinStatus: group.joinStatus,
     groupRemark: group.groupRemark,
-    silent: group.silent
-  }
+    silent: group.silent,
+  };
 }
 
 /** 后端 ImGroupMessageApi.GroupMessageRespVO -> 前端 Message：补 targetId / selfSend / sendTime 等派生字段 */
 function convertGroupMessageVO(
-  message: NonNullable<ImGroupApi.GroupRespVO['pinnedMessages']>[number]
+  message: NonNullable<ImGroupApi.GroupRespVO['pinnedMessages']>[number],
 ): Message {
-  const currentUserId = getCurrentUserId()
+  const currentUserId = getCurrentUserId();
   return {
     id: message.id,
     clientMessageId: message.clientMessageId || '',
@@ -991,11 +1146,14 @@ function convertGroupMessageVO(
     atUserIds: message.atUserIds || [],
     receiverUserIds: message.receiverUserIds || [],
     receiptStatus: message.receiptStatus,
-    readCount: message.readCount
-  }
+    readCount: message.readCount,
+  };
 }
 
-function convertGroupMember(member: ImGroupMemberApi.GroupMemberRespVO, groupId: number): GroupMember {
+function convertGroupMember(
+  member: ImGroupMemberApi.GroupMemberRespVO,
+  groupId: number,
+): GroupMember {
   return {
     id: member.id,
     userId: member.userId,
@@ -1005,13 +1163,13 @@ function convertGroupMember(member: ImGroupMemberApi.GroupMemberRespVO, groupId:
     displayUserName: member.displayUserName,
     status: member.status,
     role: member.role,
-    muteEndTime: member.muteEndTime
-  }
+    muteEndTime: member.muteEndTime,
+  };
 }
 
-export const useGroupStoreWithOut = () => useGroupStore()
+export const useGroupStoreWithOut = () => useGroupStore();
 
 // dev: 让 Pinia 的 actions 改动支持 HMR，免去每次改 store 都要硬刷
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useGroupStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useGroupStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/store/messageStore.ts b/apps/web-antd/src/views/im/home/store/messageStore.ts
index fa17b6740..b91d23f54 100644
--- a/apps/web-antd/src/views/im/home/store/messageStore.ts
+++ b/apps/web-antd/src/views/im/home/store/messageStore.ts
@@ -1,8 +1,9 @@
-import type { Conversation, Message, MessageDO } from '../types'
+import type { DbTransaction } from '../../utils/db';
+import type { Conversation, Message, MessageDO } from '../types';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
 import {
   IM_AT_ALL_USER_ID,
@@ -11,82 +12,82 @@ import {
   ImMessageReceiptStatus,
   ImMessageStatus,
   isGroupNotification,
-  isNormalMessage
-} from '../../utils/constants'
-import { resolveConversationLastContent } from '../../utils/conversation'
+  isNormalMessage,
+} from '../../utils/constants';
+import { resolveConversationLastContent } from '../../utils/conversation';
 import {
-  type DbTransaction,
   getClientConversationId,
   getClientMessageKey,
   getDb,
   getServerMessageKey,
   parseClientConversationId,
   setMessageMaxId,
-  StorageKeys
-} from '../../utils/db'
+  StorageKeys,
+} from '../../utils/db';
 import {
   generateClientMessageId,
   parseRecallMessageId,
-  revokeBlobUrlsInContent
-} from '../../utils/message'
-import { isGroupQuit, tryGetSenderDisplayName } from '../../utils/user'
-import { useConversationStore } from './conversationStore'
-import { useGroupStore } from './groupStore'
+  revokeBlobUrlsInContent,
+} from '../../utils/message';
+import { isGroupQuit, tryGetSenderDisplayName } from '../../utils/user';
+import { useConversationStore } from './conversationStore';
+import { useGroupStore } from './groupStore';
 
-const MESSAGE_CACHE_RECENT_CONVERSATION_LIMIT = 5
-const MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT = MESSAGE_CACHE_RECENT_CONVERSATION_LIMIT + 1
-const ackMergingPromises = new Map<string, Promise<void>>()
+const MESSAGE_CACHE_RECENT_CONVERSATION_LIMIT = 5;
+const MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT =
+  MESSAGE_CACHE_RECENT_CONVERSATION_LIMIT + 1;
+const ackMergingPromises = new Map<string, Promise<void>>();
 
 interface MessageConversationInfo {
-  type: number
-  targetId: number
-  name: string
-  avatar: string
-  silent?: boolean
+  type: number;
+  targetId: number;
+  name: string;
+  avatar: string;
+  silent?: boolean;
 }
 
 interface PersistMessageRecordOptions {
-  mergeClientRecord?: boolean
+  mergeClientRecord?: boolean;
 }
 
 /** 拉取消息批量处理项 */
 export type PulledMessage =
   | {
-      conversationInfo: MessageConversationInfo
-      kind: 'insert'
-      message: Message
+      conversationInfo: MessageConversationInfo;
+      kind: 'insert';
+      message: Message;
     }
   | {
-      conversationType: number
-      kind: 'recall'
-      recallSignalContent: string
-      targetId: number
-    }
+      conversationType: number;
+      kind: 'recall';
+      recallSignalContent: string;
+      targetId: number;
+    };
 
 /** 获取会话的消息缓存 key */
 function getMessageCacheKey(type: number, targetId: number): string {
-  return getClientConversationId(type, targetId)
+  return getClientConversationId(type, targetId);
 }
 
 /** 生成消息本地主键 */
 function getMessageKey(
   message: Pick<Message, 'clientMessageId' | 'id'>,
-  conversationType: number
+  conversationType: number,
 ): string {
   return message.id
     ? getServerMessageKey(conversationType, message.id)
-    : getClientMessageKey(message.clientMessageId)
+    : getClientMessageKey(message.clientMessageId);
 }
 
 /** 补齐客户端消息编号 */
 function ensureClientMessageId(message: Message): Message {
   if (!message.clientMessageId) {
-    message.clientMessageId = generateClientMessageId()
+    message.clientMessageId = generateClientMessageId();
   }
   if (!message.id) {
-    message.id = undefined
+    message.id = undefined;
   }
-  return message
+  return message;
 }
 
 /** 转换为 IndexedDB 消息记录 */
@@ -100,7 +101,9 @@ function buildMessageDO(message: Message, conversationType: number): MessageDO {
     sendTime: message.sendTime,
     senderId: message.senderId,
     atUserIds: message.atUserIds ? [...message.atUserIds] : undefined,
-    receiverUserIds: message.receiverUserIds ? [...message.receiverUserIds] : undefined,
+    receiverUserIds: message.receiverUserIds
+      ? [...message.receiverUserIds]
+      : undefined,
     receiptStatus: message.receiptStatus,
     readCount: message.readCount,
     materialId: message.materialId,
@@ -108,8 +111,11 @@ function buildMessageDO(message: Message, conversationType: number): MessageDO {
     selfSend: message.selfSend,
     messageKey: getMessageKey(message, conversationType),
     conversationType,
-    clientConversationId: getClientConversationId(conversationType, message.targetId)
-  }
+    clientConversationId: getClientConversationId(
+      conversationType,
+      message.targetId,
+    ),
+  };
 }
 
 /** IndexedDB 消息记录转前端消息 */
@@ -119,113 +125,143 @@ function buildMessageFromDO(message: MessageDO): Message {
     conversationType: _conversationType,
     clientConversationId: _clientConversationId,
     ...rest
-  } = message
-  return rest
+  } = message;
+  return rest;
 }
 
 /** 算出末条消息的发送人快照 */
 function deriveLastSenderDisplayName(
   conversation: Conversation,
-  senderId: number
+  senderId: number,
 ): string | undefined {
   // 1. 优先使用当前内存中的好友 / 群成员信息
-  const liveSenderName = tryGetSenderDisplayName(senderId, conversation.type, conversation.targetId)
+  const liveSenderName = tryGetSenderDisplayName(
+    senderId,
+    conversation.type,
+    conversation.targetId,
+  );
   if (liveSenderName) {
-    return liveSenderName
+    return liveSenderName;
   }
   // 2. 群成员缓存缺失时异步补齐
   if (conversation.type === ImConversationType.GROUP) {
-    const groupStore = useGroupStore()
-    const group = groupStore.getGroup(conversation.targetId)
+    const groupStore = useGroupStore();
+    const group = groupStore.getGroup(conversation.targetId);
     if (!group || isGroupQuit(group)) {
-      return conversation.lastSenderId === senderId ? conversation.lastSenderDisplayName : undefined
+      return conversation.lastSenderId === senderId
+        ? conversation.lastSenderDisplayName
+        : undefined;
     }
     const fetchPromise =
       group?.membersLoaded && !group.membersExpired
         ? groupStore.fetchGroupMember(conversation.targetId, senderId)
-        : groupStore.fetchGroupMemberList(conversation.targetId)
+        : groupStore.fetchGroupMemberList(conversation.targetId);
     fetchPromise.catch((error) =>
       console.warn(
         '[IM messageStore] 兜底拉群成员失败',
-        { groupId: conversation.targetId, senderId, fullFetch: !group?.membersLoaded },
-        error
-      )
-    )
+        {
+          groupId: conversation.targetId,
+          senderId,
+          fullFetch: !group?.membersLoaded,
+        },
+        error,
+      ),
+    );
   }
-  return conversation.lastSenderId === senderId ? conversation.lastSenderDisplayName : undefined
+  return conversation.lastSenderId === senderId
+    ? conversation.lastSenderDisplayName
+    : undefined;
 }
 
 /** 按消息更新会话摘要 */
-function applyConversationSummary(conversation: Conversation, message: Message): void {
-  const senderDisplayName = deriveLastSenderDisplayName(conversation, message.senderId)
+function applyConversationSummary(
+  conversation: Conversation,
+  message: Message,
+): void {
+  const senderDisplayName = deriveLastSenderDisplayName(
+    conversation,
+    message.senderId,
+  );
   conversation.lastContent = resolveConversationLastContent(
     message,
     conversation.type,
     conversation.targetId,
-    senderDisplayName
-  )
-  conversation.lastSendTime = message.sendTime || Date.now()
-  conversation.lastSenderId = message.senderId
-  conversation.lastMessageType = message.type
-  conversation.lastMessageId = message.id
-  conversation.lastClientMessageId = message.clientMessageId
-  conversation.lastMessageStatus = message.status
-  conversation.lastReceiptStatus = message.receiptStatus
-  conversation.lastSelfSend = message.selfSend
-  conversation.lastSenderDisplayName = senderDisplayName
+    senderDisplayName,
+  );
+  conversation.lastSendTime = message.sendTime || Date.now();
+  conversation.lastSenderId = message.senderId;
+  conversation.lastMessageType = message.type;
+  conversation.lastMessageId = message.id;
+  conversation.lastClientMessageId = message.clientMessageId;
+  conversation.lastMessageStatus = message.status;
+  conversation.lastReceiptStatus = message.receiptStatus;
+  conversation.lastSelfSend = message.selfSend;
+  conversation.lastSenderDisplayName = senderDisplayName;
 }
 
 /** 按末条消息重算会话摘要 */
-function recomputeConversationLast(conversation: Conversation, messages: Message[]): void {
-  const last = messages[messages.length - 1]
+function recomputeConversationLast(
+  conversation: Conversation,
+  messages: Message[],
+): void {
+  const last = messages[messages.length - 1];
   if (last) {
-    applyConversationSummary(conversation, last)
-    return
+    applyConversationSummary(conversation, last);
+    return;
   }
-  conversation.lastContent = ''
-  conversation.lastSendTime = 0
-  conversation.lastSenderId = undefined
-  conversation.lastMessageType = undefined
-  conversation.lastMessageId = undefined
-  conversation.lastClientMessageId = undefined
-  conversation.lastMessageStatus = undefined
-  conversation.lastReceiptStatus = undefined
-  conversation.lastSelfSend = undefined
-  conversation.lastSenderDisplayName = undefined
+  conversation.lastContent = '';
+  conversation.lastSendTime = 0;
+  conversation.lastSenderId = undefined;
+  conversation.lastMessageType = undefined;
+  conversation.lastMessageId = undefined;
+  conversation.lastClientMessageId = undefined;
+  conversation.lastMessageStatus = undefined;
+  conversation.lastReceiptStatus = undefined;
+  conversation.lastSelfSend = undefined;
+  conversation.lastSenderDisplayName = undefined;
 }
 
 /** 同步群 @ 状态 */
-function syncConversationAtFlags(conversation: Conversation, message: Message): void {
+function syncConversationAtFlags(
+  conversation: Conversation,
+  message: Message,
+): void {
   if (
     message.selfSend ||
     conversation.type !== ImConversationType.GROUP ||
     !message.atUserIds ||
     message.atUserIds.length === 0
   ) {
-    return
+    return;
   }
-  const currentUserId = getCurrentUserId()
+  const currentUserId = getCurrentUserId();
   if (currentUserId && message.atUserIds.includes(currentUserId)) {
-    conversation.atMe = true
+    conversation.atMe = true;
   }
   if (message.atUserIds.includes(IM_AT_ALL_USER_ID)) {
-    conversation.atAll = true
+    conversation.atAll = true;
   }
 }
 
 /** 应用服务端消息更新 */
-function applyServerMessageUpdate(message: Message, updates: Partial<Message>): void {
+function applyServerMessageUpdate(
+  message: Message,
+  updates: Partial<Message>,
+): void {
   if (updates.content && updates.content !== message.content) {
-    revokeBlobUrlsInContent(message.content)
+    revokeBlobUrlsInContent(message.content);
   }
-  Object.assign(message, updates)
+  Object.assign(message, updates);
   if (updates.id === 0) {
-    message.id = undefined
+    message.id = undefined;
   }
-  if (updates.status !== undefined && updates.status !== ImMessageStatus.SENDING) {
-    message.uploadProgress = undefined
+  if (
+    updates.status !== undefined &&
+    updates.status !== ImMessageStatus.SENDING
+  ) {
+    message.uploadProgress = undefined;
     if (updates.status !== ImMessageStatus.FAILED) {
-      message._localFile = undefined
+      message._localFile = undefined;
     }
   }
 }
@@ -233,9 +269,11 @@ function applyServerMessageUpdate(message: Message, updates: Partial<Message>):
 /** 判断是否为同一条消息 */
 function isSameMessage(left: Message, right: Message): boolean {
   if (left.id && right.id && left.id === right.id) {
-    return true
+    return true;
   }
-  return !!left.clientMessageId && left.clientMessageId === right.clientMessageId
+  return (
+    !!left.clientMessageId && left.clientMessageId === right.clientMessageId
+  );
 }
 
 export const useMessageStore = defineStore('imMessageStore', {
@@ -245,7 +283,7 @@ export const useMessageStore = defineStore('imMessageStore', {
     privateReadMaxIds: {} as Partial<Record<number, number>>,
     privateMessageMaxId: 0,
     groupMessageMaxId: 0,
-    channelMessageMaxId: 0
+    channelMessageMaxId: 0,
   }),
 
   getters: {
@@ -253,7 +291,7 @@ export const useMessageStore = defineStore('imMessageStore', {
     getMessages:
       (state) =>
       (clientConversationId: string): Message[] =>
-        state.messagesByConversation[clientConversationId] || []
+        state.messagesByConversation[clientConversationId] || [],
   },
 
   actions: {
@@ -261,138 +299,163 @@ export const useMessageStore = defineStore('imMessageStore', {
     clear() {
       Object.values(this.messagesByConversation).forEach((messages) => {
         messages.forEach((message) => {
-          revokeBlobUrlsInContent(message.content)
-          message._localFile = undefined
-        })
-      })
-      this.messagesByConversation = {}
-      this.loadedConversationKeys = []
-      this.privateReadMaxIds = {}
-      this.privateMessageMaxId = 0
-      this.groupMessageMaxId = 0
-      this.channelMessageMaxId = 0
-      ackMergingPromises.clear()
+          revokeBlobUrlsInContent(message.content);
+          message._localFile = undefined;
+        });
+      });
+      this.messagesByConversation = {};
+      this.loadedConversationKeys = [];
+      this.privateReadMaxIds = {};
+      this.privateMessageMaxId = 0;
+      this.groupMessageMaxId = 0;
+      this.channelMessageMaxId = 0;
+      ackMergingPromises.clear();
     },
 
     /** 从 settings 加载消息游标 */
     async loadMessageCursorList() {
-      const db = getDb()
+      const db = getDb();
       const [privateMaxId, groupMaxId, channelMaxId] = await Promise.all([
         db.getSetting<number>(StorageKeys.settings.privateMessageMaxId),
         db.getSetting<number>(StorageKeys.settings.groupMessageMaxId),
-        db.getSetting<number>(StorageKeys.settings.channelMessageMaxId)
-      ])
-      this.privateMessageMaxId = privateMaxId || 0
-      this.groupMessageMaxId = groupMaxId || 0
-      this.channelMessageMaxId = channelMaxId || 0
+        db.getSetting<number>(StorageKeys.settings.channelMessageMaxId),
+      ]);
+      this.privateMessageMaxId = privateMaxId || 0;
+      this.groupMessageMaxId = groupMaxId || 0;
+      this.channelMessageMaxId = channelMaxId || 0;
     },
 
     /** 更新内存游标 */
     updateMessageCursor(conversationType: number, messageId?: number) {
       if (!messageId) {
-        return
+        return;
       }
-      if (conversationType === ImConversationType.PRIVATE && messageId > this.privateMessageMaxId) {
-        this.privateMessageMaxId = messageId
+      if (
+        conversationType === ImConversationType.PRIVATE &&
+        messageId > this.privateMessageMaxId
+      ) {
+        this.privateMessageMaxId = messageId;
       } else if (
         conversationType === ImConversationType.GROUP &&
         messageId > this.groupMessageMaxId
       ) {
-        this.groupMessageMaxId = messageId
+        this.groupMessageMaxId = messageId;
       } else if (
         conversationType === ImConversationType.CHANNEL &&
         messageId > this.channelMessageMaxId
       ) {
-        this.channelMessageMaxId = messageId
+        this.channelMessageMaxId = messageId;
       }
     },
 
     /** 获取私聊对方已读位置缓存 */
     getPrivateReadMaxId(peerId: number): number | undefined {
-      return this.privateReadMaxIds[peerId]
+      return this.privateReadMaxIds[peerId];
     },
 
     /** 更新私聊对方已读位置缓存 */
-    updatePrivateReadMaxId(peerId: number, maxReadId: null | number = 0): number {
+    updatePrivateReadMaxId(
+      peerId: number,
+      maxReadId: null | number = 0,
+    ): number {
       if (!peerId) {
-        return 0
+        return 0;
       }
-      const nextMaxReadId = maxReadId || 0
-      const current = this.getPrivateReadMaxId(peerId)
+      const nextMaxReadId = maxReadId || 0;
+      const current = this.getPrivateReadMaxId(peerId);
       if (current !== undefined && nextMaxReadId <= current) {
-        return current
+        return current;
       }
-      this.privateReadMaxIds = { ...this.privateReadMaxIds, [peerId]: nextMaxReadId }
-      return nextMaxReadId
+      this.privateReadMaxIds = {
+        ...this.privateReadMaxIds,
+        [peerId]: nextMaxReadId,
+      };
+      return nextMaxReadId;
     },
 
     /** 清空私聊对方已读位置缓存 */
     clearPrivateReadMaxIdCache(): void {
-      this.privateReadMaxIds = {}
+      this.privateReadMaxIds = {};
     },
 
     /** 标记会话近期使用 */
     touchConversationMessageCache(clientConversationId: string) {
       this.loadedConversationKeys = [
         clientConversationId,
-        ...this.loadedConversationKeys.filter((key) => key !== clientConversationId)
-      ]
+        ...this.loadedConversationKeys.filter(
+          (key) => key !== clientConversationId,
+        ),
+      ];
       // 保留当前活跃会话 + 最近打开过的会话
-      const retained = this.loadedConversationKeys.slice(0, MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT)
-      const removed = this.loadedConversationKeys.slice(MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT)
-      this.loadedConversationKeys = retained
+      const retained = this.loadedConversationKeys.slice(
+        0,
+        MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT,
+      );
+      const removed = this.loadedConversationKeys.slice(
+        MESSAGE_CACHE_RETAIN_CONVERSATION_LIMIT,
+      );
+      this.loadedConversationKeys = retained;
       removed.forEach((key) => {
-        Reflect.deleteProperty(this.messagesByConversation, key)
-      })
+        Reflect.deleteProperty(this.messagesByConversation, key);
+      });
     },
 
     /** 加载当前会话最近消息 */
     async loadMoreMessageList(
       clientConversationId: string,
       beforeSendTime?: number,
-      limit = 50
+      limit = 50,
     ): Promise<Message[]> {
       // 1. 从 IndexedDB 倒序读取一页，返回前已按时间升序排列
-      const list = await getDb().getMessageListByConversation(clientConversationId, {
-        beforeSendTime,
-        limit
-      })
+      const list = await getDb().getMessageListByConversation(
+        clientConversationId,
+        {
+          beforeSendTime,
+          limit,
+        },
+      );
       // 2. 合并到内存缓存，过滤已存在的消息
-      const parsed = parseClientConversationId(clientConversationId)
+      const parsed = parseClientConversationId(clientConversationId);
       if (!parsed) {
-        return []
+        return [];
       }
-      const messages = list.map((message) => buildMessageFromDO(message))
-      const existing = this.messagesByConversation[clientConversationId] || []
-      const existingKeys = new Set(existing.map((message) => getMessageKey(message, parsed.type)))
+      const messages = list.map((message) => buildMessageFromDO(message));
+      const existing = this.messagesByConversation[clientConversationId] || [];
+      const existingKeys = new Set(
+        existing.map((message) => getMessageKey(message, parsed.type)),
+      );
       const fresh = messages.filter(
-        (message) => !existingKeys.has(getMessageKey(message, parsed.type))
-      )
-      this.messagesByConversation[clientConversationId] = [...fresh, ...existing].toSorted(
-        (messageA, messageB) => (messageA.sendTime || 0) - (messageB.sendTime || 0)
-      )
-      this.touchConversationMessageCache(clientConversationId)
-      return fresh
+        (message) => !existingKeys.has(getMessageKey(message, parsed.type)),
+      );
+      this.messagesByConversation[clientConversationId] = [
+        ...fresh,
+        ...existing,
+      ].toSorted(
+        (messageA, messageB) =>
+          (messageA.sendTime || 0) - (messageB.sendTime || 0),
+      );
+      this.touchConversationMessageCache(clientConversationId);
+      return fresh;
     },
 
     /** 确保会话消息已加载 */
     async ensureConversationMessageListLoaded(conversation: Conversation) {
-      const key = getMessageCacheKey(conversation.type, conversation.targetId)
+      const key = getMessageCacheKey(conversation.type, conversation.targetId);
       if (this.messagesByConversation[key]) {
-        this.touchConversationMessageCache(key)
-        return
+        this.touchConversationMessageCache(key);
+        return;
       }
-      await this.loadMoreMessageList(key)
+      await this.loadMoreMessageList(key);
     },
 
     /** 获取内存消息数组 */
     getMessageList(conversationType: number, targetId: number): Message[] {
-      const key = getMessageCacheKey(conversationType, targetId)
+      const key = getMessageCacheKey(conversationType, targetId);
       if (!this.messagesByConversation[key]) {
-        this.messagesByConversation[key] = []
+        this.messagesByConversation[key] = [];
       }
-      this.touchConversationMessageCache(key)
-      return this.messagesByConversation[key]
+      this.touchConversationMessageCache(key);
+      return this.messagesByConversation[key];
     },
 
     /** 持久化消息记录 */
@@ -400,96 +463,107 @@ export const useMessageStore = defineStore('imMessageStore', {
       message: Message,
       conversationType: number,
       tx?: DbTransaction,
-      options?: PersistMessageRecordOptions
+      options?: PersistMessageRecordOptions,
     ) {
-      const db = getDb()
-      const next = buildMessageDO(message, conversationType)
+      const db = getDb();
+      const next = buildMessageDO(message, conversationType);
       // 服务端 key 替换 client key
       if (options?.mergeClientRecord && message.id && message.clientMessageId) {
         const existing = await db.getByIndex<MessageDO>(
           'messages',
           'clientMessageId',
           message.clientMessageId,
-          tx
-        )
+          tx,
+        );
         if (existing && existing.messageKey !== next.messageKey) {
-          await db.delete('messages', existing.messageKey, tx)
+          await db.delete('messages', existing.messageKey, tx);
         }
       }
-      await db.put('messages', next, tx)
+      await db.put('messages', next, tx);
     },
 
     /** 保存消息游标 */
-    async saveMessageCursor(conversationType: number, messageId?: number, tx?: DbTransaction) {
-      await setMessageMaxId(conversationType, messageId, tx)
-      this.updateMessageCursor(conversationType, messageId)
+    async saveMessageCursor(
+      conversationType: number,
+      messageId?: number,
+      tx?: DbTransaction,
+    ) {
+      await setMessageMaxId(conversationType, messageId, tx);
+      this.updateMessageCursor(conversationType, messageId);
     },
 
     /** 应用撤回到内存 */
     applyRecallMessageInMemory(
       conversationType: number,
       targetId: number,
-      recallSignalContent: string
+      recallSignalContent: string,
     ) {
       // 1. 定位被撤回的原消息
-      const messageId = parseRecallMessageId(recallSignalContent)
+      const messageId = parseRecallMessageId(recallSignalContent);
       if (!messageId) {
-        return null
+        return null;
       }
-      const conversationStore = useConversationStore()
-      const conversation = conversationStore.getConversation(conversationType, targetId)
+      const conversationStore = useConversationStore();
+      const conversation = conversationStore.getConversation(
+        conversationType,
+        targetId,
+      );
       if (!conversation) {
-        return null
+        return null;
       }
-      const messages = this.getMessageList(conversationType, targetId)
-      const message = messages.find((item) => item.id === messageId)
+      const messages = this.getMessageList(conversationType, targetId);
+      const message = messages.find((item) => item.id === messageId);
       if (!message) {
-        return null
+        return null;
       }
       // 2. 更新消息和会话摘要
-      message.type = ImContentType.RECALL
-      message.status = ImMessageStatus.RECALL
-      message.content = ''
+      message.type = ImContentType.RECALL;
+      message.status = ImMessageStatus.RECALL;
+      message.content = '';
       if (messages[messages.length - 1]?.id === messageId) {
-        recomputeConversationLast(conversation, messages)
+        recomputeConversationLast(conversation, messages);
       }
-      return { conversation, message }
+      return { conversation, message };
     },
 
     /** 批量写入拉取消息 */
     async applyPulledMessageList(
       pulledMessages: PulledMessage[],
       conversationType: number,
-      maxMessageId?: number
+      maxMessageId?: number,
     ) {
       if (pulledMessages.length === 0) {
         // 1. 空批次只推进游标
-        await this.saveMessageCursor(conversationType, maxMessageId)
-        return
+        await this.saveMessageCursor(conversationType, maxMessageId);
+        return;
       }
-      const conversationStore = useConversationStore()
+      const conversationStore = useConversationStore();
       const persistedMessages = new Map<
         string,
-        { conversationType: number; mergeClientRecord?: boolean; message: Message; }
-      >()
-      const changedConversations = new Map<string, Conversation>()
+        {
+          conversationType: number;
+          mergeClientRecord?: boolean;
+          message: Message;
+        }
+      >();
+      const changedConversations = new Map<string, Conversation>();
 
       const addChanged = (
         conversation: Conversation,
         message: Message,
-        options?: PersistMessageRecordOptions
+        options?: PersistMessageRecordOptions,
       ) => {
         const clientConversationId = getClientConversationId(
           conversation.type,
-          conversation.targetId
-        )
-        changedConversations.set(clientConversationId, conversation)
+          conversation.targetId,
+        );
+        changedConversations.set(clientConversationId, conversation);
         persistedMessages.set(getMessageKey(message, conversation.type), {
           message,
           conversationType: conversation.type,
-          mergeClientRecord: options?.mergeClientRecord
-        })
-      }
+          mergeClientRecord: options?.mergeClientRecord,
+        });
+      };
 
       // 1. 先更新内存，收集需要持久化的消息和会话
       for (const pulledMessage of pulledMessages) {
@@ -498,68 +572,80 @@ export const useMessageStore = defineStore('imMessageStore', {
           const changed = this.applyRecallMessageInMemory(
             pulledMessage.conversationType,
             pulledMessage.targetId,
-            pulledMessage.recallSignalContent
-          )
+            pulledMessage.recallSignalContent,
+          );
           if (changed) {
-            addChanged(changed.conversation, changed.message)
+            addChanged(changed.conversation, changed.message);
           }
-          continue
+          continue;
         }
 
-        const { conversationInfo } = pulledMessage
-        const hasServerClientMessageId = !!pulledMessage.message.clientMessageId
-        const message = ensureClientMessageId(pulledMessage.message)
+        const { conversationInfo } = pulledMessage;
+        const hasServerClientMessageId =
+          !!pulledMessage.message.clientMessageId;
+        const message = ensureClientMessageId(pulledMessage.message);
         // 1.2 确保会话和消息缓存存在
-        const conversation = conversationStore.ensureConversation(conversationInfo)
-        const messages = this.getMessageList(conversationInfo.type, conversationInfo.targetId)
-        const existingIndex = messages.findIndex((existing) => isSameMessage(existing, message))
+        const conversation =
+          conversationStore.ensureConversation(conversationInfo);
+        const messages = this.getMessageList(
+          conversationInfo.type,
+          conversationInfo.targetId,
+        );
+        const existingIndex = messages.findIndex((existing) =>
+          isSameMessage(existing, message),
+        );
         if (existingIndex !== -1) {
-          const existing = messages[existingIndex]
+          const existing = messages[existingIndex];
           if (!existing) {
-            continue
+            continue;
           }
           // 1.3 已存在消息合并服务端状态
-          applyServerMessageUpdate(existing, message)
+          applyServerMessageUpdate(existing, message);
           if (existingIndex === messages.length - 1) {
-            recomputeConversationLast(conversation, messages)
-            syncConversationAtFlags(conversation, message)
+            recomputeConversationLast(conversation, messages);
+            syncConversationAtFlags(conversation, message);
           }
           addChanged(conversation, existing, {
-            mergeClientRecord: hasServerClientMessageId
-          })
-          continue
+            mergeClientRecord: hasServerClientMessageId,
+          });
+          continue;
         }
 
         // 1.4 新消息更新会话摘要和未读状态
-        applyConversationSummary(conversation, message)
-        syncConversationAtFlags(conversation, message)
+        applyConversationSummary(conversation, message);
+        syncConversationAtFlags(conversation, message);
         const isActive =
-          conversationStore.activeConversation?.type === conversationInfo.type &&
-          conversationStore.activeConversation?.targetId === conversationInfo.targetId
+          conversationStore.activeConversation?.type ===
+            conversationInfo.type &&
+          conversationStore.activeConversation?.targetId ===
+            conversationInfo.targetId;
         if (
           !message.selfSend &&
           !isActive &&
-          !conversationStore.isMessageCoveredByReadPosition(conversation, message) &&
+          !conversationStore.isMessageCoveredByReadPosition(
+            conversation,
+            message,
+          ) &&
           isNormalMessage(message.type) &&
           message.status !== ImMessageStatus.RECALL
         ) {
-          conversation.unreadCount++
+          conversation.unreadCount++;
         }
 
         // 1.5 新消息按服务端 id 插入内存列表
-        let insertIndex = messages.length
+        let insertIndex = messages.length;
         if (message.id) {
           for (const [index, existing] of messages.entries()) {
             if (existing.id && message.id < existing.id) {
-              insertIndex = index
-              break
+              insertIndex = index;
+              break;
             }
           }
         }
-        messages.splice(insertIndex, 0, message)
+        messages.splice(insertIndex, 0, message);
         addChanged(conversation, message, {
-          mergeClientRecord: hasServerClientMessageId && !!message.id
-        })
+          mergeClientRecord: hasServerClientMessageId && !!message.id,
+        });
       }
 
       // 2. 单事务写入消息、会话摘要和游标
@@ -569,20 +655,28 @@ export const useMessageStore = defineStore('imMessageStore', {
         async (tx) => {
           // 2.1 写入本批变更消息
           for (const item of persistedMessages.values()) {
-            await this.saveMessageRecord(item.message, item.conversationType, tx, {
-              mergeClientRecord: item.mergeClientRecord
-            })
+            await this.saveMessageRecord(
+              item.message,
+              item.conversationType,
+              tx,
+              {
+                mergeClientRecord: item.mergeClientRecord,
+              },
+            );
           }
           // 2.2 写入本批变更会话
-          await conversationStore.saveConversationRecord([...changedConversations.values()], tx)
+          await conversationStore.saveConversationRecord(
+            [...changedConversations.values()],
+            tx,
+          );
           // 2.3 写入本批游标
-          await setMessageMaxId(conversationType, maxMessageId, tx)
-        }
-      )
+          await setMessageMaxId(conversationType, maxMessageId, tx);
+        },
+      );
       // 3. 持久化成功后推进内存游标
-      this.updateMessageCursor(conversationType, maxMessageId)
+      this.updateMessageCursor(conversationType, maxMessageId);
       for (const item of persistedMessages.values()) {
-        this.updateMessageCursor(item.conversationType, item.message.id)
+        this.updateMessageCursor(item.conversationType, item.message.id);
       }
     },
 
@@ -590,100 +684,126 @@ export const useMessageStore = defineStore('imMessageStore', {
     insertMessage(
       conversationInfo: MessageConversationInfo,
       messageInfo: Message,
-      options?: { saveMaxId?: boolean }
+      options?: { saveMaxId?: boolean },
     ): Promise<void> {
-      const conversationStore = useConversationStore()
-      const hasIncomingClientMessageId = !!messageInfo.clientMessageId
-      const message = ensureClientMessageId(messageInfo)
+      const conversationStore = useConversationStore();
+      const hasIncomingClientMessageId = !!messageInfo.clientMessageId;
+      const message = ensureClientMessageId(messageInfo);
       // 1. 先处理消息带来的群资料变更
-      if (conversationInfo.type === ImConversationType.GROUP && isGroupNotification(message.type)) {
+      if (
+        conversationInfo.type === ImConversationType.GROUP &&
+        isGroupNotification(message.type)
+      ) {
         useGroupStore().applyGroupNotification(
           conversationInfo.targetId,
           message.type,
-          message.content
-        )
+          message.content,
+        );
       }
 
       // 2. 确保会话和消息缓存存在
-      const conversation = conversationStore.ensureConversation(conversationInfo)
-      const messages = this.getMessageList(conversationInfo.type, conversationInfo.targetId)
-      const existingIndex = messages.findIndex((item) => isSameMessage(item, message))
+      const conversation =
+        conversationStore.ensureConversation(conversationInfo);
+      const messages = this.getMessageList(
+        conversationInfo.type,
+        conversationInfo.targetId,
+      );
+      const existingIndex = messages.findIndex((item) =>
+        isSameMessage(item, message),
+      );
       // 3. 已存在消息走覆盖更新
       if (existingIndex !== -1) {
-        const existing = messages[existingIndex]
+        const existing = messages[existingIndex];
         if (!existing) {
-          return Promise.resolve()
+          return Promise.resolve();
         }
-        applyServerMessageUpdate(existing, message)
+        applyServerMessageUpdate(existing, message);
         if (existingIndex === messages.length - 1) {
-          recomputeConversationLast(conversation, messages)
-          syncConversationAtFlags(conversation, message)
+          recomputeConversationLast(conversation, messages);
+          syncConversationAtFlags(conversation, message);
         }
         return getDb()
-          .transaction(['messages', 'conversations', 'settings'], 'readwrite', async (tx) => {
-            await this.saveMessageRecord(existing, conversationInfo.type, tx, {
-              mergeClientRecord: hasIncomingClientMessageId
-            })
-            await conversationStore.saveConversationRecord(conversation, tx)
-            if (options?.saveMaxId !== false) {
-              await setMessageMaxId(conversationInfo.type, message.id, tx)
-            }
-          })
+          .transaction(
+            ['messages', 'conversations', 'settings'],
+            'readwrite',
+            async (tx) => {
+              await this.saveMessageRecord(
+                existing,
+                conversationInfo.type,
+                tx,
+                {
+                  mergeClientRecord: hasIncomingClientMessageId,
+                },
+              );
+              await conversationStore.saveConversationRecord(conversation, tx);
+              if (options?.saveMaxId !== false) {
+                await setMessageMaxId(conversationInfo.type, message.id, tx);
+              }
+            },
+          )
           .catch((error) => {
-            console.error('[IM messageStore] 消息写入失败', error)
-            throw error
+            console.error('[IM messageStore] 消息写入失败', error);
+            throw error;
           })
           .then(() => {
-            this.updateMessageCursor(conversationInfo.type, message.id)
-          })
+            this.updateMessageCursor(conversationInfo.type, message.id);
+          });
       }
 
       // 4. 新消息更新会话摘要和未读状态
-      applyConversationSummary(conversation, message)
-      syncConversationAtFlags(conversation, message)
+      applyConversationSummary(conversation, message);
+      syncConversationAtFlags(conversation, message);
 
       const isActive =
         conversationStore.activeConversation?.type === conversationInfo.type &&
-        conversationStore.activeConversation?.targetId === conversationInfo.targetId
+        conversationStore.activeConversation?.targetId ===
+          conversationInfo.targetId;
       if (
         !message.selfSend &&
         !isActive &&
-        !conversationStore.isMessageCoveredByReadPosition(conversation, message) &&
+        !conversationStore.isMessageCoveredByReadPosition(
+          conversation,
+          message,
+        ) &&
         isNormalMessage(message.type) &&
         message.status !== ImMessageStatus.RECALL
       ) {
-        conversation.unreadCount++
+        conversation.unreadCount++;
       }
 
       // 5. 新消息按 id 插入到内存数组
-      let insertIndex = messages.length
+      let insertIndex = messages.length;
       if (message.id) {
         for (const [index, existing] of messages.entries()) {
           if (existing.id && message.id < existing.id) {
-            insertIndex = index
-            break
+            insertIndex = index;
+            break;
           }
         }
       }
-      messages.splice(insertIndex, 0, message)
+      messages.splice(insertIndex, 0, message);
       // 6. 单事务写入消息、会话摘要和游标
       return getDb()
-        .transaction(['messages', 'conversations', 'settings'], 'readwrite', async (tx) => {
-          await this.saveMessageRecord(message, conversationInfo.type, tx, {
-            mergeClientRecord: hasIncomingClientMessageId && !!message.id
-          })
-          await conversationStore.saveConversationRecord(conversation, tx)
-          if (options?.saveMaxId !== false) {
-            await setMessageMaxId(conversationInfo.type, message.id, tx)
-          }
-        })
+        .transaction(
+          ['messages', 'conversations', 'settings'],
+          'readwrite',
+          async (tx) => {
+            await this.saveMessageRecord(message, conversationInfo.type, tx, {
+              mergeClientRecord: hasIncomingClientMessageId && !!message.id,
+            });
+            await conversationStore.saveConversationRecord(conversation, tx);
+            if (options?.saveMaxId !== false) {
+              await setMessageMaxId(conversationInfo.type, message.id, tx);
+            }
+          },
+        )
         .catch((error) => {
-          console.error('[IM messageStore] 消息写入失败', error)
-          throw error
+          console.error('[IM messageStore] 消息写入失败', error);
+          throw error;
         })
         .then(() => {
-          this.updateMessageCursor(conversationInfo.type, message.id)
-        })
+          this.updateMessageCursor(conversationInfo.type, message.id);
+        });
     },
 
     /** ack 合并 */
@@ -691,23 +811,23 @@ export const useMessageStore = defineStore('imMessageStore', {
       conversationType: number,
       targetId: number,
       clientMessageId: string,
-      updates: Partial<Message>
+      updates: Partial<Message>,
     ) {
-      const mergeKey = `${conversationType}:${targetId}:${clientMessageId}`
-      const existingPromise = ackMergingPromises.get(mergeKey)
+      const mergeKey = `${conversationType}:${targetId}:${clientMessageId}`;
+      const existingPromise = ackMergingPromises.get(mergeKey);
       if (existingPromise) {
-        return existingPromise
+        return existingPromise;
       }
       const promise = this.doAckMessage(
         conversationType,
         targetId,
         clientMessageId,
-        updates
+        updates,
       ).finally(() => {
-        ackMergingPromises.delete(mergeKey)
-      })
-      ackMergingPromises.set(mergeKey, promise)
-      return promise
+        ackMergingPromises.delete(mergeKey);
+      });
+      ackMergingPromises.set(mergeKey, promise);
+      return promise;
     },
 
     /** 执行 ack 合并 */
@@ -715,43 +835,52 @@ export const useMessageStore = defineStore('imMessageStore', {
       conversationType: number,
       targetId: number,
       clientMessageId: string,
-      updates: Partial<Message>
+      updates: Partial<Message>,
     ) {
       // 1. 定位待合并消息
-      const conversationStore = useConversationStore()
-      const conversation = conversationStore.getConversation(conversationType, targetId)
+      const conversationStore = useConversationStore();
+      const conversation = conversationStore.getConversation(
+        conversationType,
+        targetId,
+      );
       if (!conversation) {
-        return
+        return;
       }
-      const messages = this.getMessageList(conversationType, targetId)
-      const message = messages.find((item) => item.clientMessageId === clientMessageId)
+      const messages = this.getMessageList(conversationType, targetId);
+      const message = messages.find(
+        (item) => item.clientMessageId === clientMessageId,
+      );
       if (!message) {
-        return
+        return;
       }
-      message._ackMerging = true
+      message._ackMerging = true;
       try {
         // 2. 合并服务端 ack 到内存
-        applyServerMessageUpdate(message, updates)
+        applyServerMessageUpdate(message, updates);
         if (messages[messages.length - 1] === message) {
-          recomputeConversationLast(conversation, messages)
+          recomputeConversationLast(conversation, messages);
         }
         // 3. 单事务写入消息、会话摘要和游标
         await getDb()
-          .transaction(['messages', 'conversations', 'settings'], 'readwrite', async (tx) => {
-            await this.saveMessageRecord(message, conversationType, tx, {
-              mergeClientRecord: true
-            })
-            await conversationStore.saveConversationRecord(conversation, tx)
-            await setMessageMaxId(conversationType, message.id, tx)
-          })
+          .transaction(
+            ['messages', 'conversations', 'settings'],
+            'readwrite',
+            async (tx) => {
+              await this.saveMessageRecord(message, conversationType, tx, {
+                mergeClientRecord: true,
+              });
+              await conversationStore.saveConversationRecord(conversation, tx);
+              await setMessageMaxId(conversationType, message.id, tx);
+            },
+          )
           .catch((error) => {
-            console.error('[IM messageStore] ack 写入失败', error)
-            throw error
-          })
-        this.updateMessageCursor(conversationType, message.id)
+            console.error('[IM messageStore] ack 写入失败', error);
+            throw error;
+          });
+        this.updateMessageCursor(conversationType, message.id);
       } finally {
         // 4. 清理合并标记
-        message._ackMerging = false
+        message._ackMerging = false;
       }
     },
 
@@ -760,27 +889,27 @@ export const useMessageStore = defineStore('imMessageStore', {
       conversationType: number,
       targetId: number,
       clientMessageId: string,
-      patch: Partial<Message>
+      patch: Partial<Message>,
     ) {
       const message = this.getMessageList(conversationType, targetId).find(
-        (item) => item.clientMessageId === clientMessageId
-      )
+        (item) => item.clientMessageId === clientMessageId,
+      );
       if (!message) {
-        return
+        return;
       }
-      let changed = false
+      let changed = false;
       for (const key in patch) {
         if (
           Object.prototype.hasOwnProperty.call(patch, key) &&
           (patch as Record<string, unknown>)[key] !==
             (message as unknown as Record<string, unknown>)[key]
         ) {
-          changed = true
-          break
+          changed = true;
+          break;
         }
       }
       if (changed) {
-        applyServerMessageUpdate(message, patch)
+        applyServerMessageUpdate(message, patch);
       }
     },
 
@@ -788,43 +917,52 @@ export const useMessageStore = defineStore('imMessageStore', {
     async recallMessage(
       conversationType: number,
       targetId: number,
-      recallSignalContent: string
+      recallSignalContent: string,
     ): Promise<void> {
-      const conversationStore = useConversationStore()
+      const conversationStore = useConversationStore();
       const changed = this.applyRecallMessageInMemory(
         conversationType,
         targetId,
-        recallSignalContent
-      )
+        recallSignalContent,
+      );
       if (!changed) {
-        return
+        return;
       }
       await getDb()
         .transaction(['messages', 'conversations'], 'readwrite', async (tx) => {
-          await this.saveMessageRecord(changed.message, conversationType, tx)
-          await conversationStore.saveConversationRecord(changed.conversation, tx)
+          await this.saveMessageRecord(changed.message, conversationType, tx);
+          await conversationStore.saveConversationRecord(
+            changed.conversation,
+            tx,
+          );
         })
         .catch((error) => {
-          console.error('[IM messageStore] 撤回消息写入失败', error)
-          throw error
-        })
+          console.error('[IM messageStore] 撤回消息写入失败', error);
+          throw error;
+        });
     },
 
     /** 应用已读回执 */
     applyMessageReadReceipt(options: {
-      conversationType: number
-      groupMessageId?: number
-      privateReadMaxId?: number
-      readCount?: number
-      receiptStatus?: number
-      targetId: number
+      conversationType: number;
+      groupMessageId?: number;
+      privateReadMaxId?: number;
+      readCount?: number;
+      receiptStatus?: number;
+      targetId: number;
     }) {
-      const messages = this.getMessageList(options.conversationType, options.targetId)
-      const changed: Message[] = []
+      const messages = this.getMessageList(
+        options.conversationType,
+        options.targetId,
+      );
+      const changed: Message[] = [];
       // 1. 私聊回执批量更新自己发送的消息
-      if (options.conversationType === ImConversationType.PRIVATE && options.privateReadMaxId) {
-        this.updatePrivateReadMaxId(options.targetId, options.privateReadMaxId)
-        const privateReadMaxId = options.privateReadMaxId
+      if (
+        options.conversationType === ImConversationType.PRIVATE &&
+        options.privateReadMaxId
+      ) {
+        this.updatePrivateReadMaxId(options.targetId, options.privateReadMaxId);
+        const privateReadMaxId = options.privateReadMaxId;
         messages.forEach((message) => {
           if (
             message.selfSend &&
@@ -832,122 +970,152 @@ export const useMessageStore = defineStore('imMessageStore', {
             message.id <= privateReadMaxId &&
             message.receiptStatus === ImMessageReceiptStatus.PENDING
           ) {
-            message.receiptStatus = ImMessageReceiptStatus.DONE
-            changed.push(message)
+            message.receiptStatus = ImMessageReceiptStatus.DONE;
+            changed.push(message);
           }
-        })
-      } else if (options.conversationType === ImConversationType.GROUP && options.groupMessageId) {
+        });
+      } else if (
+        options.conversationType === ImConversationType.GROUP &&
+        options.groupMessageId
+      ) {
         // 2. 群聊回执更新单条消息
-        const message = messages.find((item) => item.id === options.groupMessageId)
+        const message = messages.find(
+          (item) => item.id === options.groupMessageId,
+        );
         if (message) {
           if (options.readCount !== undefined) {
-            message.readCount = options.readCount
+            message.readCount = options.readCount;
           }
           if (options.receiptStatus !== undefined) {
-            message.receiptStatus = options.receiptStatus
+            message.receiptStatus = options.receiptStatus;
           }
-          changed.push(message)
+          changed.push(message);
         }
       }
       if (changed.length === 0) {
-        return
+        return;
       }
       // 3. 单事务写入变更消息
       void getDb()
         .transaction(['messages'], 'readwrite', async (tx) => {
           for (const message of changed) {
-            await this.saveMessageRecord(message, options.conversationType, tx)
+            await this.saveMessageRecord(message, options.conversationType, tx);
           }
         })
-        .catch((error) => console.warn('[IM messageStore] 回执写入失败', error))
+        .catch((error) =>
+          console.warn('[IM messageStore] 回执写入失败', error),
+        );
     },
 
     /** 前置历史消息 */
-    prependMessageList(conversationType: number, targetId: number, earlierMessages: Message[]) {
+    prependMessageList(
+      conversationType: number,
+      targetId: number,
+      earlierMessages: Message[],
+    ) {
       if (earlierMessages.length === 0) {
-        return
+        return;
       }
-      const messages = this.getMessageList(conversationType, targetId)
-      const existingIds = new Set(messages.map((message) => message.id).filter(Boolean))
+      const messages = this.getMessageList(conversationType, targetId);
+      const existingIds = new Set(
+        messages.map((message) => message.id).filter(Boolean),
+      );
       const fresh = earlierMessages
         .map((message) => ensureClientMessageId(message))
         .filter((message) => message.id && !existingIds.has(message.id))
-        .toSorted((messageA, messageB) => (messageA.id || 0) - (messageB.id || 0))
+        .toSorted(
+          (messageA, messageB) => (messageA.id || 0) - (messageB.id || 0),
+        );
       if (fresh.length === 0) {
-        return
+        return;
       }
-      const key = getMessageCacheKey(conversationType, targetId)
-      this.messagesByConversation[key] = [...fresh, ...messages]
+      const key = getMessageCacheKey(conversationType, targetId);
+      this.messagesByConversation[key] = [...fresh, ...messages];
       void getDb()
         .transaction(['messages'], 'readwrite', async (tx) => {
           for (const message of fresh) {
-            await this.saveMessageRecord(message, conversationType, tx)
+            await this.saveMessageRecord(message, conversationType, tx);
           }
         })
-        .catch((error) => console.warn('[IM messageStore] 历史消息写入失败', error))
+        .catch((error) =>
+          console.warn('[IM messageStore] 历史消息写入失败', error),
+        );
     },
 
     /** 删除单条消息 */
     removeMessage(
       conversationType: number,
       targetId: number,
-      key: { clientMessageId?: string; id?: number; }
+      key: { clientMessageId?: string; id?: number },
     ) {
       // 1. 定位会话和消息
-      const conversationStore = useConversationStore()
-      const conversation = conversationStore.getConversation(conversationType, targetId)
+      const conversationStore = useConversationStore();
+      const conversation = conversationStore.getConversation(
+        conversationType,
+        targetId,
+      );
       if (!conversation) {
-        return
+        return;
       }
-      const messages = this.getMessageList(conversationType, targetId)
+      const messages = this.getMessageList(conversationType, targetId);
       const index = messages.findIndex((message) => {
         if (key.id && message.id && message.id === key.id) {
-          return true
+          return true;
         }
-        return !!key.clientMessageId && message.clientMessageId === key.clientMessageId
-      })
+        return (
+          !!key.clientMessageId &&
+          message.clientMessageId === key.clientMessageId
+        );
+      });
       if (index === -1) {
-        return
+        return;
       }
       // 2. 从内存移除消息
-      const [removed] = messages.splice(index, 1)
+      const [removed] = messages.splice(index, 1);
       if (!removed) {
-        return
+        return;
       }
-      revokeBlobUrlsInContent(removed.content)
+      revokeBlobUrlsInContent(removed.content);
       if (index === messages.length) {
-        recomputeConversationLast(conversation, messages)
+        recomputeConversationLast(conversation, messages);
       }
       // 3. 删除本地记录并保存会话摘要
       getDb()
         .delete('messages', getMessageKey(removed, conversationType))
-        .catch((error) => console.warn('[IM messageStore] 消息删除失败', error))
-      conversationStore.saveConversation(conversation)
+        .catch((error) =>
+          console.warn('[IM messageStore] 消息删除失败', error),
+        );
+      conversationStore.saveConversation(conversation);
     },
 
     /** 删除会话全部消息 */
     deleteConversationMessageList(conversationType: number, targetId: number) {
       // 1. 清理内存消息和媒体资源
-      const clientConversationId = getClientConversationId(conversationType, targetId)
-      const messages = this.messagesByConversation[clientConversationId] || []
+      const clientConversationId = getClientConversationId(
+        conversationType,
+        targetId,
+      );
+      const messages = this.messagesByConversation[clientConversationId] || [];
       messages.forEach((message) => {
-        revokeBlobUrlsInContent(message.content)
-        message._localFile = undefined
-      })
-      Reflect.deleteProperty(this.messagesByConversation, clientConversationId)
+        revokeBlobUrlsInContent(message.content);
+        message._localFile = undefined;
+      });
+      Reflect.deleteProperty(this.messagesByConversation, clientConversationId);
       this.loadedConversationKeys = this.loadedConversationKeys.filter(
-        (key) => key !== clientConversationId
-      )
+        (key) => key !== clientConversationId,
+      );
       // 2. 删除 IndexedDB 消息
       getDb()
         .deleteByIndex('messages', 'clientConversationId', clientConversationId)
-        .catch((error) => console.warn('[IM messageStore] 会话消息删除失败', error))
-    }
-  }
-})
+        .catch((error) =>
+          console.warn('[IM messageStore] 会话消息删除失败', error),
+        );
+    },
+  },
+});
 
-export const useMessageStoreWithOut = () => useMessageStore()
+export const useMessageStoreWithOut = () => useMessageStore();
 
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useMessageStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useMessageStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/store/rtcStore.ts b/apps/web-antd/src/views/im/home/store/rtcStore.ts
index 46a98b982..1137cf906 100644
--- a/apps/web-antd/src/views/im/home/store/rtcStore.ts
+++ b/apps/web-antd/src/views/im/home/store/rtcStore.ts
@@ -1,91 +1,94 @@
-import type { ImRtcApi } from '#/api/im/rtc'
+import type {
+  ImRtcCallEndReasonValue,
+  ImRtcCallStageValue,
+  ImRtcParticipantStatusValue,
+} from '../../utils/constants';
 
-import { computed, ref } from 'vue'
+import type { ImRtcApi } from '#/api/im/rtc';
 
-import { defineStore } from 'pinia'
+import { computed, ref } from 'vue';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { defineStore } from 'pinia';
+
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
 import {
   ImConversationType,
-  type ImRtcCallEndReasonValue,
   ImRtcCallStage,
-  type ImRtcCallStageValue,
   ImRtcCallStatus,
-  type ImRtcParticipantStatusValue
-} from '../../utils/constants'
-import { useFriendStore } from './friendStore'
-import { useGroupStore } from './groupStore'
+} from '../../utils/constants';
+import { useFriendStore } from './friendStore';
+import { useGroupStore } from './groupStore';
 
 type GroupActiveCallCache = {
-  participantsLoaded?: boolean // 是否已拉取完整参与者列表
-} & ImRtcApi.RtcGroupCallRespVO
+  participantsLoaded?: boolean; // 是否已拉取完整参与者列表
+} & ImRtcApi.RtcGroupCallRespVO;
 
 // RTC_CALL 通话信令载荷；按 status 区分子类型语义
 export interface ImRtcCallNotification {
-  status: ImRtcParticipantStatusValue
-  room: string
-  conversationType: number
-  mediaType: number
-  groupId?: number
+  status: ImRtcParticipantStatusValue;
+  room: string;
+  conversationType: number;
+  mediaType: number;
+  groupId?: number;
   // INVITE 专属：被叫接通需要的 LiveKit 连接参数 + 主叫展示信息
-  livekitUrl?: string
-  token?: string
-  inviterUserId?: number
-  inviterNickname?: string
-  inviterAvatar?: string
+  livekitUrl?: string;
+  token?: string;
+  inviterUserId?: number;
+  inviterNickname?: string;
+  inviterAvatar?: string;
   // INVITE 专属：本次被邀请人列表；包含收件人自身，前端来电小条按需过滤展示「邀请的其他人」
-  inviteeIds?: number[]
+  inviteeIds?: number[];
   // REJECT 专属：操作者展示信息（其它子类型走 RTC_CALL_END）
-  operatorUserId?: number
-  operatorNickname?: string
-  operatorAvatar?: string
+  operatorUserId?: number;
+  operatorNickname?: string;
+  operatorAvatar?: string;
 }
 
 // RTC_PARTICIPANT_CONNECTED 通话参与者加入载荷（LiveKit webhook 转推）
 export interface ImRtcParticipantConnectedNotification {
-  room: string
-  userId: number
-  conversationType: number
-  groupId?: number
+  room: string;
+  userId: number;
+  conversationType: number;
+  groupId?: number;
   // 群聊场景非邀请成员首次填充胶囊条用
-  mediaType?: number
-  inviterUserId?: number
+  mediaType?: number;
+  inviterUserId?: number;
 }
 
 // RTC_PARTICIPANT_DISCONNECTED 通话参与者离开载荷（LiveKit webhook 转推）
 export interface ImRtcParticipantDisconnectedNotification {
-  room: string
-  userId: number
-  conversationType: number
-  groupId?: number
+  room: string;
+  userId: number;
+  conversationType: number;
+  groupId?: number;
 }
 
 // RTC_CALL_END 通话结束载荷（入消息流；私聊渲染消息气泡，群聊渲染系统提示行）
 export interface ImRtcCallEndNotification {
-  room: string
-  conversationType: number
-  mediaType: number
-  endReason: ImRtcCallEndReasonValue
-  durationSeconds?: number
+  room: string;
+  conversationType: number;
+  mediaType: number;
+  endReason: ImRtcCallEndReasonValue;
+  durationSeconds?: number;
   // 操作者聚合字段：HANGUP/CANCEL/REJECT 触发人；webhook 兜底为 null
-  operatorUserId?: number
-  operatorNickname?: string
-  operatorAvatar?: string
+  operatorUserId?: number;
+  operatorNickname?: string;
+  operatorAvatar?: string;
 }
 
 export const useRtcStore = defineStore('imRtc', () => {
   /** 当前阶段 */
-  const stage = ref<ImRtcCallStageValue>(ImRtcCallStage.IDLE)
+  const stage = ref<ImRtcCallStageValue>(ImRtcCallStage.IDLE);
   /** 当前通话；invite / accept / refreshToken 拿到的完整信息 */
-  const call = ref<ImRtcApi.RtcCallRespVO | null>(null)
+  const call = ref<ImRtcApi.RtcCallRespVO | null>(null);
   /** 来电载荷；仅 INCOMING 阶段使用；status 固定 INVITING，其它字段 INVITE 专属 */
-  const incomingPayload = ref<ImRtcCallNotification | null>(null)
+  const incomingPayload = ref<ImRtcCallNotification | null>(null);
   /** 进入 RUNNING 的时间戳；用于通话时长展示；reset 时清零 */
-  const startedAt = ref(0)
+  const startedAt = ref(0);
 
   /** 是否处于通话相关阶段 */
-  const isActive = computed(() => stage.value !== ImRtcCallStage.IDLE)
+  const isActive = computed(() => stage.value !== ImRtcCallStage.IDLE);
 
   /**
    * 对端展示名；按阶段 + 会话类型分支：
@@ -93,57 +96,61 @@ export const useRtcStore = defineStore('imRtc', () => {
    */
   const peerNickname = computed<string>(() => {
     if (stage.value === ImRtcCallStage.INCOMING) {
-      return incomingPayload.value?.inviterNickname || ''
+      return incomingPayload.value?.inviterNickname || '';
     }
-    const c = call.value
-    if (!c) return ''
+    const c = call.value;
+    if (!c) return '';
     if (c.conversationType === ImConversationType.GROUP) {
-      return useGroupStore().getGroup(c.groupId ?? 0)?.name || ''
+      return useGroupStore().getGroup(c.groupId ?? 0)?.name || '';
     }
-    const peerUserId = resolvePrivatePeerUserId(c)
-    return (peerUserId && useFriendStore().getFriend(peerUserId)?.nickname) || ''
-  })
+    const peerUserId = resolvePrivatePeerUserId(c);
+    return (
+      (peerUserId && useFriendStore().getFriend(peerUserId)?.nickname) || ''
+    );
+  });
 
   /** 对端头像；策略同 peerNickname */
   const peerAvatar = computed<string>(() => {
     if (stage.value === ImRtcCallStage.INCOMING) {
-      return incomingPayload.value?.inviterAvatar || ''
+      return incomingPayload.value?.inviterAvatar || '';
     }
-    const c = call.value
-    if (!c) return ''
+    const c = call.value;
+    if (!c) return '';
     if (c.conversationType === ImConversationType.GROUP) {
-      return useGroupStore().getGroup(c.groupId ?? 0)?.avatar || ''
+      return useGroupStore().getGroup(c.groupId ?? 0)?.avatar || '';
     }
-    const peerUserId = resolvePrivatePeerUserId(c)
-    return (peerUserId && useFriendStore().getFriend(peerUserId)?.avatar) || ''
-  })
+    const peerUserId = resolvePrivatePeerUserId(c);
+    return (peerUserId && useFriendStore().getFriend(peerUserId)?.avatar) || '';
+  });
 
   /** 私聊场景对端 userId：自己是主叫则取首个 invitee，否则取 inviter */
-  function resolvePrivatePeerUserId(c: ImRtcApi.RtcCallRespVO): number | undefined {
-    const myId = getCurrentUserId()
-    return c.inviterId === myId ? c.inviteeIds?.[0] : c.inviterId
+  function resolvePrivatePeerUserId(
+    c: ImRtcApi.RtcCallRespVO,
+  ): number | undefined {
+    const myId = getCurrentUserId();
+    return c.inviterId === myId ? c.inviteeIds?.[0] : c.inviterId;
   }
 
   /** 群活跃通话索引；groupId -> 群通话摘要；用于群聊顶部胶囊条 */
-  const groupActiveCalls = ref<Map<number, GroupActiveCallCache>>(new Map())
+  const groupActiveCalls = ref<Map<number, GroupActiveCallCache>>(new Map());
 
   /**
    * 已退出 / 已拒绝的用户编号集合；群通话场景内 pending 占位渲染时排除；
    * 来源：参与者离开通知 + 群通话单人拒绝的 operatorUserId；通话结束（reset）时清空
    */
-  const leftUserIds = ref<Set<number>>(new Set())
+  const leftUserIds = ref<Set<number>>(new Set());
 
   /** 是否已记录某 userId 已退出 / 拒绝 */
   function isUserLeft(userId: number): boolean {
-    return leftUserIds.value.has(userId)
+    return leftUserIds.value.has(userId);
   }
 
   /** 标记某个 userId 已退出 / 拒绝；用于 pending 占位渲染时排除 */
   function markUserLeft(userId: number) {
     if (!userId || leftUserIds.value.has(userId)) {
-      return
+      return;
     }
-    leftUserIds.value = new Set([...leftUserIds.value, userId])
+    leftUserIds.value = new Set([...leftUserIds.value, userId]);
   }
 
   /**
@@ -152,29 +159,29 @@ export const useRtcStore = defineStore('imRtc', () => {
    * 私聊：按 status 走；RUNNING（已加入已有通话场景）→ RUNNING；CREATED → INVITING 等被叫接通
    */
   function startInviting(data: ImRtcApi.RtcCallRespVO) {
-    call.value = data
+    call.value = data;
     // 群通话场景写入本地胶囊条缓存
-    syncGroupActiveCall(data)
+    syncGroupActiveCall(data);
     // 更新 stage 状态
     if (data.conversationType === ImConversationType.GROUP) {
-      stage.value = ImRtcCallStage.RUNNING
-      startedAt.value = Date.now()
-      return
+      stage.value = ImRtcCallStage.RUNNING;
+      startedAt.value = Date.now();
+      return;
     }
-    const running = data.status === ImRtcCallStatus.RUNNING
-    stage.value = running ? ImRtcCallStage.RUNNING : ImRtcCallStage.INVITING
+    const running = data.status === ImRtcCallStatus.RUNNING;
+    stage.value = running ? ImRtcCallStage.RUNNING : ImRtcCallStage.INVITING;
     if (running) {
-      startedAt.value = Date.now()
+      startedAt.value = Date.now();
     }
   }
 
   /** 被叫收到来电；切到 INCOMING；接收 RTC_CALL(INVITE) payload */
   function showIncoming(payload: ImRtcCallNotification) {
     if (isActive.value) {
-      return
+      return;
     }
-    incomingPayload.value = payload
-    stage.value = ImRtcCallStage.INCOMING
+    incomingPayload.value = payload;
+    stage.value = ImRtcCallStage.INCOMING;
     // 按 inviter 兜底首次填充胶囊条
     syncGroupActiveCall({
       conversationType: payload.conversationType,
@@ -183,19 +190,19 @@ export const useRtcStore = defineStore('imRtc', () => {
       mediaType: payload.mediaType,
       inviterId: payload.inviterUserId ?? 0,
       joinedUserIds: payload.inviterUserId ? [payload.inviterUserId] : [],
-      inviteeIds: payload.inviteeIds
-    })
+      inviteeIds: payload.inviteeIds,
+    });
   }
 
   /** 进入通话中阶段 */
   function enterRunning(data: ImRtcApi.RtcCallRespVO) {
-    call.value = data
+    call.value = data;
     // 离开 INCOMING 阶段；清空来电载荷
-    incomingPayload.value = null
-    stage.value = ImRtcCallStage.RUNNING
-    startedAt.value = Date.now()
+    incomingPayload.value = null;
+    stage.value = ImRtcCallStage.RUNNING;
+    startedAt.value = Date.now();
     // 接通后用 RespVO 完整覆盖胶囊条
-    syncGroupActiveCall(data)
+    syncGroupActiveCall(data);
   }
 
   /**
@@ -204,16 +211,16 @@ export const useRtcStore = defineStore('imRtc', () => {
    * 被叫场景通知载荷无 joinedUserIds，调用方按主叫人兜底，后续 getActiveCall / 参与者事件刷新成完整列表
    */
   function syncGroupActiveCall(input: {
-    conversationType: number
-    groupId?: number
-    inviteeIds?: number[]
-    inviterId: number
-    joinedUserIds?: number[]
-    mediaType: number
-    room: string
+    conversationType: number;
+    groupId?: number;
+    inviteeIds?: number[];
+    inviterId: number;
+    joinedUserIds?: number[];
+    mediaType: number;
+    room: string;
   }) {
     if (input.conversationType !== ImConversationType.GROUP || !input.groupId) {
-      return
+      return;
     }
     // 写入或更新群活跃通话缓存
     setGroupCall({
@@ -222,31 +229,31 @@ export const useRtcStore = defineStore('imRtc', () => {
       mediaType: input.mediaType,
       inviterId: input.inviterId,
       joinedUserIds: input.joinedUserIds ?? [],
-      inviteeIds: input.inviteeIds ?? []
-    })
+      inviteeIds: input.inviteeIds ?? [],
+    });
   }
 
   /** 重置；通话结束统一调用 */
   function reset() {
-    stage.value = ImRtcCallStage.IDLE
-    call.value = null
-    incomingPayload.value = null
-    startedAt.value = 0
-    leftUserIds.value = new Set()
+    stage.value = ImRtcCallStage.IDLE;
+    call.value = null;
+    incomingPayload.value = null;
+    startedAt.value = 0;
+    leftUserIds.value = new Set();
   }
 
   /** 通话中追加被邀请人；让 participants 网格出现 pending 占位、胶囊条同步更新 */
   function appendInvitees(userIds: number[]) {
     if (!call.value || userIds.length === 0) {
-      return
+      return;
     }
-    const existing = call.value.inviteeIds ?? []
-    const merged = [...new Set([...existing, ...userIds])]
+    const existing = call.value.inviteeIds ?? [];
+    const merged = [...new Set([...existing, ...userIds])];
     if (merged.length === existing.length) {
-      return
+      return;
     }
-    call.value = { ...call.value, inviteeIds: merged }
-    syncGroupActiveCall(call.value)
+    call.value = { ...call.value, inviteeIds: merged };
+    syncGroupActiveCall(call.value);
   }
 
   // ==================== 群通话胶囊条状态 ====================
@@ -256,97 +263,117 @@ export const useRtcStore = defineStore('imRtc', () => {
    * 房内成员同步交给 LiveKit 客户端事件（ParticipantConnected / Disconnected）；
    * 胶囊条不实时刷新 joinedUserIds / inviteeIds，展开 / 加入时再走 getActiveCall 接口拉最新
    */
-  function setGroupCall(payload: ImRtcApi.RtcGroupCallRespVO, participantsLoaded?: boolean) {
+  function setGroupCall(
+    payload: ImRtcApi.RtcGroupCallRespVO,
+    participantsLoaded?: boolean,
+  ) {
     if (!payload?.groupId) {
-      return
+      return;
     }
-    useGroupStore().markGroupActiveCallLoaded(payload.groupId)
+    useGroupStore().markGroupActiveCallLoaded(payload.groupId);
     // 浅比较：room / mediaType / joinedUserIds / inviteeIds 都没变就跳过，避免下游 watcher 无意义重算
-    const existing = groupActiveCalls.value.get(payload.groupId)
+    const existing = groupActiveCalls.value.get(payload.groupId);
     const nextParticipantsLoaded =
-      participantsLoaded ?? (existing?.room === payload.room && !!existing.participantsLoaded)
+      participantsLoaded ??
+      (existing?.room === payload.room && !!existing.participantsLoaded);
     if (
       existing &&
       isSameGroupCall(existing, payload) &&
       !!existing.participantsLoaded === nextParticipantsLoaded
     ) {
-      return
+      return;
     }
-    const newGroupActiveCalls = new Map(groupActiveCalls.value)
+    const newGroupActiveCalls = new Map(groupActiveCalls.value);
     newGroupActiveCalls.set(payload.groupId, {
       ...payload,
-      participantsLoaded: nextParticipantsLoaded
-    })
-    groupActiveCalls.value = newGroupActiveCalls
+      participantsLoaded: nextParticipantsLoaded,
+    });
+    groupActiveCalls.value = newGroupActiveCalls;
   }
 
   /** 清空指定群的通话缓存 */
   function clearGroupCallCache(groupId?: number) {
     if (!groupId) {
-      groupActiveCalls.value = new Map()
-      return
+      groupActiveCalls.value = new Map();
+      return;
     }
-    const next = new Map(groupActiveCalls.value)
-    next.delete(groupId)
-    groupActiveCalls.value = next
+    const next = new Map(groupActiveCalls.value);
+    next.delete(groupId);
+    groupActiveCalls.value = next;
   }
 
   /** 判断群通话是否已补齐 */
-  function isGroupCallParticipantsLoaded(groupId: number, room?: string): boolean {
-    const call = groupActiveCalls.value.get(groupId)
+  function isGroupCallParticipantsLoaded(
+    groupId: number,
+    room?: string,
+  ): boolean {
+    const call = groupActiveCalls.value.get(groupId);
     return (
       !!groupId &&
       !!room &&
       !!call &&
       call.room === room &&
       !!call.participantsLoaded
-    )
+    );
   }
 
   /** 两条群通话摘要内容相等（room / mediaType / inviterId / 两个 userId 数组逐项相等） */
-  function isSameGroupCall(a: ImRtcApi.RtcGroupCallRespVO, b: ImRtcApi.RtcGroupCallRespVO): boolean {
-    if (a.room !== b.room || a.mediaType !== b.mediaType || a.inviterId !== b.inviterId) {
-      return false
+  function isSameGroupCall(
+    a: ImRtcApi.RtcGroupCallRespVO,
+    b: ImRtcApi.RtcGroupCallRespVO,
+  ): boolean {
+    if (
+      a.room !== b.room ||
+      a.mediaType !== b.mediaType ||
+      a.inviterId !== b.inviterId
+    ) {
+      return false;
     }
-    return isSameNumberList(a.joinedUserIds ?? [], b.joinedUserIds ?? []) &&
+    return (
+      isSameNumberList(a.joinedUserIds ?? [], b.joinedUserIds ?? []) &&
       isSameNumberList(a.inviteeIds ?? [], b.inviteeIds ?? [])
+    );
   }
 
   /** 判断两个用户编号列表是否逐项相等 */
   function isSameNumberList(a: number[], b: number[]): boolean {
     if (a.length !== b.length) {
-      return false
+      return false;
     }
-    return a.every((item, index) => item === b[index])
+    return a.every((item, index) => item === b[index]);
   }
 
   /** 群通话结束：从 groupActiveCalls 移除；胶囊条消失 */
   function removeGroupCall(groupId: number, room?: string) {
     if (!groupId) {
-      return
+      return;
     }
-    const existing = groupActiveCalls.value.get(groupId)
+    const existing = groupActiveCalls.value.get(groupId);
     if (room && existing?.room !== room) {
-      return
+      return;
     }
-    clearGroupCallCache(groupId)
-    useGroupStore().markGroupActiveCallLoaded(groupId)
+    clearGroupCallCache(groupId);
+    useGroupStore().markGroupActiveCallLoaded(groupId);
   }
 
   /** 获取群当前活跃通话；用于胶囊条按 groupId 查询 */
-  function getGroupCall(groupId: number): ImRtcApi.RtcGroupCallRespVO | undefined {
-    return groupActiveCalls.value.get(groupId)
+  function getGroupCall(
+    groupId: number,
+  ): ImRtcApi.RtcGroupCallRespVO | undefined {
+    return groupActiveCalls.value.get(groupId);
   }
 
   /** 通话参与者加入：把 userId 加进 joinedUserIds；群聊场景无活跃记录时首次填充胶囊条 */
-  function applyParticipantConnected(payload: ImRtcParticipantConnectedNotification) {
-    const isGroup = payload.conversationType === ImConversationType.GROUP
+  function applyParticipantConnected(
+    payload: ImRtcParticipantConnectedNotification,
+  ) {
+    const isGroup = payload.conversationType === ImConversationType.GROUP;
     if (!isGroup || !payload.groupId) {
-      return
+      return;
     }
     // 胶囊条懒填充：本端可能在通话开始后才打开该群会话，没收到过 setGroupCall；
     // 此处用加入通知建一条最小记录，inviteeIds 留空，展开 popover / 加入时再走 getActiveCall 补
-    const existing = groupActiveCalls.value.get(payload.groupId)
+    const existing = groupActiveCalls.value.get(payload.groupId);
     if (!existing) {
       setGroupCall({
         room: payload.room,
@@ -354,72 +381,94 @@ export const useRtcStore = defineStore('imRtc', () => {
         mediaType: payload.mediaType ?? 0,
         inviterId: payload.inviterUserId ?? 0,
         joinedUserIds: [payload.userId],
-        inviteeIds: []
-      })
-      return
+        inviteeIds: [],
+      });
+      return;
     }
     if (existing.room !== payload.room) {
-      return
+      return;
     }
-    const joined = existing.joinedUserIds ?? []
+    const joined = existing.joinedUserIds ?? [];
     if (joined.includes(payload.userId)) {
-      return
+      return;
     }
-    setGroupCall({ ...existing, joinedUserIds: [...joined, payload.userId] })
+    setGroupCall({ ...existing, joinedUserIds: [...joined, payload.userId] });
   }
 
   /** 通话参与者离开：从 joinedUserIds 移除；同时标记 leftUserIds（pending 占位渲染排除） */
-  function applyParticipantDisconnected(payload: ImRtcParticipantDisconnectedNotification) {
-    markUserLeft(payload.userId)
-    const isGroup = payload.conversationType === ImConversationType.GROUP
+  function applyParticipantDisconnected(
+    payload: ImRtcParticipantDisconnectedNotification,
+  ) {
+    markUserLeft(payload.userId);
+    const isGroup = payload.conversationType === ImConversationType.GROUP;
     if (!isGroup || !payload.groupId) {
-      return
+      return;
     }
-    dropFromGroupActiveCall(payload.groupId, payload.room, payload.userId)
+    dropFromGroupActiveCall(payload.groupId, payload.room, payload.userId);
   }
 
   /** 群通话单人拒绝邀请：标记 leftUserIds + 从胶囊条 inviteeIds 移除（私聊拒绝走 RTC_CALL_END，不入本通道） */
   function applyParticipantRejected(
-    payload: Pick<ImRtcCallNotification, 'conversationType' | 'groupId' | 'operatorUserId' | 'room'>
+    payload: Pick<
+      ImRtcCallNotification,
+      'conversationType' | 'groupId' | 'operatorUserId' | 'room'
+    >,
   ) {
     if (!payload.operatorUserId) {
-      return
+      return;
     }
-    markUserLeft(payload.operatorUserId)
-    if (payload.conversationType === ImConversationType.GROUP && payload.groupId) {
-      dropFromGroupActiveCall(payload.groupId, payload.room, payload.operatorUserId)
+    markUserLeft(payload.operatorUserId);
+    if (
+      payload.conversationType === ImConversationType.GROUP &&
+      payload.groupId
+    ) {
+      dropFromGroupActiveCall(
+        payload.groupId,
+        payload.room,
+        payload.operatorUserId,
+      );
     }
   }
 
   /** 群通话单人振铃超时；对 banner 的处理与拒接一致（语义独立、实现共享） */
   function applyParticipantNoAnswer(
-    payload: Pick<ImRtcCallNotification, 'conversationType' | 'groupId' | 'operatorUserId' | 'room'>
+    payload: Pick<
+      ImRtcCallNotification,
+      'conversationType' | 'groupId' | 'operatorUserId' | 'room'
+    >,
   ) {
-    applyParticipantRejected(payload)
+    applyParticipantRejected(payload);
   }
 
   /** 从指定群活跃通话的 joined / pending 列表里同步移除某用户；用于 disconnect / reject 让胶囊条不再展示 */
-  function dropFromGroupActiveCall(groupId: number, room: string, userId: number) {
-    const existing = groupActiveCalls.value.get(groupId)
+  function dropFromGroupActiveCall(
+    groupId: number,
+    room: string,
+    userId: number,
+  ) {
+    const existing = groupActiveCalls.value.get(groupId);
     if (!existing || existing.room !== room) {
-      return
+      return;
     }
-    const joined = existing.joinedUserIds ?? []
-    const invitee = existing.inviteeIds ?? []
-    const nextJoined = joined.filter((id) => id !== userId)
-    const nextInvitee = invitee.filter((id) => id !== userId)
-    if (nextJoined.length === joined.length && nextInvitee.length === invitee.length) {
-      return
+    const joined = existing.joinedUserIds ?? [];
+    const invitee = existing.inviteeIds ?? [];
+    const nextJoined = joined.filter((id) => id !== userId);
+    const nextInvitee = invitee.filter((id) => id !== userId);
+    if (
+      nextJoined.length === joined.length &&
+      nextInvitee.length === invitee.length
+    ) {
+      return;
     }
     if (nextJoined.length === 0 && nextInvitee.length === 0) {
-      removeGroupCall(groupId, room)
-      return
+      removeGroupCall(groupId, room);
+      return;
     }
     setGroupCall({
       ...existing,
       joinedUserIds: nextJoined,
-      inviteeIds: nextInvitee
-    })
+      inviteeIds: nextInvitee,
+    });
   }
 
   return {
@@ -445,6 +494,6 @@ export const useRtcStore = defineStore('imRtc', () => {
     applyParticipantConnected,
     applyParticipantDisconnected,
     applyParticipantRejected,
-    applyParticipantNoAnswer
-  }
-})
+    applyParticipantNoAnswer,
+  };
+});
diff --git a/apps/web-antd/src/views/im/home/store/uiStore.ts b/apps/web-antd/src/views/im/home/store/uiStore.ts
index 93d0b6ebd..fff4e6bb3 100644
--- a/apps/web-antd/src/views/im/home/store/uiStore.ts
+++ b/apps/web-antd/src/views/im/home/store/uiStore.ts
@@ -1,10 +1,10 @@
-import type { GroupLite, User } from '../types'
+import type { GroupLite, User } from '../types';
 
-import { reactive, ref } from 'vue'
+import { reactive, ref } from 'vue';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { ImFriendAddSource } from '../../utils/constants'
+import { ImFriendAddSource } from '../../utils/constants';
 
 /**
  * IM 全局 UI store
@@ -23,24 +23,24 @@ export const useImUiStore = defineStore('imUiStore', () => {
     position: { x: 0, y: 0 },
     // addSource / addSourceExtra 跟随触发点带入「加好友」来源（群成员入口 = GROUP + 群名；其余默认搜索）
     addSource: ImFriendAddSource.SEARCH as number,
-    addSourceExtra: '' as string
-  })
+    addSourceExtra: '' as string,
+  });
 
   /** 打开用户名片 */
   function openUserInfoCard(
     user: User,
     position: { x: number; y: number },
     addSource: number = ImFriendAddSource.SEARCH,
-    addSourceExtra: string = ''
+    addSourceExtra: string = '',
   ) {
-    const viewportWidth = document.documentElement.clientWidth
-    const viewportHeight = document.documentElement.clientHeight
-    userInfoCard.user = user
-    userInfoCard.position.x = Math.min(position.x, viewportWidth - 350)
-    userInfoCard.position.y = Math.min(position.y, viewportHeight - 220)
-    userInfoCard.addSource = addSource
-    userInfoCard.addSourceExtra = addSourceExtra
-    userInfoCard.show = true
+    const viewportWidth = document.documentElement.clientWidth;
+    const viewportHeight = document.documentElement.clientHeight;
+    userInfoCard.user = user;
+    userInfoCard.position.x = Math.min(position.x, viewportWidth - 350);
+    userInfoCard.position.y = Math.min(position.y, viewportHeight - 220);
+    userInfoCard.addSource = addSource;
+    userInfoCard.addSourceExtra = addSourceExtra;
+    userInfoCard.show = true;
   }
 
   /** 鼠标点击位置 + 20px 横向偏移打开名片：避免名片直接覆盖触发元素，对齐头像 / 名片消息等点击交互的统一观感 */
@@ -48,14 +48,19 @@ export const useImUiStore = defineStore('imUiStore', () => {
     user: User,
     e: MouseEvent,
     addSource: number = ImFriendAddSource.SEARCH,
-    addSourceExtra: string = ''
+    addSourceExtra: string = '',
   ) {
-    openUserInfoCard(user, { x: e.clientX + 20, y: e.clientY }, addSource, addSourceExtra)
+    openUserInfoCard(
+      user,
+      { x: e.clientX + 20, y: e.clientY },
+      addSource,
+      addSourceExtra,
+    );
   }
 
   /** 关闭用户名片 */
   function closeUserInfoCard() {
-    userInfoCard.show = false
+    userInfoCard.show = false;
   }
 
   // ==================== 群名片 GroupInfoCard ====================
@@ -63,33 +68,33 @@ export const useImUiStore = defineStore('imUiStore', () => {
   const groupInfoCard = reactive({
     show: false,
     group: null as GroupLite | null,
-    position: { x: 0, y: 0 }
-  })
+    position: { x: 0, y: 0 },
+  });
 
   /** 鼠标点击位置 + 20px 横向偏移打开群名片，对齐 UserInfoCard 的统一观感 */
   function openGroupInfoCardAtEvent(group: GroupLite, e: MouseEvent) {
-    const viewportWidth = document.documentElement.clientWidth
-    const viewportHeight = document.documentElement.clientHeight
-    groupInfoCard.group = group
-    groupInfoCard.position.x = Math.min(e.clientX + 20, viewportWidth - 350)
-    groupInfoCard.position.y = Math.min(e.clientY, viewportHeight - 220)
-    groupInfoCard.show = true
+    const viewportWidth = document.documentElement.clientWidth;
+    const viewportHeight = document.documentElement.clientHeight;
+    groupInfoCard.group = group;
+    groupInfoCard.position.x = Math.min(e.clientX + 20, viewportWidth - 350);
+    groupInfoCard.position.y = Math.min(e.clientY, viewportHeight - 220);
+    groupInfoCard.show = true;
   }
 
   /** 关闭群名片 */
   function closeGroupInfoCard() {
-    groupInfoCard.show = false
+    groupInfoCard.show = false;
   }
 
   // ==================== 右键菜单 ContextMenu ====================
   // 右键菜单虽然是一个组件挂在主壳上，但其触发时机分散在各列表
   interface ContextMenuItem {
-    key: string
-    name: string
-    disabled?: boolean
-    divided?: boolean // 是否在该项上方显示分割线（用于把"删除"等危险操作与上面的常规项隔开）
-    danger?: boolean // 是否走危险操作样式（红色文字）
-    icon?: string // 可选 iconify 图标名（如 ant-design:delete-outlined）；不传则不渲染前置图标
+    key: string;
+    name: string;
+    disabled?: boolean;
+    divided?: boolean; // 是否在该项上方显示分割线（用于把"删除"等危险操作与上面的常规项隔开）
+    danger?: boolean; // 是否走危险操作样式（红色文字）
+    icon?: string; // 可选 iconify 图标名（如 ant-design:delete-outlined）；不传则不渲染前置图标
   }
 
   const contextMenu = reactive({
@@ -97,36 +102,36 @@ export const useImUiStore = defineStore('imUiStore', () => {
     position: { x: 0, y: 0 },
     items: [] as ContextMenuItem[],
     /** 选中回调：每次 open 时由调用方传入 */
-    onSelect: null as ((item: ContextMenuItem) => void) | null
-  })
+    onSelect: null as ((item: ContextMenuItem) => void) | null,
+  });
 
   /** 打开右键菜单 */
   function openContextMenu(
     position: { x: number; y: number },
     items: ContextMenuItem[],
-    onSelect: (item: ContextMenuItem) => void
+    onSelect: (item: ContextMenuItem) => void,
   ) {
-    contextMenu.position = position
-    contextMenu.items = items
-    contextMenu.onSelect = onSelect
-    contextMenu.show = true
+    contextMenu.position = position;
+    contextMenu.items = items;
+    contextMenu.onSelect = onSelect;
+    contextMenu.show = true;
   }
 
   /** 关闭右键菜单 */
   function closeContextMenu() {
-    contextMenu.show = false
-    contextMenu.onSelect = null
+    contextMenu.show = false;
+    contextMenu.onSelect = null;
   }
 
   // ==================== 消息 Tab 跳转下一未读 ====================
   // 在 ImHomeConversation 页面再次点击工具栏「消息」时触发；
   // 通过递增 nonce 让 conversation/index.vue 的 watch 感知后执行滚动 + 高亮
 
-  const nextUnreadJumpNonce = ref(0)
+  const nextUnreadJumpNonce = ref(0);
 
   /** 请求滚动到下一个未读会话（含免打扰） */
   function requestNextUnreadJump() {
-    nextUnreadJumpNonce.value++
+    nextUnreadJumpNonce.value++;
   }
 
   return {
@@ -144,12 +149,12 @@ export const useImUiStore = defineStore('imUiStore', () => {
     closeContextMenu,
 
     nextUnreadJumpNonce,
-    requestNextUnreadJump
-  }
-})
+    requestNextUnreadJump,
+  };
+});
 
 // dev: 让 Pinia 的 actions / state 改动支持 HMR，避免每次改 store 都得硬刷
 // 否则 Vite 把新模块推下来后，老 store 实例的 action 闭包仍指向旧函数体
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useImUiStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useImUiStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/store/websocketStore.ts b/apps/web-antd/src/views/im/home/store/websocketStore.ts
index f948bcdae..4d2136b1a 100644
--- a/apps/web-antd/src/views/im/home/store/websocketStore.ts
+++ b/apps/web-antd/src/views/im/home/store/websocketStore.ts
@@ -1,3 +1,4 @@
+// oxlint-disable no-console
 import type {
   Group,
   ImGroupMessageNotification,
@@ -7,26 +8,33 @@ import type {
   ImNotificationWebSocketDTO,
   ImPrivateMessageNotification,
   Message,
-  WebSocketFrame
-} from '../types'
+  WebSocketFrame,
+} from '../types';
+import type { FriendNotificationPayload } from './friendStore';
+import type {
+  ImRtcCallEndNotification,
+  ImRtcCallNotification,
+  ImRtcParticipantConnectedNotification,
+  ImRtcParticipantDisconnectedNotification,
+} from './rtcStore';
 
-import type { ImChannelMessageApi } from '#/api/im/message/channel'
+import type { ImChannelMessageApi } from '#/api/im/message/channel';
 
-import { acceptHMRUpdate, defineStore } from 'pinia'
+import { acceptHMRUpdate, defineStore } from 'pinia';
 
-import { readChannelMessages as apiReadChannelMessages } from '#/api/im/message/channel'
-import { readGroupMessages as apiReadGroupMessages } from '#/api/im/message/group'
-import { readPrivateMessages as apiReadPrivateMessages } from '#/api/im/message/private'
-import { getCurrentUserId, getRefreshToken } from '#/views/im/utils/auth'
+import { readChannelMessages as apiReadChannelMessages } from '#/api/im/message/channel';
+import { readGroupMessages as apiReadGroupMessages } from '#/api/im/message/group';
+import { readPrivateMessages as apiReadPrivateMessages } from '#/api/im/message/private';
+import { getCurrentUserId, getRefreshToken } from '#/views/im/utils/auth';
 
-import { buildChannelConversationStub } from '../../utils/channel'
+import { buildChannelConversationStub } from '../../utils/channel';
 import {
   MESSAGE_GROUP_READ_ENABLED,
   MESSAGE_PRIVATE_READ_ENABLED,
   WS_RECONNECT_BASE_MS,
   WS_RECONNECT_JITTER_MS,
-  WS_RECONNECT_MAX_MS
-} from '../../utils/config'
+  WS_RECONNECT_MAX_MS,
+} from '../../utils/config';
 import {
   ImContentType,
   ImConversationType,
@@ -38,114 +46,121 @@ import {
   isFriendChatTip,
   isFriendNotification,
   isGroupRequestNotification,
-  isNormalMessage
-} from '../../utils/constants'
+  isNormalMessage,
+} from '../../utils/constants';
 import {
   getPrivateMessagePeerId,
   parseRtcCallPayload,
   playAudioTip,
-  resolveCallEndReasonText
-} from '../../utils/message'
-import { getFriendDisplayName, getGroupDisplayName } from '../../utils/user'
-import { useConversationStore } from './conversationStore'
-import { type FriendNotificationPayload, useFriendStore } from './friendStore'
-import { useGroupRequestStore } from './groupRequestStore'
-import { useGroupStore } from './groupStore'
-import { useMessageStore } from './messageStore'
-import {
-  type ImRtcCallEndNotification,
-  type ImRtcCallNotification,
-  type ImRtcParticipantConnectedNotification,
-  type ImRtcParticipantDisconnectedNotification,
-  useRtcStore
-} from './rtcStore'
+  resolveCallEndReasonText,
+} from '../../utils/message';
+import { getFriendDisplayName, getGroupDisplayName } from '../../utils/user';
+import { useConversationStore } from './conversationStore';
+import { useFriendStore } from './friendStore';
+import { useGroupRequestStore } from './groupRequestStore';
+import { useGroupStore } from './groupStore';
+import { useMessageStore } from './messageStore';
+import { useRtcStore } from './rtcStore';
 
 /** FRIEND_DELETE 帧 payload 是否带 clear=true：clear 语义是清会话本身，跳过气泡渲染 */
-const isFriendDeleteWithClear = (frame: ImPrivateMessageNotification): boolean => {
+const isFriendDeleteWithClear = (
+  frame: ImPrivateMessageNotification,
+): boolean => {
   if (frame.type !== ImContentType.FRIEND_DELETE) {
-    return false
+    return false;
   }
   try {
-    const payload = JSON.parse(frame.content || '{}') as { clear?: boolean }
-    return payload.clear === true
+    const payload = JSON.parse(frame.content || '{}') as { clear?: boolean };
+    return payload.clear === true;
   } catch {
-    return false
+    return false;
   }
-}
+};
 
 /** 从私聊消息帧解析好友通知 payload */
 const parseFriendNotificationPayload = (
-  frame: ImPrivateMessageNotification
-): FriendNotificationPayload => JSON.parse(frame.content || '{}') as FriendNotificationPayload
+  frame: ImPrivateMessageNotification,
+): FriendNotificationPayload =>
+  JSON.parse(frame.content || '{}') as FriendNotificationPayload;
 
 /** 私聊消息帧是否可推断好友对端 */
 const isPrivateMessageNotification = (
-  frame: ImNoConversationNotification | ImPrivateMessageNotification
-): frame is ImPrivateMessageNotification => 'senderId' in frame && 'receiverId' in frame
+  frame: ImNoConversationNotification | ImPrivateMessageNotification,
+): frame is ImPrivateMessageNotification =>
+  'senderId' in frame && 'receiverId' in frame;
 
-const RTC_LIVEKIT_PROTOCOLS = new Set(['http:', 'https:', 'ws:', 'wss:'])
-const RTC_MEDIA_TYPES = new Set<number>(Object.values(ImRtcCallMediaType))
+const RTC_LIVEKIT_PROTOCOLS = new Set(['http:', 'https:', 'ws:', 'wss:']);
+const RTC_MEDIA_TYPES = new Set<number>(Object.values(ImRtcCallMediaType));
 
 /** 忽略普通实时帧持久化失败 */
 function ignoreRealtimePersistError(promise: Promise<void>): void {
-  void promise.catch(() => undefined)
+  void promise.catch(() => undefined);
 }
 
 interface WebSocketListenerSet {
-  close: (event: CloseEvent) => void
-  error: (event: Event) => void
-  message: (event: MessageEvent) => void
-  open: (event: Event) => void
+  close: (event: CloseEvent) => void;
+  error: (event: Event) => void;
+  message: (event: MessageEvent) => void;
+  open: (event: Event) => void;
 }
 
-const websocketListenerMap = new WeakMap<WebSocket, WebSocketListenerSet>()
+const websocketListenerMap = new WeakMap<WebSocket, WebSocketListenerSet>();
 
 /** 绑定 WebSocket 事件 */
-function bindWebSocketListeners(socket: WebSocket, listeners: WebSocketListenerSet): void {
-  websocketListenerMap.set(socket, listeners)
-  socket.addEventListener('open', listeners.open)
-  socket.addEventListener('message', listeners.message)
-  socket.addEventListener('close', listeners.close)
-  socket.addEventListener('error', listeners.error)
+function bindWebSocketListeners(
+  socket: WebSocket,
+  listeners: WebSocketListenerSet,
+): void {
+  websocketListenerMap.set(socket, listeners);
+  socket.addEventListener('open', listeners.open);
+  socket.addEventListener('message', listeners.message);
+  socket.addEventListener('close', listeners.close);
+  socket.addEventListener('error', listeners.error);
 }
 
 /** 解绑 WebSocket 事件 */
 function unbindWebSocketListeners(socket: WebSocket): void {
-  const listeners = websocketListenerMap.get(socket)
+  const listeners = websocketListenerMap.get(socket);
   if (!listeners) {
-    return
+    return;
   }
-  socket.removeEventListener('open', listeners.open)
-  socket.removeEventListener('message', listeners.message)
-  socket.removeEventListener('close', listeners.close)
-  socket.removeEventListener('error', listeners.error)
-  websocketListenerMap.delete(socket)
+  socket.removeEventListener('open', listeners.open);
+  socket.removeEventListener('message', listeners.message);
+  socket.removeEventListener('close', listeners.close);
+  socket.removeEventListener('error', listeners.error);
+  websocketListenerMap.delete(socket);
 }
 
 /** 校验 LiveKit 连接地址 */
 function isValidLiveKitUrl(url?: string): boolean {
   if (!url) {
-    return false
+    return false;
   }
   try {
-    return RTC_LIVEKIT_PROTOCOLS.has(new URL(url).protocol)
+    return RTC_LIVEKIT_PROTOCOLS.has(new URL(url).protocol);
   } catch {
-    return false
+    return false;
   }
 }
 
 /** 校验来电信令载荷 */
 function isValidRtcInvitePayload(payload: ImRtcCallNotification): boolean {
-  if (!payload.room || !payload.token || !isValidLiveKitUrl(payload.livekitUrl)) {
-    return false
+  if (
+    !payload.room ||
+    !payload.token ||
+    !isValidLiveKitUrl(payload.livekitUrl)
+  ) {
+    return false;
   }
   if (!RTC_MEDIA_TYPES.has(payload.mediaType) || !payload.inviterUserId) {
-    return false
+    return false;
   }
   if (payload.conversationType === ImConversationType.PRIVATE) {
-    return true
+    return true;
   }
-  return payload.conversationType === ImConversationType.GROUP && !!payload.groupId
+  return (
+    payload.conversationType === ImConversationType.GROUP && !!payload.groupId
+  );
 }
 
 /**
@@ -154,7 +169,7 @@ function isValidRtcInvitePayload(payload: ImRtcCallNotification): boolean {
  */
 const convertPrivateMessage = (
   websocketMessage: ImPrivateMessageNotification,
-  currentUserId: number
+  currentUserId: number,
 ): Message => ({
   id: websocketMessage.id,
   clientMessageId: websocketMessage.clientMessageId,
@@ -165,8 +180,8 @@ const convertPrivateMessage = (
   sendTime: new Date(websocketMessage.sendTime).getTime(),
   senderId: websocketMessage.senderId,
   targetId: getPrivateMessagePeerId(websocketMessage, currentUserId),
-  selfSend: websocketMessage.senderId === currentUserId
-})
+  selfSend: websocketMessage.senderId === currentUserId,
+});
 
 /**
  * WebSocket 群聊 DTO -> 前端 Message
@@ -175,7 +190,7 @@ const convertPrivateMessage = (
  */
 const convertGroupMessage = (
   websocketMessage: ImGroupMessageNotification,
-  currentUserId: number
+  currentUserId: number,
 ): Message => ({
   id: websocketMessage.id,
   clientMessageId: websocketMessage.clientMessageId,
@@ -189,8 +204,8 @@ const convertGroupMessage = (
   atUserIds: websocketMessage.atUserIds || [],
   receiverUserIds: websocketMessage.receiverUserIds || [],
   receiptStatus: websocketMessage.receiptStatus,
-  readCount: websocketMessage.readCount
-})
+  readCount: websocketMessage.readCount,
+});
 
 /**
  * IM WebSocket Store
@@ -217,16 +232,19 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     reconnectAttempts: 0,
     heartbeatTimer: null as null | ReturnType<typeof setInterval>,
     messageBuffer: [] as Array<
-      | { conversationType: typeof ImConversationType.CHANNEL; payload: ImChannelMessageApi.ChannelMessageRespVO }
       | {
-          conversationType: typeof ImConversationType.GROUP
-          payload: ImGroupMessageNotification
+          conversationType: typeof ImConversationType.CHANNEL;
+          payload: ImChannelMessageApi.ChannelMessageRespVO;
         }
       | {
-          conversationType: typeof ImConversationType.PRIVATE
-          payload: ImPrivateMessageNotification
+          conversationType: typeof ImConversationType.GROUP;
+          payload: ImGroupMessageNotification;
         }
-    > // 初始化加载期内，先把普通消息丢进缓冲区，pull 完成后再一次性回放
+      | {
+          conversationType: typeof ImConversationType.PRIVATE;
+          payload: ImPrivateMessageNotification;
+        }
+    >, // 初始化加载期内，先把普通消息丢进缓冲区，pull 完成后再一次性回放
   }),
 
   actions: {
@@ -235,14 +253,14 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 配合 messageBuffer 实现：在 conversationStore.loading 期间收到的 WS 消息先暂存，避免和 pull 的 minId 游标打架
      */
     flushBuffer() {
-      const msgs = [...this.messageBuffer]
-      this.messageBuffer = []
-      return msgs
+      const msgs = [...this.messageBuffer];
+      this.messageBuffer = [];
+      return msgs;
     },
 
     /** 直接丢弃缓冲帧不回放（cancelPull / 离开 IM 调用，防止下次进 IM 把旧 session 帧回放进新 store） */
     discardBuffer() {
-      this.messageBuffer = []
+      this.messageBuffer = [];
     },
 
     /**
@@ -254,78 +272,80 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      */
     connect() {
       // 鉴权用 refreshToken（生命周期更长；access token 过期后服务端会通过 frame 通知重登）
-      const refreshToken = getRefreshToken()
+      const refreshToken = getRefreshToken();
       if (!refreshToken) {
-        console.warn('[IM WS] refreshToken 为空，跳过连接')
-        return
+        console.warn('[IM WS] refreshToken 为空，跳过连接');
+        return;
       }
       // 旧 socket 还在 CONNECTING / OPEN 直接复用，避免叠加多份 onmessage 监听导致重复消息 / 提示音 / 已读上报
-      const existingSocket = this.socket
+      const existingSocket = this.socket;
       if (
         existingSocket &&
         (existingSocket.readyState === WebSocket.OPEN ||
           existingSocket.readyState === WebSocket.CONNECTING)
       ) {
-        return
+        return;
       }
       // 旧 socket 已 CLOSING / CLOSED：解绑回调 + 清引用再 new，避免老 handler 仍持有 store 引用阻碍 GC
       if (existingSocket) {
-        unbindWebSocketListeners(existingSocket)
-        this.socket = null
+        unbindWebSocketListeners(existingSocket);
+        this.socket = null;
       }
-      const url = `${this.buildWsUrl()}/infra/ws?token=${refreshToken}`
-      const socket = new WebSocket(url)
-      this.socket = socket
+      const url = `${this.buildWsUrl()}/infra/ws?token=${refreshToken}`;
+      const socket = new WebSocket(url);
+      this.socket = socket;
 
       bindWebSocketListeners(socket, {
         // 连接建立：标记上线 + 启动心跳保活；重连退避计数归零
         open: () => {
-          this.isConnected = true
-          this.reconnectAttempts = 0
-          console.log('[IM WS] connected')
-          this.startHeartbeat()
+          this.isConnected = true;
+          this.reconnectAttempts = 0;
+          console.log('[IM WS] connected');
+          this.startHeartbeat();
         },
 
         // 收到帧：'pong' 是心跳应答直接吞掉；其余按 WebSocketFrame 解析后交给 dispatchFrame 分流
         message: (event) => {
           if (event.data === 'pong') {
-            return
+            return;
           }
           try {
-            const frame = JSON.parse(event.data) as WebSocketFrame
-            this.dispatchFrame(frame)
+            const frame = JSON.parse(event.data) as WebSocketFrame;
+            this.dispatchFrame(frame);
           } catch (error) {
-            console.error('[IM WS] message parse error:', error)
+            console.error('[IM WS] message parse error:', error);
           }
         },
 
         // 服务端关闭 / 网络断：标记下线，按指数退避自动重连
         close: () => {
-          this.isConnected = false
-          console.log('[IM WS] disconnected')
-          this.reconnect()
+          this.isConnected = false;
+          console.log('[IM WS] disconnected');
+          this.reconnect();
         },
 
         // 异常时不主动 reconnect，主动 close() 让 close 成为唯一重连入口
         error: (error) => {
-          console.error('[IM WS] error:', error)
-          this.isConnected = false
-          this.socket?.close()
-        }
-      })
+          console.error('[IM WS] error:', error);
+          this.isConnected = false;
+          this.socket?.close();
+        },
+      });
     },
 
     /** 拼接 WebSocket 基础地址 */
     buildWsUrl(): string {
       // VITE_BASE_URL 可能是 http:// 或 https:// 开头，替换成 ws:// 或 wss://；如果没配置，就用当前页面的协议 + host
-      const baseUrl = (import.meta as any).env?.VITE_BASE_URL as string | undefined
+      const baseUrl = (import.meta as any).env?.VITE_BASE_URL as
+        | string
+        | undefined;
       if (baseUrl && baseUrl.length > 0) {
-        return baseUrl.replace(/^http/, 'ws')
+        return baseUrl.replace(/^http/, 'ws');
       }
       // 当前页面协议 + host（如 http://localhost:8080），替换成 ws://localhost:8080
-      const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
-      const host = window.location.host
-      return `${protocol}//${host}`
+      const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+      const host = window.location.host;
+      return `${protocol}//${host}`;
     },
 
     /**
@@ -333,37 +353,43 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      */
     dispatchFrame(frame: WebSocketFrame) {
       if (frame.type !== ImWebSocketMessageType.NOTIFICATION) {
-        console.debug('[IM WS] 未识别事件', frame)
-        return
+        console.debug('[IM WS] 未识别事件', frame);
+        return;
       }
 
-      const notification = this.safeParse(frame.content) as ImNotificationWebSocketDTO | null
+      const notification = this.safeParse(
+        frame.content,
+      ) as ImNotificationWebSocketDTO | null;
       if (!notification?.payload || !notification.contentType) {
-        return
+        return;
       }
       const payload = {
         ...notification.payload,
-        type: notification.contentType
-      }
+        type: notification.contentType,
+      };
       switch (notification.conversationType) {
         case ImConversationType.CHANNEL: {
-          this.dispatchChannelFrame(payload as ImChannelMessageApi.ChannelMessageRespVO)
-          break
+          this.dispatchChannelFrame(
+            payload as ImChannelMessageApi.ChannelMessageRespVO,
+          );
+          break;
         }
         case ImConversationType.GROUP: {
-          this.dispatchGroupFrame(payload as ImGroupMessageNotification)
-          break
+          this.dispatchGroupFrame(payload as ImGroupMessageNotification);
+          break;
         }
         case ImConversationType.NONE: {
-          this.dispatchNoConversationFrame(payload as ImNoConversationNotification)
-          break
+          this.dispatchNoConversationFrame(
+            payload as ImNoConversationNotification,
+          );
+          break;
         }
         case ImConversationType.PRIVATE: {
-          this.dispatchPrivateFrame(payload as ImPrivateMessageNotification)
-          break
+          this.dispatchPrivateFrame(payload as ImPrivateMessageNotification);
+          break;
         }
         default: {
-          console.debug('[IM WS] 未识别通知', notification)
+          console.debug('[IM WS] 未识别通知', notification);
         }
       }
     },
@@ -371,24 +397,26 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     /**
      * 无会话通知分发
      */
-    dispatchNoConversationFrame(websocketMessage: ImNoConversationNotification) {
+    dispatchNoConversationFrame(
+      websocketMessage: ImNoConversationNotification,
+    ) {
       if (isFriendNotification(websocketMessage.type)) {
-        this.handleFriendNotification(websocketMessage)
-        return
+        this.handleFriendNotification(websocketMessage);
+        return;
       }
       if (isGroupRequestNotification(websocketMessage.type)) {
-        this.handleGroupRequestNotification(websocketMessage)
-        return
+        this.handleGroupRequestNotification(websocketMessage);
+        return;
       }
       switch (websocketMessage.type) {
         case ImContentType.RTC_CALL:
         case ImContentType.RTC_PARTICIPANT_CONNECTED:
         case ImContentType.RTC_PARTICIPANT_DISCONNECTED: {
-          this.handleRtcSignaling(websocketMessage)
-          break
+          this.handleRtcSignaling(websocketMessage);
+          break;
         }
         default: {
-          console.debug('[IM WS] 未识别无会话通知', websocketMessage)
+          console.debug('[IM WS] 未识别无会话通知', websocketMessage);
         }
       }
     },
@@ -396,54 +424,62 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     /**
      * 频道帧分发：按 payload.type 分到 READ（多端已读同步）或普通素材推送
      */
-    dispatchChannelFrame(websocketMessage: ImChannelMessageApi.ChannelMessageRespVO) {
+    dispatchChannelFrame(
+      websocketMessage: ImChannelMessageApi.ChannelMessageRespVO,
+    ) {
       if (websocketMessage.type === ImContentType.READ) {
-        this.handleChannelRead(websocketMessage)
-        return
+        this.handleChannelRead(websocketMessage);
+        return;
       }
-      ignoreRealtimePersistError(this.handleChannelMessage(websocketMessage))
+      ignoreRealtimePersistError(this.handleChannelMessage(websocketMessage));
     },
 
     /** 频道 READ：自己其它终端在某频道里标为已读，本端同步清零该频道未读 */
-    handleChannelRead(websocketMessage: ImChannelMessageApi.ChannelMessageRespVO) {
+    handleChannelRead(
+      websocketMessage: ImChannelMessageApi.ChannelMessageRespVO,
+    ) {
       void useConversationStore()
         .applyConversationReadList([
           {
             id: websocketMessage.id,
             conversationType: ImConversationType.CHANNEL,
             targetId: websocketMessage.channelId,
-            messageId: websocketMessage.id
-          }
+            messageId: websocketMessage.id,
+          },
         ])
-        .catch((error) => console.warn('[IM WS] 频道已读同步失败', error))
+        .catch((error) => console.warn('[IM WS] 频道已读同步失败', error));
     },
 
     /**
      * 频道消息实时入会话；频道消息单向 + 无状态机，直接 insertMessage 即可
      * pull 与 WS 拿到同一条 id 时，messageStore.insertMessage 内部按 id 去重，不会重复
      */
-    handleChannelMessage(websocketMessage: ImChannelMessageApi.ChannelMessageRespVO): Promise<void> {
-      const conversationStore = useConversationStore()
-      const messageStore = useMessageStore()
+    handleChannelMessage(
+      websocketMessage: ImChannelMessageApi.ChannelMessageRespVO,
+    ): Promise<void> {
+      const conversationStore = useConversationStore();
+      const messageStore = useMessageStore();
       // 离线加载期间先缓冲，等 pull 完成后再统一回放，避免重复或顺序错乱
       if (conversationStore.loading) {
         this.messageBuffer.push({
           conversationType: ImConversationType.CHANNEL,
-          payload: websocketMessage
-        })
-        return Promise.resolve()
+          payload: websocketMessage,
+        });
+        return Promise.resolve();
       }
       const sendTimeMs =
         typeof websocketMessage.sendTime === 'number'
           ? websocketMessage.sendTime
-          : new Date(websocketMessage.sendTime).getTime()
+          : new Date(websocketMessage.sendTime).getTime();
       const conversation = conversationStore.getConversation(
         ImConversationType.CHANNEL,
-        websocketMessage.channelId
-      )
+        websocketMessage.channelId,
+      );
       const isActive =
-        conversationStore.activeConversation?.type === ImConversationType.CHANNEL &&
-        conversationStore.activeConversation?.targetId === websocketMessage.channelId
+        conversationStore.activeConversation?.type ===
+          ImConversationType.CHANNEL &&
+        conversationStore.activeConversation?.targetId ===
+          websocketMessage.channelId;
       // 频道单向订阅，receiptStatus 表达「我是否已读这条」：会话打开即已读 DONE，否则 PENDING（与 pull 口径一致）
       const persistPromise = messageStore.insertMessage(
         buildChannelConversationStub(websocketMessage.channelId),
@@ -453,34 +489,39 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
           type: websocketMessage.type,
           content: websocketMessage.content,
           status: ImMessageStatus.NORMAL,
-          receiptStatus: isActive ? ImMessageReceiptStatus.DONE : ImMessageReceiptStatus.PENDING,
+          receiptStatus: isActive
+            ? ImMessageReceiptStatus.DONE
+            : ImMessageReceiptStatus.PENDING,
           sendTime: sendTimeMs,
           senderId: 0,
           targetId: websocketMessage.channelId,
           selfSend: false,
-          materialId: websocketMessage.materialId
-        }
-      )
+          materialId: websocketMessage.materialId,
+        },
+      );
       if (isActive) {
         // 窗口打开 = 已读：本端清未读 + 上报服务端读位置，避免读位置滞后
         const readReported = conversationStore.isReportedReadPositionCovered(
           ImConversationType.CHANNEL,
           websocketMessage.channelId,
-          websocketMessage.id
-        )
+          websocketMessage.id,
+        );
         conversationStore.markConversationRead(
           ImConversationType.CHANNEL,
           websocketMessage.channelId,
-          websocketMessage.id
-        )
+          websocketMessage.id,
+        );
         if (!readReported) {
-          apiReadChannelMessages(websocketMessage.channelId, websocketMessage.id)
+          apiReadChannelMessages(
+            websocketMessage.channelId,
+            websocketMessage.id,
+          )
             .then(() =>
               conversationStore.markConversationReadReported(
                 ImConversationType.CHANNEL,
                 websocketMessage.channelId,
-                websocketMessage.id
-              )
+                websocketMessage.id,
+              ),
             )
             .catch((error) => {
               console.warn(
@@ -488,32 +529,35 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
                 {
                   conversationType: ImConversationType.CHANNEL,
                   channelId: websocketMessage.channelId,
-                  messageId: websocketMessage.id
+                  messageId: websocketMessage.id,
                 },
-                error
-              )
-            })
+                error,
+              );
+            });
         }
-      } else if (!conversation?.silent && isNormalMessage(websocketMessage.type)) {
+      } else if (
+        !conversation?.silent &&
+        isNormalMessage(websocketMessage.type)
+      ) {
         // 非当前会话且未免打扰：响一下提示音
-        playAudioTip()
+        playAudioTip();
       }
-      return persistPromise
+      return persistPromise;
     },
 
     /** content 既可能已是对象也可能是 JSON 字符串（后端用 Map 序列化下发） */
     safeParse(raw: unknown): null | Record<string, any> {
       if (!raw) {
-        return null
+        return null;
       }
       if (typeof raw === 'object') {
-        return raw as Record<string, any>
+        return raw as Record<string, any>;
       }
       try {
-        return JSON.parse(raw as string)
+        return JSON.parse(raw as string);
       } catch (error) {
-        console.error('[IM WS] content 解析失败', error)
-        return null
+        console.error('[IM WS] content 解析失败', error);
+        return null;
       }
     },
 
@@ -528,35 +572,49 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
       try {
         switch (websocketMessage.type) {
           case ImContentType.READ: {
-            this.handlePrivateRead(websocketMessage as ImMessageReadNotification)
-            break
+            this.handlePrivateRead(
+              websocketMessage as ImMessageReadNotification,
+            );
+            break;
           }
           case ImContentType.RECEIPT: {
-            this.handlePrivateReceipt(websocketMessage as ImMessageReceiptNotification)
-            break
+            this.handlePrivateReceipt(
+              websocketMessage as ImMessageReceiptNotification,
+            );
+            break;
           }
           case ImContentType.RTC_CALL_END: {
             // 入库 + 关闭通话窗 + 渲染聊天 tip（私聊场景）
-            this.handleRtcCallEnd(websocketMessage)
-            ignoreRealtimePersistError(this.handlePrivateMessage(websocketMessage))
-            break
+            this.handleRtcCallEnd(websocketMessage);
+            ignoreRealtimePersistError(
+              this.handlePrivateMessage(websocketMessage),
+            );
+            break;
           }
           default: {
             if (isFriendChatTip(websocketMessage.type)) {
-              this.handleFriendNotification(websocketMessage)
+              this.handleFriendNotification(websocketMessage);
               // FRIEND_DELETE 的 clear=true 语义是清会话本身，跳过气泡避免在已清会话里写入虚拟消息
               if (!isFriendDeleteWithClear(websocketMessage)) {
-                ignoreRealtimePersistError(this.handlePrivateMessage(websocketMessage))
+                ignoreRealtimePersistError(
+                  this.handlePrivateMessage(websocketMessage),
+                );
               }
             } else {
               // TEXT / IMAGE / FILE / VOICE / VIDEO 等普通消息
-              ignoreRealtimePersistError(this.handlePrivateMessage(websocketMessage))
+              ignoreRealtimePersistError(
+                this.handlePrivateMessage(websocketMessage),
+              );
             }
           }
         }
       } catch (error) {
         // 单条帧的处理异常不应阻断后续帧；打印完整 websocketMessage 便于排查
-        console.warn('[IM WS] dispatchPrivateFrame 处理失败', websocketMessage, error)
+        console.warn(
+          '[IM WS] dispatchPrivateFrame 处理失败',
+          websocketMessage,
+          error,
+        );
       }
     },
 
@@ -569,41 +627,53 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
       try {
         switch (websocketMessage.type) {
           case ImContentType.GROUP_MEMBER_NICKNAME_UPDATE: {
-            this.handleGroupMemberNicknameUpdate(websocketMessage)
-            break
+            this.handleGroupMemberNicknameUpdate(websocketMessage);
+            break;
           }
           case ImContentType.GROUP_MEMBER_SETTING_UPDATE: {
-            this.handleGroupMemberSettingUpdate(websocketMessage)
-            break
+            this.handleGroupMemberSettingUpdate(websocketMessage);
+            break;
           }
           case ImContentType.READ: {
-            this.handleGroupRead(websocketMessage as ImMessageReadNotification)
-            break
+            this.handleGroupRead(websocketMessage as ImMessageReadNotification);
+            break;
           }
           case ImContentType.RECEIPT: {
-            this.handleGroupReceipt(websocketMessage as ImMessageReceiptNotification)
-            break
+            this.handleGroupReceipt(
+              websocketMessage as ImMessageReceiptNotification,
+            );
+            break;
           }
           case ImContentType.RTC_CALL_END: {
             // 入库 + 移除胶囊条 + 关闭通话窗（如果当前在该群通话内）
-            this.handleRtcCallEnd(websocketMessage)
-            ignoreRealtimePersistError(this.handleGroupMessage(websocketMessage))
-            break
+            this.handleRtcCallEnd(websocketMessage);
+            ignoreRealtimePersistError(
+              this.handleGroupMessage(websocketMessage),
+            );
+            break;
           }
           case ImContentType.RTC_CALL_START: {
             // 入库 + 渲染聊天 tip；同时用 START payload 先生成最小胶囊条，后续 getActiveCall / 参与者事件再补齐成员
-            this.handleRtcCallStart(websocketMessage)
-            ignoreRealtimePersistError(this.handleGroupMessage(websocketMessage))
-            break
+            this.handleRtcCallStart(websocketMessage);
+            ignoreRealtimePersistError(
+              this.handleGroupMessage(websocketMessage),
+            );
+            break;
           }
           default: {
             // TEXT / IMAGE / FILE / VOICE / VIDEO + GROUP_* 群广播事件
-            ignoreRealtimePersistError(this.handleGroupMessage(websocketMessage))
+            ignoreRealtimePersistError(
+              this.handleGroupMessage(websocketMessage),
+            );
           }
         }
       } catch (error) {
         // 单条帧的处理异常不应阻断后续帧；打印完整 websocketMessage 便于排查
-        console.warn('[IM WS] dispatchGroupFrame 处理失败', websocketMessage, error)
+        console.warn(
+          '[IM WS] dispatchGroupFrame 处理失败',
+          websocketMessage,
+          error,
+        );
       }
     },
 
@@ -617,10 +687,12 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 4. 构造前端 Message，插入到对应私聊会话
      * 5. 当前会话激活时自动上报已读；否则非免打扰响提示音
      */
-    handlePrivateMessage(websocketMessage: ImPrivateMessageNotification): Promise<void> {
-      const conversationStore = useConversationStore()
-      const friendStore = useFriendStore()
-      const currentUserId = getCurrentUserId()
+    handlePrivateMessage(
+      websocketMessage: ImPrivateMessageNotification,
+    ): Promise<void> {
+      const conversationStore = useConversationStore();
+      const friendStore = useFriendStore();
+      const currentUserId = getCurrentUserId();
 
       // 0. 防御层：senderId / receiverId 均不含当前用户的私聊帧直接丢弃，避免后端路由 / 多端串号污染会话
       //    （FRIEND_* 等系统通知也走这条通道，但 fromUserId=senderId、toUserId=receiverId 仍是当前用户视角）
@@ -629,29 +701,29 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
         websocketMessage.senderId !== currentUserId &&
         websocketMessage.receiverId !== currentUserId
       ) {
-        console.warn('[IM WS] 丢弃不属于当前用户的私聊帧', websocketMessage)
-        return Promise.resolve()
+        console.warn('[IM WS] 丢弃不属于当前用户的私聊帧', websocketMessage);
+        return Promise.resolve();
       }
 
       // 1. 离线加载期间先缓冲，等 pull 完成后再统一回放，避免重复或顺序错乱
       if (conversationStore.loading) {
         this.messageBuffer.push({
           conversationType: ImConversationType.PRIVATE,
-          payload: websocketMessage
-        })
-        return Promise.resolve()
+          payload: websocketMessage,
+        });
+        return Promise.resolve();
       }
 
       // 2. selfSend / peerId：自己发的消息属于「发给 receiverId 的会话」，别人发的属于「发送者的会话」
-      const selfSend = websocketMessage.senderId === currentUserId
-      const peerId = getPrivateMessagePeerId(websocketMessage, currentUserId)
+      const selfSend = websocketMessage.senderId === currentUserId;
+      const peerId = getPrivateMessagePeerId(websocketMessage, currentUserId);
       // 未知对端（陌生人加好友前先收到消息等场景）：异步补拉一次，下次再渲染就有 name/avatar
-      const friend = friendStore.getFriend(peerId)
+      const friend = friendStore.getFriend(peerId);
       if (!friend) {
-        friendStore.fetchFriendInfo(peerId).catch(() => undefined)
+        friendStore.fetchFriendInfo(peerId).catch(() => undefined);
       }
       // 会话标题永远跟「对端」走（不管谁发的消息）；这里只算一次给 insertMessage 用
-      const peerDisplayName = friend ? getFriendDisplayName(friend) : ''
+      const peerDisplayName = friend ? getFriendDisplayName(friend) : '';
 
       // 3. 后端撤回：下发一条 RECALL 消息，content 为 `{"messageId": xxx}`（对齐 ImContentTypeEnum.RECALL → RecallMessage）
       // 这里拦截下来改走 recallMessage（把原消息更新为 RECALL 态），不让它作为新消息进列表
@@ -659,50 +731,54 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
         return useMessageStore().recallMessage(
           ImConversationType.PRIVATE,
           peerId,
-          websocketMessage.content
-        )
+          websocketMessage.content,
+        );
       }
 
       // 4. 后端 DTO → 前端 Message：发送人名渲染时实时算，不写入消息字段
-      const message = convertPrivateMessage(websocketMessage, currentUserId)
+      const message = convertPrivateMessage(websocketMessage, currentUserId);
       const persistPromise = useMessageStore().insertMessage(
         {
           type: ImConversationType.PRIVATE,
           targetId: peerId,
           name: peerDisplayName || String(peerId),
           avatar: friend?.avatar || '',
-          silent: friend?.silent
+          silent: friend?.silent,
         },
-        message
-      )
+        message,
+      );
 
       // 5. 仅对方消息才走「自动已读 / 提示音」分支：自己发的不会触发
       if (!selfSend) {
-        const conversation = conversationStore.getConversation(ImConversationType.PRIVATE, peerId)
+        const conversation = conversationStore.getConversation(
+          ImConversationType.PRIVATE,
+          peerId,
+        );
         const isActive =
-          conversationStore.activeConversation?.type === ImConversationType.PRIVATE &&
-          conversationStore.activeConversation?.targetId === peerId
+          conversationStore.activeConversation?.type ===
+            ImConversationType.PRIVATE &&
+          conversationStore.activeConversation?.targetId === peerId;
         if (isActive) {
           // 聊天窗口打开 = 实际看到了：本端清未读；私聊已读开启时再上报后端，让对方 UI 立刻切到"已读"
           // 已读位置直接用刚到的消息 id（这条就是当前会话最大 id）
           const readReported = conversationStore.isReportedReadPositionCovered(
             ImConversationType.PRIVATE,
             peerId,
-            websocketMessage.id
-          )
+            websocketMessage.id,
+          );
           conversationStore.markConversationRead(
             ImConversationType.PRIVATE,
             peerId,
-            websocketMessage.id
-          )
+            websocketMessage.id,
+          );
           if (MESSAGE_PRIVATE_READ_ENABLED && !readReported) {
             apiReadPrivateMessages(peerId, websocketMessage.id)
               .then(() =>
                 conversationStore.markConversationReadReported(
                   ImConversationType.PRIVATE,
                   peerId,
-                  websocketMessage.id
-                )
+                  websocketMessage.id,
+                ),
               )
               .catch((error) => {
                 console.warn(
@@ -710,27 +786,30 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
                   {
                     conversationType: ImConversationType.PRIVATE,
                     peerId,
-                    messageId: websocketMessage.id
+                    messageId: websocketMessage.id,
                   },
-                  error
-                )
-              })
+                  error,
+                );
+              });
           }
-        } else if (!conversation?.silent && isNormalMessage(websocketMessage.type)) {
+        } else if (
+          !conversation?.silent &&
+          isNormalMessage(websocketMessage.type)
+        ) {
           // 非当前会话且未免打扰：响一下提示音（带节流，详见 playAudioTip）；FRIEND_* 等系统事件不响
-          playAudioTip()
+          playAudioTip();
         }
       }
-      return persistPromise
+      return persistPromise;
     },
 
     /** 私聊 READ 事件：自己的其它终端在对方会话里标为已读，本端同步清零未读；私聊已读关闭时兜底忽略 */
     handlePrivateRead(websocketMessage: ImMessageReadNotification) {
       if (!MESSAGE_PRIVATE_READ_ENABLED) {
-        return
+        return;
       }
       if (!websocketMessage.id || !websocketMessage.receiverId) {
-        return
+        return;
       }
       void useConversationStore()
         .applyConversationReadList([
@@ -738,10 +817,10 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
             id: websocketMessage.id,
             conversationType: ImConversationType.PRIVATE,
             targetId: websocketMessage.receiverId,
-            messageId: websocketMessage.id
-          }
+            messageId: websocketMessage.id,
+          },
         ])
-        .catch((error) => console.warn('[IM WS] 私聊已读同步失败', error))
+        .catch((error) => console.warn('[IM WS] 私聊已读同步失败', error));
     },
 
     /**
@@ -751,19 +830,19 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      */
     handlePrivateReceipt(websocketMessage: ImMessageReceiptNotification) {
       if (!MESSAGE_PRIVATE_READ_ENABLED) {
-        return
+        return;
       }
       if (!websocketMessage.id) {
-        return
+        return;
       }
       if (!websocketMessage.senderId) {
-        return
+        return;
       }
       useMessageStore().applyMessageReadReceipt({
         conversationType: ImConversationType.PRIVATE,
         targetId: websocketMessage.senderId,
-        privateReadMaxId: websocketMessage.id
-      })
+        privateReadMaxId: websocketMessage.id,
+      });
     },
 
     /**
@@ -776,15 +855,17 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 4. 构造 Message + at 字段，插入到对应群聊会话（发送人名渲染时实时算）
      * 5. 当前会话激活时自动上报已读（带 lastMessageId）；否则非免打扰响提示音
      */
-    handleGroupMessage(websocketMessage: ImGroupMessageNotification): Promise<void> {
-      const conversationStore = useConversationStore()
-      const groupStore = useGroupStore()
-      const currentUserId = getCurrentUserId()
-      const selfSend = websocketMessage.senderId === currentUserId
+    handleGroupMessage(
+      websocketMessage: ImGroupMessageNotification,
+    ): Promise<void> {
+      const conversationStore = useConversationStore();
+      const groupStore = useGroupStore();
+      const currentUserId = getCurrentUserId();
+      const selfSend = websocketMessage.senderId === currentUserId;
 
       // 0. 防御层：定向群消息 receiverUserIds 非空且未包含当前用户时丢弃
       //    自己发的（selfSend）始终通过；全员可见（receiverUserIds 为空 / 缺失）也通过
-      const receiverUserIds = websocketMessage.receiverUserIds
+      const receiverUserIds = websocketMessage.receiverUserIds;
       if (
         currentUserId &&
         !selfSend &&
@@ -792,23 +873,28 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
         receiverUserIds.length > 0 &&
         !receiverUserIds.includes(currentUserId)
       ) {
-        console.warn('[IM WS] 丢弃不属于当前用户的定向群消息', websocketMessage)
-        return Promise.resolve()
+        console.warn(
+          '[IM WS] 丢弃不属于当前用户的定向群消息',
+          websocketMessage,
+        );
+        return Promise.resolve();
       }
 
       // 1. 离线加载期缓冲（与私聊对称）
       if (conversationStore.loading) {
         this.messageBuffer.push({
           conversationType: ImConversationType.GROUP,
-          payload: websocketMessage
-        })
-        return Promise.resolve()
+          payload: websocketMessage,
+        });
+        return Promise.resolve();
       }
 
       // 2. 未知群时自动拉群详情 + 成员（被拉入群但还没收到 GROUP_CREATE 时的兜底）
-      const group = groupStore.getGroup(websocketMessage.groupId)
+      const group = groupStore.getGroup(websocketMessage.groupId);
       if (!group) {
-        groupStore.fetchGroupInfo(websocketMessage.groupId).catch(() => undefined)
+        groupStore
+          .fetchGroupInfo(websocketMessage.groupId)
+          .catch(() => undefined);
       }
 
       // 3. 后端撤回：下发一条 RECALL 消息，content 为 `{"messageId": xxx}`
@@ -817,52 +903,56 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
         return useMessageStore().recallMessage(
           ImConversationType.GROUP,
           websocketMessage.groupId,
-          websocketMessage.content
-        )
+          websocketMessage.content,
+        );
       }
 
       // 4. 后端 DTO → 前端 Message：发送人名渲染时实时算，不写入消息字段
-      const message = convertGroupMessage(websocketMessage, currentUserId)
+      const message = convertGroupMessage(websocketMessage, currentUserId);
       const persistPromise = useMessageStore().insertMessage(
         {
           type: ImConversationType.GROUP,
           targetId: websocketMessage.groupId,
-          name: group ? getGroupDisplayName(group) : String(websocketMessage.groupId),
+          name: group
+            ? getGroupDisplayName(group)
+            : String(websocketMessage.groupId),
           avatar: group?.avatar || '',
-          silent: group?.silent
+          silent: group?.silent,
         },
-        message
-      )
+        message,
+      );
 
       // 5. 仅对方消息才走「自动已读 / 提示音」（与私聊对称）
       if (!selfSend) {
         const conversation = conversationStore.getConversation(
           ImConversationType.GROUP,
-          websocketMessage.groupId
-        )
+          websocketMessage.groupId,
+        );
         const isActive =
-          conversationStore.activeConversation?.type === ImConversationType.GROUP &&
-          conversationStore.activeConversation?.targetId === websocketMessage.groupId
+          conversationStore.activeConversation?.type ===
+            ImConversationType.GROUP &&
+          conversationStore.activeConversation?.targetId ===
+            websocketMessage.groupId;
         if (isActive) {
           // 群已读上报需要带 messageId（群消息以"读到第几条"的游标为准，区别于私聊只标 receiverId）；群已读关闭时仅本地清零
           const readReported = conversationStore.isReportedReadPositionCovered(
             ImConversationType.GROUP,
             websocketMessage.groupId,
-            websocketMessage.id
-          )
+            websocketMessage.id,
+          );
           conversationStore.markConversationRead(
             ImConversationType.GROUP,
             websocketMessage.groupId,
-            websocketMessage.id
-          )
+            websocketMessage.id,
+          );
           if (MESSAGE_GROUP_READ_ENABLED && !readReported) {
             apiReadGroupMessages(websocketMessage.groupId, websocketMessage.id)
               .then(() =>
                 conversationStore.markConversationReadReported(
                   ImConversationType.GROUP,
                   websocketMessage.groupId,
-                  websocketMessage.id
-                )
+                  websocketMessage.id,
+                ),
               )
               .catch((error) => {
                 console.warn(
@@ -870,18 +960,21 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
                   {
                     conversationType: ImConversationType.GROUP,
                     groupId: websocketMessage.groupId,
-                    messageId: websocketMessage.id
+                    messageId: websocketMessage.id,
                   },
-                  error
-                )
-              })
+                  error,
+                );
+              });
           }
-        } else if (!conversation?.silent && isNormalMessage(websocketMessage.type)) {
+        } else if (
+          !conversation?.silent &&
+          isNormalMessage(websocketMessage.type)
+        ) {
           // GROUP_* 群广播事件等系统消息不响提示音
-          playAudioTip()
+          playAudioTip();
         }
       }
-      return persistPromise
+      return persistPromise;
     },
 
     // ==================== 群聊已读 / 回执 ====================
@@ -889,11 +982,11 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     /** 群聊 READ：自己其它终端在某群里标为已读，本端同步清零该群未读 + @ 红字；群已读关闭时兜底忽略 */
     handleGroupRead(websocketMessage: ImMessageReadNotification) {
       if (!MESSAGE_GROUP_READ_ENABLED) {
-        return
+        return;
       }
-      const readMessageId = websocketMessage.readId || websocketMessage.id
+      const readMessageId = websocketMessage.readId || websocketMessage.id;
       if (!readMessageId || !websocketMessage.groupId) {
-        return
+        return;
       }
       void useConversationStore()
         .applyConversationReadList([
@@ -901,27 +994,27 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
             id: readMessageId,
             conversationType: ImConversationType.GROUP,
             targetId: websocketMessage.groupId,
-            messageId: readMessageId
-          }
+            messageId: readMessageId,
+          },
         ])
-        .catch((error) => console.warn('[IM WS] 群聊已读同步失败', error))
+        .catch((error) => console.warn('[IM WS] 群聊已读同步失败', error));
     },
 
     /** 群聊 RECEIPT：更新某条群消息的 readCount / receiptStatus；群已读关闭时兜底忽略 */
     handleGroupReceipt(websocketMessage: ImMessageReceiptNotification) {
       if (!MESSAGE_GROUP_READ_ENABLED) {
-        return
+        return;
       }
       if (!websocketMessage.id || !websocketMessage.groupId) {
-        return
+        return;
       }
       useMessageStore().applyMessageReadReceipt({
         conversationType: ImConversationType.GROUP,
         targetId: websocketMessage.groupId,
         groupMessageId: websocketMessage.id,
         readCount: websocketMessage.readCount,
-        receiptStatus: websocketMessage.receiptStatus
-      })
+        receiptStatus: websocketMessage.receiptStatus,
+      });
     },
 
     // ==================== 好友通知（1201-1210 段位） ====================
@@ -931,69 +1024,71 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      *    becomeFriends 单条入库后双方收到同一份 payload，payload.friendUserId 固定是 toUserId，本端真正的对端要从帧 sender / receiver 反推
      */
     computeFriendPeerId(frame: ImPrivateMessageNotification): number {
-      const currentUserId = getCurrentUserId()
-      return getPrivateMessagePeerId(frame, currentUserId)
+      const currentUserId = getCurrentUserId();
+      return getPrivateMessagePeerId(frame, currentUserId);
     },
 
     /**
      * 好友通知统一入口：按 type 分发到 friendStore 内部 dispatcher
      */
     handleFriendNotification(
-      websocketMessage: ImNoConversationNotification | ImPrivateMessageNotification
+      websocketMessage:
+        | ImNoConversationNotification
+        | ImPrivateMessageNotification,
     ) {
       const payload = isPrivateMessageNotification(websocketMessage)
         ? parseFriendNotificationPayload(websocketMessage)
-        : (websocketMessage as unknown as FriendNotificationPayload)
-      const friendStore = useFriendStore()
+        : (websocketMessage as unknown as FriendNotificationPayload);
+      const friendStore = useFriendStore();
       switch (websocketMessage.type) {
         case ImContentType.FRIEND_ADD: {
           friendStore.applyFriendAddNotification(
             payload,
             isPrivateMessageNotification(websocketMessage)
               ? this.computeFriendPeerId(websocketMessage)
-              : payload.friendUserId
-          )
-          break
+              : payload.friendUserId,
+          );
+          break;
         }
         case ImContentType.FRIEND_BLOCK: {
-          friendStore.applyFriendBlockNotification(payload)
-          break
+          friendStore.applyFriendBlockNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_DELETE: {
           friendStore.applyFriendDeleteNotification(
             payload,
             isPrivateMessageNotification(websocketMessage)
               ? this.computeFriendPeerId(websocketMessage)
-              : payload.friendUserId
-          )
-          break
+              : payload.friendUserId,
+          );
+          break;
         }
         case ImContentType.FRIEND_INFO_UPDATED: {
-          friendStore.applyFriendInfoUpdatedNotification(payload)
-          break
+          friendStore.applyFriendInfoUpdatedNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_REQUEST_APPROVED: {
-          friendStore.applyFriendRequestApprovedNotification(payload)
-          break
+          friendStore.applyFriendRequestApprovedNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_REQUEST_RECEIVED: {
-          friendStore.applyFriendRequestReceivedNotification(payload)
-          break
+          friendStore.applyFriendRequestReceivedNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_REQUEST_REJECTED: {
-          friendStore.applyFriendRequestRejectedNotification(payload)
-          break
+          friendStore.applyFriendRequestRejectedNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_UNBLOCK: {
-          friendStore.applyFriendUnblockNotification(payload)
-          break
+          friendStore.applyFriendUnblockNotification(payload);
+          break;
         }
         case ImContentType.FRIEND_UPDATE: {
-          friendStore.applyFriendUpdateNotification(payload)
-          break
+          friendStore.applyFriendUpdateNotification(payload);
+          break;
         }
         default: {
-          console.debug('[IM WS] 未识别好友通知', websocketMessage)
+          console.debug('[IM WS] 未识别好友通知', websocketMessage);
         }
       }
     },
@@ -1003,24 +1098,28 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     /**
      * 加群申请通知统一入口：分发到 groupRequestStore，驱动横幅 + Drawer 同步
      */
-    handleGroupRequestNotification(websocketMessage: ImNoConversationNotification) {
-      const payload = websocketMessage as { requestId?: number }
+    handleGroupRequestNotification(
+      websocketMessage: ImNoConversationNotification,
+    ) {
+      const payload = websocketMessage as { requestId?: number };
       if (!payload.requestId) {
-        return
+        return;
       }
-      const groupRequestStore = useGroupRequestStore()
+      const groupRequestStore = useGroupRequestStore();
       switch (websocketMessage.type) {
         case ImContentType.GROUP_REQUEST_APPROVED:
         case ImContentType.GROUP_REQUEST_REJECTED: {
-          groupRequestStore.removeGroupRequestById(payload.requestId)
-          break
+          groupRequestStore.removeGroupRequestById(payload.requestId);
+          break;
         }
         case ImContentType.GROUP_REQUEST_RECEIVED: {
-          groupRequestStore.addGroupRequestById(payload.requestId).catch(() => undefined)
-          break
+          groupRequestStore
+            .addGroupRequestById(payload.requestId)
+            .catch(() => undefined);
+          break;
         }
         default: {
-          break
+          break;
         }
       }
     },
@@ -1032,35 +1131,39 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      *
      * payload 携带变更字段，按非 null 字段直接局部更新；省一次 fetchGroupMemberList 接口
      */
-    handleGroupMemberSettingUpdate(websocketMessage: ImGroupMessageNotification) {
+    handleGroupMemberSettingUpdate(
+      websocketMessage: ImGroupMessageNotification,
+    ) {
       // content 解析失败由外层 dispatchGroupFrame 的 try-catch 兜底（含 websocketMessage 打印），不重复 catch
-      const payload: { groupRemark?: string; silent?: boolean; } = JSON.parse(
-        websocketMessage.content || '{}'
-      )
-      const groupStore = useGroupStore()
-      const group = groupStore.getGroup(websocketMessage.groupId)
+      const payload: { groupRemark?: string; silent?: boolean } = JSON.parse(
+        websocketMessage.content || '{}',
+      );
+      const groupStore = useGroupStore();
+      const group = groupStore.getGroup(websocketMessage.groupId);
       if (!group) {
-        return
+        return;
       }
-      const fields: Partial<Group> = {}
-      if (payload.silent != null) {
-        fields.silent = payload.silent
+      const fields: Partial<Group> = {};
+      if (payload.silent !== null) {
+        fields.silent = payload.silent;
       }
-      if (payload.groupRemark != null) {
-        fields.groupRemark = payload.groupRemark
+      if (payload.groupRemark !== null) {
+        fields.groupRemark = payload.groupRemark;
       }
       if (Object.keys(fields).length > 0) {
-        groupStore.updateGroupFields(websocketMessage.groupId, fields)
+        groupStore.updateGroupFields(websocketMessage.groupId, fields);
       }
     },
 
     /** GROUP_MEMBER_NICKNAME_UPDATE：同步成员在群里的昵称 */
-    handleGroupMemberNicknameUpdate(websocketMessage: ImGroupMessageNotification) {
+    handleGroupMemberNicknameUpdate(
+      websocketMessage: ImGroupMessageNotification,
+    ) {
       useGroupStore().applyGroupNotification(
         websocketMessage.groupId,
         websocketMessage.type,
-        websocketMessage.content
-      )
+        websocketMessage.content,
+      );
     },
 
     // ==================== 心跳 / 重连 ====================
@@ -1068,7 +1171,7 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
     /** 心跳包：纯文本 'ping'，对应服务端 'pong'（后端这层用纯字符串约定，避免 JSON 解析开销） */
     sendHeartBeat() {
       if (this.socket && this.isConnected) {
-        this.socket.send('ping')
+        this.socket.send('ping');
       }
     },
 
@@ -1077,19 +1180,19 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
       if (this.socket) {
         // close() 异步触发 onclose / onerror，回调里会无条件 reconnect；
         // 主动关闭路径必须先全部解绑，否则 onclose 会引发自动重连，CONNECTING 期间的 in-flight message 也可能被老 onmessage 投递到 stale 上下文
-        unbindWebSocketListeners(this.socket)
-        this.socket.close()
-        this.socket = null
+        unbindWebSocketListeners(this.socket);
+        this.socket.close();
+        this.socket = null;
       }
       // onclose 已被解绑，不会再帮我们设 isConnected=false，这里手动复位
-      this.isConnected = false
-      this.stopHeartbeat()
+      this.isConnected = false;
+      this.stopHeartbeat();
       if (this.reconnectTimer) {
-        clearTimeout(this.reconnectTimer)
-        this.reconnectTimer = null
+        clearTimeout(this.reconnectTimer);
+        this.reconnectTimer = null;
       }
       // 主动断开（切账号 / 退出）：清零退避计数，下次 connect 重新从最短间隔起算
-      this.reconnectAttempts = 0
+      this.reconnectAttempts = 0;
     },
 
     /**
@@ -1099,38 +1202,41 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 不设次数上限，频率封顶在 WS_RECONNECT_MAX_MS（约 30s）持续重试，直到链路恢复或主动 disconnect
      */
     reconnect() {
-      this.stopHeartbeat()
+      this.stopHeartbeat();
       if (this.reconnectTimer) {
-        clearTimeout(this.reconnectTimer)
-        this.reconnectTimer = null
+        clearTimeout(this.reconnectTimer);
+        this.reconnectTimer = null;
       }
       const backoff = Math.min(
         WS_RECONNECT_BASE_MS * 2 ** this.reconnectAttempts,
-        WS_RECONNECT_MAX_MS
-      )
-      const delay = backoff + Math.floor(Math.random() * WS_RECONNECT_JITTER_MS)
-      this.reconnectAttempts++
-      console.log(`[IM WS] reconnecting in ${delay}ms (attempt ${this.reconnectAttempts})`)
+        WS_RECONNECT_MAX_MS,
+      );
+      const delay =
+        backoff + Math.floor(Math.random() * WS_RECONNECT_JITTER_MS);
+      this.reconnectAttempts++;
+      console.log(
+        `[IM WS] reconnecting in ${delay}ms (attempt ${this.reconnectAttempts})`,
+      );
       this.reconnectTimer = setTimeout(() => {
-        this.connect()
-      }, delay)
+        this.connect();
+      }, delay);
     },
 
     /** 心跳 5 秒一次，保活 + 探活（链路断了 onclose 会触发，由 reconnect 兜底） */
     startHeartbeat() {
-      if (this.heartbeatTimer) clearInterval(this.heartbeatTimer)
+      if (this.heartbeatTimer) clearInterval(this.heartbeatTimer);
       this.heartbeatTimer = setInterval(() => {
         if (this.socket && this.isConnected) {
-          this.sendHeartBeat()
+          this.sendHeartBeat();
         }
-      }, 5000)
+      }, 5000);
     },
 
     /** 停心跳：disconnect / 重连前调，避免老 timer 在新 socket 上继续触发 sendHeartBeat */
     stopHeartbeat() {
       if (this.heartbeatTimer) {
-        clearInterval(this.heartbeatTimer)
-        this.heartbeatTimer = null
+        clearInterval(this.heartbeatTimer);
+        this.heartbeatTimer = null;
       }
     },
 
@@ -1142,53 +1248,55 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 单一 dispatcher，按 type 分发到 rtcStore
      */
     handleRtcSignaling(websocketMessage: ImNoConversationNotification) {
-      const rtcStore = useRtcStore()
+      const rtcStore = useRtcStore();
       switch (websocketMessage.type) {
         case ImContentType.RTC_CALL: {
-          const payload = websocketMessage as unknown as ImRtcCallNotification
+          const payload = websocketMessage as unknown as ImRtcCallNotification;
           switch (payload.status) {
             case ImRtcParticipantStatus.INVITING: {
               if (!isValidRtcInvitePayload(payload)) {
-                console.warn('[IM WS] RTC_CALL invite payload 不合法', payload)
-                return
+                console.warn('[IM WS] RTC_CALL invite payload 不合法', payload);
+                return;
               }
               // 当前已在通话中：忽略新来电；后端层面也会拒绝，这里是兜底
               if (!rtcStore.isActive) {
-                rtcStore.showIncoming(payload)
+                rtcStore.showIncoming(payload);
               }
-              break
+              break;
             }
             case ImRtcParticipantStatus.JOINED:
             case ImRtcParticipantStatus.LEFT: {
               // ACCEPT / HUNGUP 暂不需要本端额外响应；rtcStore 状态由 1602/1603 + END 维护
-              break
+              break;
             }
             case ImRtcParticipantStatus.NO_ANSWER: {
               // 群通话单人振铃超时；信令独立保留语义，处理与 REJECTED 一致
-              rtcStore.applyParticipantNoAnswer(payload)
-              break
+              rtcStore.applyParticipantNoAnswer(payload);
+              break;
             }
             case ImRtcParticipantStatus.REJECTED: {
-              rtcStore.applyParticipantRejected(payload)
-              break
+              rtcStore.applyParticipantRejected(payload);
+              break;
             }
             default: {
-              console.warn('[IM WS] 未识别的 RTC_CALL status', payload)
+              console.warn('[IM WS] 未识别的 RTC_CALL status', payload);
             }
           }
-          return
+          return;
         }
         case ImContentType.RTC_PARTICIPANT_CONNECTED: {
-          const payload = websocketMessage as unknown as ImRtcParticipantConnectedNotification
+          const payload =
+            websocketMessage as unknown as ImRtcParticipantConnectedNotification;
           if (payload?.room && payload.userId) {
-            rtcStore.applyParticipantConnected(payload)
+            rtcStore.applyParticipantConnected(payload);
           }
-          return
+          return;
         }
         case ImContentType.RTC_PARTICIPANT_DISCONNECTED: {
-          const payload = websocketMessage as unknown as ImRtcParticipantDisconnectedNotification
+          const payload =
+            websocketMessage as unknown as ImRtcParticipantDisconnectedNotification;
           if (payload?.room && payload.userId) {
-            rtcStore.applyParticipantDisconnected(payload)
+            rtcStore.applyParticipantDisconnected(payload);
           }
         }
       }
@@ -1196,14 +1304,14 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
 
     /** RTC_CALL_START 通话开始 */
     handleRtcCallStart(websocketMessage: ImGroupMessageNotification) {
-      const payload = parseRtcCallPayload(websocketMessage.content)
+      const payload = parseRtcCallPayload(websocketMessage.content);
       if (!payload?.room || !payload.mediaType || !payload.inviterUserId) {
         console.warn('[IM WS] RTC_CALL_START payload 不合法', {
           groupId: websocketMessage.groupId,
           messageId: websocketMessage.id,
-          contentLength: websocketMessage.content?.length ?? 0
-        })
-        return
+          contentLength: websocketMessage.content?.length ?? 0,
+        });
+        return;
       }
       useRtcStore().setGroupCall({
         room: payload.room,
@@ -1211,8 +1319,8 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
         mediaType: payload.mediaType,
         inviterId: payload.inviterUserId,
         joinedUserIds: [payload.inviterUserId],
-        inviteeIds: []
-      })
+        inviteeIds: [],
+      });
     },
 
     /**
@@ -1222,38 +1330,42 @@ export const useImWebSocketStore = defineStore('imWebSocketStore', {
      * 群聊：移除胶囊条；如本端在该群通话内则关闭通话窗
      */
     handleRtcCallEnd(
-      websocketMessage: ImGroupMessageNotification | ImPrivateMessageNotification
+      websocketMessage:
+        | ImGroupMessageNotification
+        | ImPrivateMessageNotification,
     ) {
-      const payload = this.safeParse(websocketMessage.content) as ImRtcCallEndNotification | null
+      const payload = this.safeParse(
+        websocketMessage.content,
+      ) as ImRtcCallEndNotification | null;
       if (!payload?.room) {
-        return
+        return;
       }
-      const rtcStore = useRtcStore()
-      const isGroup = payload.conversationType === ImConversationType.GROUP
+      const rtcStore = useRtcStore();
+      const isGroup = payload.conversationType === ImConversationType.GROUP;
       // 群通话：移除对应房间的胶囊条
-      const groupId = (websocketMessage as ImGroupMessageNotification).groupId
+      const groupId = (websocketMessage as ImGroupMessageNotification).groupId;
       if (isGroup && groupId) {
-        rtcStore.removeGroupCall(groupId, payload.room)
+        rtcStore.removeGroupCall(groupId, payload.room);
       }
       // 通话窗 / 来电窗指向同一 room 时关闭：
       //   RUNNING / INVITING 阶段对比 call.room；INCOMING 阶段对比 incomingPayload.room
-      const matchCall = rtcStore.call?.room === payload.room
-      const matchIncoming = rtcStore.incomingPayload?.room === payload.room
+      const matchCall = rtcStore.call?.room === payload.room;
+      const matchIncoming = rtcStore.incomingPayload?.room === payload.room;
       if (rtcStore.isActive && (matchCall || matchIncoming)) {
-        const reasonText = resolveCallEndReasonText(payload.endReason)
-        console.info('[Call] end:', reasonText)
-        rtcStore.reset()
+        const reasonText = resolveCallEndReasonText(payload.endReason);
+        console.info('[Call] end:', reasonText);
+        rtcStore.reset();
       }
-    }
-  }
-})
+    },
+  },
+});
 
 export const useImWebSocketStoreWithOut = () => {
-  return useImWebSocketStore()
-}
+  return useImWebSocketStore();
+};
 
 // dev: 让 Pinia 的 actions / state 改动支持 HMR，避免每次改 store 都得硬刷
 // 否则 Vite 把新模块推下来后，老 store 实例的 action 闭包仍指向旧函数体
 if (import.meta.hot) {
-  import.meta.hot.accept(acceptHMRUpdate(useImWebSocketStore, import.meta.hot))
+  import.meta.hot.accept(acceptHMRUpdate(useImWebSocketStore, import.meta.hot));
 }
diff --git a/apps/web-antd/src/views/im/home/types/index.ts b/apps/web-antd/src/views/im/home/types/index.ts
index aaa2011cd..df50c50d6 100644
--- a/apps/web-antd/src/views/im/home/types/index.ts
+++ b/apps/web-antd/src/views/im/home/types/index.ts
@@ -2,181 +2,184 @@
 
 // 后端 WebSocket 统一帧结构：{ type, content }
 export interface WebSocketFrame {
-  type: string // 帧类型，对齐 ImWebSocketMessageType
-  content: string // 帧内容（JSON 字符串）
+  type: string; // 帧类型，对齐 ImWebSocketMessageType
+  content: string; // 帧内容（JSON 字符串）
 }
 
 // IM WebSocket 通知 DTO（对齐后端 ImNotificationWebSocketDTO）
 export interface ImNotificationWebSocketDTO {
-  conversationType: number // 会话类型
-  contentType: number // 内容类型
-  payload: Record<string, any> // 负载数据
+  conversationType: number; // 会话类型
+  contentType: number; // 内容类型
+  payload: Record<string, any>; // 负载数据
 }
 
 // 无会话在线通知（对齐后端 conversationType = NONE 的独立 payload）
 export interface ImNoConversationNotification {
-  type: number // 内容类型
-  [key: string]: any
+  type: number; // 内容类型
+  [key: string]: any;
 }
 
 // 私聊消息 DTO（对齐后端 ImPrivateMessageNotification）
 export interface ImPrivateMessageNotification {
-  id: number // 消息编号
-  clientMessageId: string // 客户端消息编号
-  senderId: number // 发送人编号
-  receiverId: number // 接收人编号
-  type: number // 内容类型
-  content: string // 消息内容
-  status: number // 消息状态
-  receiptStatus?: number // 回执状态（不需要 / 待完成 / 已完成）
-  sendTime: string // 发送时间
+  id: number; // 消息编号
+  clientMessageId: string; // 客户端消息编号
+  senderId: number; // 发送人编号
+  receiverId: number; // 接收人编号
+  type: number; // 内容类型
+  content: string; // 消息内容
+  status: number; // 消息状态
+  receiptStatus?: number; // 回执状态（不需要 / 待完成 / 已完成）
+  sendTime: string; // 发送时间
 }
 
 // 群聊消息 DTO（对齐后端 ImGroupMessageNotification）
 export interface ImGroupMessageNotification {
-  id: number // 消息编号
-  clientMessageId: string // 客户端消息编号
-  senderId: number // 发送人编号
-  groupId: number // 群编号
-  type: number // 内容类型
-  content: string // 消息内容
-  status: number // 消息状态
-  sendTime: string // 发送时间
-  atUserIds?: number[] // 群 @ 目标用户列表
-  receiverUserIds?: number[] // 群定向接收用户列表
-  readCount?: number // 群回执已读人数（type = RECEIPT 时使用）
-  receiptStatus?: number // 群回执状态（type = RECEIPT 时使用）
-  readId?: number // 已读位置
+  id: number; // 消息编号
+  clientMessageId: string; // 客户端消息编号
+  senderId: number; // 发送人编号
+  groupId: number; // 群编号
+  type: number; // 内容类型
+  content: string; // 消息内容
+  status: number; // 消息状态
+  sendTime: string; // 发送时间
+  atUserIds?: number[]; // 群 @ 目标用户列表
+  receiverUserIds?: number[]; // 群定向接收用户列表
+  readCount?: number; // 群回执已读人数（type = RECEIPT 时使用）
+  receiptStatus?: number; // 群回执状态（type = RECEIPT 时使用）
+  readId?: number; // 已读位置
 }
 
 // 消息已读同步通知（对齐后端 ImMessageReadNotification）
 export interface ImMessageReadNotification {
-  id: number // 已读位置
-  type: number // 内容类型
-  senderId?: number // 发送人编号
-  receiverId?: number // 私聊接收人编号
-  groupId?: number // 群编号
-  channelId?: number // 频道编号
-  readId?: number // 已读位置
+  id: number; // 已读位置
+  type: number; // 内容类型
+  senderId?: number; // 发送人编号
+  receiverId?: number; // 私聊接收人编号
+  groupId?: number; // 群编号
+  channelId?: number; // 频道编号
+  readId?: number; // 已读位置
 }
 
 // 消息回执通知（对齐后端 ImMessageReceiptNotification）
 export interface ImMessageReceiptNotification {
-  id: number // 消息编号
-  type: number // 内容类型
-  senderId?: number // 已读方用户编号
-  receiverId?: number // 私聊接收人编号
-  groupId?: number // 群编号
-  readCount?: number // 群回执已读人数
-  receiptStatus?: number // 群回执状态
+  id: number; // 消息编号
+  type: number; // 内容类型
+  senderId?: number; // 已读方用户编号
+  receiverId?: number; // 私聊接收人编号
+  groupId?: number; // 群编号
+  readCount?: number; // 群回执已读人数
+  receiptStatus?: number; // 群回执状态
 }
 
 // ==================== 本地会话 / 消息结构 ====================
 
 /** 引用消息 */
 export interface QuoteMessage {
-  messageId: number // 引用消息编号
-  senderId: number // 引用消息发送人编号
-  type: number // 引用内容类型
-  content: string // 引用消息内容
+  messageId: number; // 引用消息编号
+  senderId: number; // 引用消息发送人编号
+  type: number; // 引用内容类型
+  content: string; // 引用消息内容
 }
 
 // 会话数据结构（前端自有结构，后端无对应实体）
 export interface Conversation {
   // ========== 核心标识 ==========
-  targetId: number // 会话目标编号：私聊=对方 userId；群聊=groupId
-  type: number // 会话类型，对齐 ImConversationType
+  targetId: number; // 会话目标编号：私聊=对方 userId；群聊=groupId
+  type: number; // 会话类型，对齐 ImConversationType
 
   // ========== 展示字段 ==========
-  name: string // 展示名称（私聊=好友昵称；群聊=群名）
-  avatar: string // 头像
-  unreadCount: number // 未读数
+  name: string; // 展示名称（私聊=好友昵称；群聊=群名）
+  avatar: string; // 头像
+  unreadCount: number; // 未读数
 
   // ========== 最后一条消息事实索引 ==========
-  lastContent: string // 会话列表展示的最后一条消息摘要
-  lastSendTime: number // 最后一条消息时间，用于排序
-  lastSenderId?: number // 发送人编号
-  lastMessageType?: number // 内容类型，对齐 ImContentType
-  lastMessageId?: number // 最后一条服务端消息编号
-  lastClientMessageId?: string // 最后一条客户端消息编号
-  lastMessageStatus?: number // 最后一条消息状态
-  lastReceiptStatus?: number // 最后一条群回执状态
-  lastSelfSend?: boolean // 是否自己发的
-  lastSenderDisplayName?: string // 发送人显示名快照——仅作 utils/user.getSenderDisplayName 实时算不出真名时的 fallback
+  lastContent: string; // 会话列表展示的最后一条消息摘要
+  lastSendTime: number; // 最后一条消息时间，用于排序
+  lastSenderId?: number; // 发送人编号
+  lastMessageType?: number; // 内容类型，对齐 ImContentType
+  lastMessageId?: number; // 最后一条服务端消息编号
+  lastClientMessageId?: string; // 最后一条客户端消息编号
+  lastMessageStatus?: number; // 最后一条消息状态
+  lastReceiptStatus?: number; // 最后一条群回执状态
+  lastSelfSend?: boolean; // 是否自己发的
+  lastSenderDisplayName?: string; // 发送人显示名快照——仅作 utils/user.getSenderDisplayName 实时算不出真名时的 fallback
 
   // ========== UI 状态 ==========
-  deleted?: boolean // 是否已删除（软删标记，持久化时过滤）
-  top?: boolean // 是否置顶（排序时优先）
-  silent?: boolean // 是否免打扰（不展示未读徽标 + 不响提示音）
-  atMe?: boolean // 群聊：是否有人 @我
-  atAll?: boolean // 群聊：是否有人 @全体成员
-  reportedReadMessageId?: number // 已上报到服务端的最大已读消息编号
+  deleted?: boolean; // 是否已删除（软删标记，持久化时过滤）
+  top?: boolean; // 是否置顶（排序时优先）
+  silent?: boolean; // 是否免打扰（不展示未读徽标 + 不响提示音）
+  atMe?: boolean; // 群聊：是否有人 @我
+  atAll?: boolean; // 群聊：是否有人 @全体成员
+  reportedReadMessageId?: number; // 已上报到服务端的最大已读消息编号
   draft?: {
-    html: string // 输入框 HTML
-    plain: string // 输入框纯文本
-    reply?: QuoteMessage // 引用消息
-  } // 输入框草稿
+    html: string; // 输入框 HTML
+    plain: string; // 输入框纯文本
+    reply?: QuoteMessage; // 引用消息
+  }; // 输入框草稿
 }
 
 // 消息数据结构
 export interface Message {
   // ========== 后端字段（对齐 ImPrivateMessageNotification / ImGroupMessageNotification） ==========
-  id?: number // 服务端消息编号，发送中为空
-  clientMessageId: string // 客户端消息编号，本地生成用于合并去重
-  type: number // 内容类型，对齐 ImContentType
-  content: string // 消息内容，JSON 字符串
-  status: number // 消息状态，对齐 ImMessageStatus
-  sendTime: number // 发送时间（前端转毫秒时间戳；后端为 LocalDateTime 字符串）
-  senderId: number // 发送人编号
-  atUserIds?: number[] // 群 @ 目标用户列表
-  receiverUserIds?: number[] // 群定向接收用户列表
-  receiptStatus?: number // 回执状态，对齐 ImMessageReceiptStatus（私聊 / 群 / 频道通用）
-  readCount?: number // 群回执已读人数（仅群消息）
-  materialId?: number // 关联频道素材编号（仅频道消息 type=MATERIAL）
+  id?: number; // 服务端消息编号，发送中为空
+  clientMessageId: string; // 客户端消息编号，本地生成用于合并去重
+  type: number; // 内容类型，对齐 ImContentType
+  content: string; // 消息内容，JSON 字符串
+  status: number; // 消息状态，对齐 ImMessageStatus
+  sendTime: number; // 发送时间（前端转毫秒时间戳；后端为 LocalDateTime 字符串）
+  senderId: number; // 发送人编号
+  atUserIds?: number[]; // 群 @ 目标用户列表
+  receiverUserIds?: number[]; // 群定向接收用户列表
+  receiptStatus?: number; // 回执状态，对齐 ImMessageReceiptStatus（私聊 / 群 / 频道通用）
+  readCount?: number; // 群回执已读人数（仅群消息）
+  materialId?: number; // 关联频道素材编号（仅频道消息 type=MATERIAL）
 
   // ========== 前端扩展字段 ==========
   // 发送人显示名一律渲染时实时算：utils/user.getSenderDisplayName / getSenderRealNickname
   // 不在 Message 上存任何名字快照，避免备注 / 群昵称变更后历史消息显示陈旧
-  targetId: number // 会话目标编号（私聊=对端 userId / 群聊=groupId），与 Conversation.targetId 一致
-  selfSend: boolean // 是否自己发送（前端按 senderId 计算）
-  uploadProgress?: number // 媒体消息上传进度（0-100）；status=SENDING 期间持续更新；ack 后置 undefined
+  targetId: number; // 会话目标编号（私聊=对端 userId / 群聊=groupId），与 Conversation.targetId 一致
+  selfSend: boolean; // 是否自己发送（前端按 senderId 计算）
+  uploadProgress?: number; // 媒体消息上传进度（0-100）；status=SENDING 期间持续更新；ack 后置 undefined
   // 媒体消息内存中保留的原始 File；下划线前缀表示不进 JSON / 不持久化（IDB 恢复后必为 undefined）
   // 失败重试时按它重走上传；页面刷新后该字段丢失，恢复阶段直接 drop 整条消息
-  _localFile?: File
-  _ackMerging?: boolean // ack 合并中标记，不持久化
+  _localFile?: File;
+  _ackMerging?: boolean; // ack 合并中标记，不持久化
 }
 
 // ==================== IndexedDB 本地存储结构 ====================
 
 /** 会话 IndexedDB 存储结构 */
 export interface ConversationDO extends Conversation {
-  clientConversationId: string // `${type}:${targetId}`
+  clientConversationId: string; // `${type}:${targetId}`
 }
 
 export interface ConversationRead {
-  conversationType: number // 会话类型，对齐 ImConversationType
-  targetId: number // 会话目标编号
-  messageId: number // 当前用户已读到的最大消息编号
-  updateTime?: number // 更新时间
+  conversationType: number; // 会话类型，对齐 ImConversationType
+  targetId: number; // 会话目标编号
+  messageId: number; // 当前用户已读到的最大消息编号
+  updateTime?: number; // 更新时间
 }
 
 /** 会话读位置 IndexedDB 存储结构 */
 export interface ConversationReadDO extends ConversationRead {
-  clientConversationId: string // `${conversationType}:${targetId}`
+  clientConversationId: string; // `${conversationType}:${targetId}`
 }
 
 /** 消息 IndexedDB 存储结构 */
-export interface MessageDO extends Omit<Message, '_ackMerging' | '_localFile' | 'uploadProgress'> {
-  messageKey: string // `${conversationType}:${id}` 或 `client:${clientMessageId}`
-  conversationType: number // 会话类型，对齐 ImConversationType
-  clientConversationId: string // ConversationDO.clientConversationId
+export interface MessageDO extends Omit<
+  Message,
+  '_ackMerging' | '_localFile' | 'uploadProgress'
+> {
+  messageKey: string; // `${conversationType}:${id}` 或 `client:${clientMessageId}`
+  conversationType: number; // 会话类型，对齐 ImConversationType
+  clientConversationId: string; // ConversationDO.clientConversationId
 }
 
 /** 设置 IndexedDB 存储结构 */
 export interface SettingDO<T = unknown> {
-  key: string
-  value: T
-  updateTime?: number
+  key: string;
+  value: T;
+  updateTime?: number;
 }
 
 // ==================== 群 / 群成员 ====================
@@ -184,50 +187,55 @@ export interface SettingDO<T = unknown> {
 // 群实体（前端内部结构）
 export interface Group {
   // ========== 后端字段（对齐 ImGroupApi.GroupRespVO） ==========
-  id: number // 群编号
-  name: string // 群名称
-  avatar?: string // 群头像
-  notice?: string // 群公告
-  ownerUserId?: number // 群主用户编号
-  pinnedMessages?: Message[] // 群置顶消息列表
-  mutedAll?: boolean // 是否全群禁言
-  banned?: boolean // 是否被管理员封禁
-  joinApproval?: boolean // 进群是否需群主 / 管理员审批
-  joinStatus?: number // 当前登录用户在该群的成员状态（参见 CommonStatusEnum：0 在群 / 1 已退群）；历史退群群仍返回，供展示历史消息的群名 / 头像
+  id: number; // 群编号
+  name: string; // 群名称
+  avatar?: string; // 群头像
+  notice?: string; // 群公告
+  ownerUserId?: number; // 群主用户编号
+  pinnedMessages?: Message[]; // 群置顶消息列表
+  mutedAll?: boolean; // 是否全群禁言
+  banned?: boolean; // 是否被管理员封禁
+  joinApproval?: boolean; // 进群是否需群主 / 管理员审批
+  joinStatus?: number; // 当前登录用户在该群的成员状态（参见 CommonStatusEnum：0 在群 / 1 已退群）；历史退群群仍返回，供展示历史消息的群名 / 头像
 
   // ========== 前端扩展字段（user-per-group 维度） ==========
-  silent?: boolean // 是否免打扰。从当前用户的 GroupMember 回填
-  groupRemark?: string // 群备注。从当前用户的 GroupMember 回填（当前用户对该群的自定义名）
-  members?: GroupMember[] // 群成员缓存（按需懒加载）
-  infoLoaded?: boolean // 群详情是否已加载，本轮会话内存标记，不持久化
-  activeCallLoaded?: boolean // 群活跃通话是否已探测，本轮会话内存标记，不持久化
-  activeCallExpired?: boolean // 群活跃通话探测是否已过期
-  membersLoaded?: boolean // members 是否"完整加载"——只有整群 loadGroupMemberList / fetchGroupMemberList 命中时为 true；fetchGroupMember 单成员补齐不置位，避免 fetchGroupMemberList(force=false) 命中缓存时误判整群已加载
-  membersExpired?: boolean // 群成员缓存是否已过期；重连 / 重新进入 IM 后只标记不删除，下次进入群会话再刷新
-  memberCount?: number // 成员总数
+  silent?: boolean; // 是否免打扰。从当前用户的 GroupMember 回填
+  groupRemark?: string; // 群备注。从当前用户的 GroupMember 回填（当前用户对该群的自定义名）
+  members?: GroupMember[]; // 群成员缓存（按需懒加载）
+  infoLoaded?: boolean; // 群详情是否已加载，本轮会话内存标记，不持久化
+  activeCallLoaded?: boolean; // 群活跃通话是否已探测，本轮会话内存标记，不持久化
+  activeCallExpired?: boolean; // 群活跃通话探测是否已过期
+  membersLoaded?: boolean; // members 是否"完整加载"——只有整群 loadGroupMemberList / fetchGroupMemberList 命中时为 true；fetchGroupMember 单成员补齐不置位，避免 fetchGroupMemberList(force=false) 命中缓存时误判整群已加载
+  membersExpired?: boolean; // 群成员缓存是否已过期；重连 / 重新进入 IM 后只标记不删除，下次进入群会话再刷新
+  memberCount?: number; // 成员总数
 }
 
 /** 群 IndexedDB 存储结构 */
 export type GroupDO = Omit<
   Group,
-  'activeCallExpired' | 'activeCallLoaded' | 'infoLoaded' | 'members' | 'membersExpired' | 'membersLoaded'
->
+  | 'activeCallExpired'
+  | 'activeCallLoaded'
+  | 'infoLoaded'
+  | 'members'
+  | 'membersExpired'
+  | 'membersLoaded'
+>;
 
 // 群成员实体（前端内部结构）
 export interface GroupMember {
   // ========== 后端字段（对齐 ImGroupMemberApi.GroupMemberRespVO） ==========
-  id?: number // 群成员关系记录编号
-  groupId: number // 群编号
-  userId: number // 用户编号
-  avatar?: string // 头像
-  nickname: string // 用户昵称
-  displayUserName?: string // 该成员在群内自定义昵称（每个 member 一份；不与 nickname 合并，由消费方按需取舍）
-  status?: number // 在群 / 退群状态，对齐 CommonStatusEnum
-  role?: number // 成员角色，参见 ImGroupMemberRole 枚举：1=群主 2=管理员 3=普通成员
-  muteEndTime?: string // 禁言到期时间（ISO 字符串）
+  id?: number; // 群成员关系记录编号
+  groupId: number; // 群编号
+  userId: number; // 用户编号
+  avatar?: string; // 头像
+  nickname: string; // 用户昵称
+  displayUserName?: string; // 该成员在群内自定义昵称（每个 member 一份；不与 nickname 合并，由消费方按需取舍）
+  status?: number; // 在群 / 退群状态，对齐 CommonStatusEnum
+  role?: number; // 成员角色，参见 ImGroupMemberRole 枚举：1=群主 2=管理员 3=普通成员
+  muteEndTime?: string; // 禁言到期时间（ISO 字符串）
 
   // ========== 前端扩展字段 ==========
-  isOwner?: boolean // 是否群主（前端从 Group.ownerUserId 计算）
+  isOwner?: boolean; // 是否群主（前端从 Group.ownerUserId 计算）
 }
 
 // ==================== 好友 ====================
@@ -235,20 +243,20 @@ export interface GroupMember {
 // 好友实体（前端内部结构）
 export interface Friend {
   // ========== 后端字段（对齐 ImFriendApi.FriendRespVO） ==========
-  id?: number // 好友关系记录编号（本地乐观新增时可能暂缺）
-  friendUserId: number // 好友用户编号（与 Conversation.targetId 对齐）
-  nickname: string // 好友昵称（对方真实昵称，永远不被备注覆盖；UI 显示走 displayName || nickname）
-  nicknamePinyin?: string // 昵称的拼音（后端用 Pinyin4j 算好回填，小写无空格）
-  avatar?: string // 好友头像
-  silent?: boolean // 是否免打扰（不展示未读徽标 + 不响提示音）
-  displayName?: string // 好友展示备注：仅自己可见的别名（单字段不歧义，不带 Friend 前缀）
-  displayNamePinyin?: string // 备注的拼音（后端用 Pinyin4j 算好回填，小写无空格）
-  status?: number // 好友状态，对齐 CommonStatusEnum（DISABLE = 已删除，软删保留记录）
-  addSource?: number // 添加来源；参见 ImFriendAddSourceEnum
-  pinned?: boolean // 是否置顶联系人
-  blocked?: boolean // 是否拉黑（仅自己可见，单边屏蔽对方私聊消息）
-  addTime?: number // 添加好友时间（毫秒时间戳；后端为 LocalDateTime 字符串，在 convertFriend 转换）
-  deleteTime?: number // 删除好友时间（毫秒时间戳；后端为 LocalDateTime 字符串，在 convertFriend 转换）
+  id?: number; // 好友关系记录编号（本地乐观新增时可能暂缺）
+  friendUserId: number; // 好友用户编号（与 Conversation.targetId 对齐）
+  nickname: string; // 好友昵称（对方真实昵称，永远不被备注覆盖；UI 显示走 displayName || nickname）
+  nicknamePinyin?: string; // 昵称的拼音（后端用 Pinyin4j 算好回填，小写无空格）
+  avatar?: string; // 好友头像
+  silent?: boolean; // 是否免打扰（不展示未读徽标 + 不响提示音）
+  displayName?: string; // 好友展示备注：仅自己可见的别名（单字段不歧义，不带 Friend 前缀）
+  displayNamePinyin?: string; // 备注的拼音（后端用 Pinyin4j 算好回填，小写无空格）
+  status?: number; // 好友状态，对齐 CommonStatusEnum（DISABLE = 已删除，软删保留记录）
+  addSource?: number; // 添加来源；参见 ImFriendAddSourceEnum
+  pinned?: boolean; // 是否置顶联系人
+  blocked?: boolean; // 是否拉黑（仅自己可见，单边屏蔽对方私聊消息）
+  addTime?: number; // 添加好友时间（毫秒时间戳；后端为 LocalDateTime 字符串，在 convertFriend 转换）
+  deleteTime?: number; // 删除好友时间（毫秒时间戳；后端为 LocalDateTime 字符串，在 convertFriend 转换）
 }
 
 /**
@@ -256,33 +264,33 @@ export interface Friend {
  */
 export interface FriendRequest {
   // ========== 后端字段（对齐 ImFriendRequestApi.FriendRequestRespVO） ==========
-  id: number // 申请编号
-  fromUserId: number // 发起方用户编号
-  toUserId: number // 接收方用户编号
-  handleResult: number // 处理结果：0=未处理；1=同意；2=拒绝
-  applyContent?: string // 申请理由（发起方填写）
-  handleContent?: string // 处理理由（接收方拒绝时可选填）
-  addSource?: number // 添加来源；参见 ImFriendAddSourceEnum
-  handleTime?: number // 处理时间（毫秒时间戳）
-  createTime: number // 申请创建时间（毫秒时间戳）
+  id: number; // 申请编号
+  fromUserId: number; // 发起方用户编号
+  toUserId: number; // 接收方用户编号
+  handleResult: number; // 处理结果：0=未处理；1=同意；2=拒绝
+  applyContent?: string; // 申请理由（发起方填写）
+  handleContent?: string; // 处理理由（接收方拒绝时可选填）
+  addSource?: number; // 添加来源；参见 ImFriendAddSourceEnum
+  handleTime?: number; // 处理时间（毫秒时间戳）
+  createTime: number; // 申请创建时间（毫秒时间戳）
 
   // ========== 聚合字段（自 AdminUser，仅展示用） ==========
-  fromNickname?: string // 发起方昵称
-  fromAvatar?: string // 发起方头像
-  toNickname?: string // 接收方昵称
-  toAvatar?: string // 接收方头像
+  fromNickname?: string; // 发起方昵称
+  fromAvatar?: string; // 发起方头像
+  toNickname?: string; // 接收方昵称
+  toAvatar?: string; // 接收方头像
 }
 
 // ==================== 用户名片 ====================
 
 // 用户精简信息（对齐后端 UserSimpleRespVO，名片 / 头像 hover 等场景共用）
 export interface User {
-  id: number
-  nickname?: string
-  avatar?: string
-  sex?: number
-  deptId?: number
-  deptName?: string
+  id: number;
+  nickname?: string;
+  avatar?: string;
+  sex?: number;
+  deptId?: number;
+  deptName?: string;
 }
 
 // ==================== 列表行展示用 Lite 类型 ====================
@@ -293,12 +301,12 @@ export interface User {
  * - 软删（status === DISABLE）由上游 friendStore.getActiveFriendList / getActiveFriendLiteList 统一过滤掉
  */
 export interface FriendLite {
-  id: number
-  nickname: string
-  nicknamePinyin?: string // 昵称拼音（用于字母分桶 / 拼音搜索）
-  avatar?: string
-  displayName?: string
-  displayNamePinyin?: string // 备注拼音（优先于 nicknamePinyin 参与分桶）
+  id: number;
+  nickname: string;
+  nicknamePinyin?: string; // 昵称拼音（用于字母分桶 / 拼音搜索）
+  avatar?: string;
+  displayName?: string;
+  displayNamePinyin?: string; // 备注拼音（优先于 nicknamePinyin 参与分桶）
 }
 
 /**
@@ -307,12 +315,12 @@ export interface FriendLite {
  * - showImageThumb：高频列表用缩略图，避免拉原图阻塞滚动
  */
 export interface GroupLite {
-  id: number
-  name?: string
-  showGroupName?: string
-  showImage?: string
-  showImageThumb?: string
-  memberCount?: number
-  ownerId?: number
-  joinApproval?: boolean // 进群是否需群主 / 管理员审批
+  id: number;
+  name?: string;
+  showGroupName?: string;
+  showImage?: string;
+  showImageThumb?: string;
+  memberCount?: number;
+  ownerId?: number;
+  joinApproval?: boolean; // 进群是否需群主 / 管理员审批
 }
diff --git a/apps/web-antd/src/views/im/manager/channel/list/components/select.vue b/apps/web-antd/src/views/im/manager/channel/list/components/select.vue
index 6195d1c63..ba44d2473 100644
--- a/apps/web-antd/src/views/im/manager/channel/list/components/select.vue
+++ b/apps/web-antd/src/views/im/manager/channel/list/components/select.vue
@@ -11,10 +11,10 @@ defineOptions({ name: 'ImManagerChannelSelect' });
 
 const props = withDefaults(
   defineProps<{
-    allowClear?: boolean
-    disabled?: boolean
-    modelValue?: number
-    placeholder?: string
+    allowClear?: boolean;
+    disabled?: boolean;
+    modelValue?: number;
+    placeholder?: string;
   }>(),
   {
     allowClear: true,
diff --git a/apps/web-antd/src/views/im/manager/channel/list/data.ts b/apps/web-antd/src/views/im/manager/channel/list/data.ts
index 8ad324df8..db279d361 100644
--- a/apps/web-antd/src/views/im/manager/channel/list/data.ts
+++ b/apps/web-antd/src/views/im/manager/channel/list/data.ts
@@ -1,10 +1,10 @@
-import type { VbenFormSchema } from '#/adapter/form'
-import type { VxeTableGridOptions } from '#/adapter/vxe-table'
+import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { CommonStatusEnum, DICT_TYPE } from '@vben/constants'
-import { getDictOptions } from '@vben/hooks'
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
-import { z } from '#/adapter/form'
+import { z } from '#/adapter/form';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
@@ -14,46 +14,49 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Input',
       dependencies: {
         triggerFields: [''],
-        show: () => false
-      }
+        show: () => false,
+      },
     },
     {
       fieldName: 'code',
       label: '频道编码',
       component: 'Input',
       componentProps: {
-        placeholder: '如 system_notice'
+        placeholder: '如 system_notice',
       },
       rules: z
         .string({ message: '频道编码不能为空' })
-        .regex(/^[a-z][a-z0-9_]*$/, '只能由小写字母 / 数字 / 下划线组成，且以字母开头')
+        .regex(
+          /^[a-z][a-z0-9_]*$/,
+          '只能由小写字母 / 数字 / 下划线组成，且以字母开头',
+        ),
     },
     {
       fieldName: 'name',
       label: '频道名称',
       component: 'Input',
       componentProps: {
-        placeholder: '如 系统公告'
+        placeholder: '如 系统公告',
       },
-      rules: 'required'
+      rules: 'required',
     },
     {
       fieldName: 'avatar',
       label: '频道头像',
       component: 'ImageUpload',
       componentProps: {
-        maxNumber: 1
+        maxNumber: 1,
       },
-      rules: 'required'
+      rules: 'required',
     },
     {
       fieldName: 'sort',
       label: '排序',
       component: 'InputNumber',
       componentProps: {
-        min: 0
+        min: 0,
       },
-      rules: z.number().default(0)
+      rules: z.number().default(0),
     },
     {
       fieldName: 'status',
@@ -62,11 +65,11 @@ export function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
         buttonStyle: 'solid',
-        optionType: 'button'
+        optionType: 'button',
       },
-      rules: z.number().default(CommonStatusEnum.ENABLE)
-    }
-  ]
+      rules: z.number().default(CommonStatusEnum.ENABLE),
+    },
+  ];
 }
 
 /** 列表的搜索表单 */
@@ -78,8 +81,8 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Input',
       componentProps: {
         allowClear: true,
-        placeholder: '频道业务码'
-      }
+        placeholder: '频道业务码',
+      },
     },
     {
       fieldName: 'name',
@@ -87,8 +90,8 @@ export function useGridFormSchema(): VbenFormSchema[] {
       component: 'Input',
       componentProps: {
         allowClear: true,
-        placeholder: '频道名称'
-      }
+        placeholder: '频道名称',
+      },
     },
     {
       fieldName: 'status',
@@ -97,10 +100,10 @@ export function useGridFormSchema(): VbenFormSchema[] {
       componentProps: {
         allowClear: true,
         options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
-        placeholder: '请选择状态'
-      }
-    }
-  ]
+        placeholder: '请选择状态',
+      },
+    },
+  ];
 }
 
 /** 列表的字段 */
@@ -109,28 +112,28 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'id',
       title: '编号',
-      width: 80
+      width: 80,
     },
     {
       field: 'avatar',
       title: '头像',
       width: 80,
-      slots: { default: 'avatar' }
+      slots: { default: 'avatar' },
     },
     {
       field: 'code',
       title: '编码',
-      minWidth: 160
+      minWidth: 160,
     },
     {
       field: 'name',
       title: '名称',
-      minWidth: 140
+      minWidth: 140,
     },
     {
       field: 'sort',
       title: '排序',
-      width: 80
+      width: 80,
     },
     {
       field: 'status',
@@ -138,20 +141,20 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
       width: 100,
       cellRender: {
         name: 'CellDict',
-        props: { type: DICT_TYPE.COMMON_STATUS }
-      }
+        props: { type: DICT_TYPE.COMMON_STATUS },
+      },
     },
     {
       field: 'createTime',
       title: '创建时间',
       minWidth: 180,
-      formatter: 'formatDateTime'
+      formatter: 'formatDateTime',
     },
     {
       title: '操作',
       width: 160,
       fixed: 'right',
-      slots: { default: 'actions' }
-    }
-  ]
+      slots: { default: 'actions' },
+    },
+  ];
 }
diff --git a/apps/web-antd/src/views/im/manager/channel/list/index.vue b/apps/web-antd/src/views/im/manager/channel/list/index.vue
index 50ca37d05..b2aace96e 100644
--- a/apps/web-antd/src/views/im/manager/channel/list/index.vue
+++ b/apps/web-antd/src/views/im/manager/channel/list/index.vue
@@ -1,58 +1,61 @@
 <script lang="ts" setup>
-import type { VxeTableGridOptions } from '#/adapter/vxe-table'
-import type { ImManagerChannelApi } from '#/api/im/manager/channel'
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { ImManagerChannelApi } from '#/api/im/manager/channel';
 
-import { Page, useVbenModal } from '@vben/common-ui'
+import { Page, useVbenModal } from '@vben/common-ui';
 
-import { Image, message } from 'ant-design-vue'
+import { Image, message } from 'ant-design-vue';
 
-import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table'
-import { deleteManagerChannel, getManagerChannelPage } from '#/api/im/manager/channel'
-import { $t } from '#/locales'
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  deleteManagerChannel,
+  getManagerChannelPage,
+} from '#/api/im/manager/channel';
+import { $t } from '#/locales';
 
-import { useGridColumns, useGridFormSchema } from './data'
-import Form from './modules/form.vue'
+import { useGridColumns, useGridFormSchema } from './data';
+import Form from './modules/form.vue';
 
-defineOptions({ name: 'ImManagerChannel' })
+defineOptions({ name: 'ImManagerChannel' });
 
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
-  destroyOnClose: true
-})
+  destroyOnClose: true,
+});
 
 /** 刷新表格 */
 function handleRefresh() {
-  gridApi.query()
+  gridApi.query();
 }
 
 /** 创建频道 */
 function handleCreate() {
-  formModalApi.setData(null).open()
+  formModalApi.setData(null).open();
 }
 
 /** 编辑频道 */
 function handleEdit(row: ImManagerChannelApi.Channel) {
-  formModalApi.setData(row).open()
+  formModalApi.setData(row).open();
 }
 
 /** 删除频道 */
 async function handleDelete(row: ImManagerChannelApi.Channel) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
-    duration: 0
-  })
+    duration: 0,
+  });
   try {
-    await deleteManagerChannel(row.id)
-    message.success($t('ui.actionMessage.deleteSuccess', [row.name]))
-    handleRefresh()
+    await deleteManagerChannel(row.id);
+    message.success($t('ui.actionMessage.deleteSuccess', [row.name]));
+    handleRefresh();
   } finally {
-    hideLoading()
+    hideLoading();
   }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
-    schema: useGridFormSchema()
+    schema: useGridFormSchema(),
   },
   gridOptions: {
     columns: useGridColumns(),
@@ -64,21 +67,21 @@ const [Grid, gridApi] = useVbenVxeGrid({
           return await getManagerChannelPage({
             pageNo: page.currentPage,
             pageSize: page.pageSize,
-            ...formValues
-          })
-        }
-      }
+            ...formValues,
+          });
+        },
+      },
     },
     rowConfig: {
       keyField: 'id',
-      isHover: true
+      isHover: true,
     },
     toolbarConfig: {
       refresh: true,
-      search: true
-    }
-  } as VxeTableGridOptions<ImManagerChannelApi.Channel>
-})
+      search: true,
+    },
+  } as VxeTableGridOptions<ImManagerChannelApi.Channel>,
+});
 </script>
 
 <template>
@@ -93,8 +96,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'primary',
               icon: ACTION_ICON.ADD,
               auth: ['im:manager:channel:create'],
-              onClick: handleCreate
-            }
+              onClick: handleCreate,
+            },
           ]"
         />
       </template>
@@ -109,7 +112,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'link',
               icon: ACTION_ICON.EDIT,
               auth: ['im:manager:channel:update'],
-              onClick: handleEdit.bind(null, row)
+              onClick: handleEdit.bind(null, row),
             },
             {
               label: $t('common.delete'),
@@ -119,9 +122,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
               auth: ['im:manager:channel:delete'],
               popConfirm: {
                 title: $t('ui.actionMessage.deleteConfirm', [row.name]),
-                confirm: handleDelete.bind(null, row)
-              }
-            }
+                confirm: handleDelete.bind(null, row),
+              },
+            },
           ]"
         />
       </template>
diff --git a/apps/web-antd/src/views/im/manager/channel/list/modules/form.vue b/apps/web-antd/src/views/im/manager/channel/list/modules/form.vue
index 4639e45b7..e4bd56f49 100644
--- a/apps/web-antd/src/views/im/manager/channel/list/modules/form.vue
+++ b/apps/web-antd/src/views/im/manager/channel/list/modules/form.vue
@@ -1,78 +1,80 @@
 <script lang="ts" setup>
-import type { ImManagerChannelApi } from '#/api/im/manager/channel'
+import type { ImManagerChannelApi } from '#/api/im/manager/channel';
 
-import { computed, ref } from 'vue'
+import { computed, ref } from 'vue';
 
-import { useVbenModal } from '@vben/common-ui'
+import { useVbenModal } from '@vben/common-ui';
 
-import { message } from 'ant-design-vue'
+import { message } from 'ant-design-vue';
 
-import { useVbenForm } from '#/adapter/form'
+import { useVbenForm } from '#/adapter/form';
 import {
   createManagerChannel,
   getManagerChannel,
-  updateManagerChannel
-} from '#/api/im/manager/channel'
-import { $t } from '#/locales'
+  updateManagerChannel,
+} from '#/api/im/manager/channel';
+import { $t } from '#/locales';
 
-import { useFormSchema } from '../data'
+import { useFormSchema } from '../data';
 
-const emit = defineEmits(['success'])
-const formData = ref<ImManagerChannelApi.Channel>()
+const emit = defineEmits(['success']);
+const formData = ref<ImManagerChannelApi.Channel>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['频道'])
-    : $t('ui.actionTitle.create', ['频道'])
-})
+    : $t('ui.actionTitle.create', ['频道']);
+});
 
 const [Form, formApi] = useVbenForm({
   commonConfig: {
     componentProps: {
-      class: 'w-full'
+      class: 'w-full',
     },
     formItemClass: 'col-span-2',
-    labelWidth: 100
+    labelWidth: 100,
   },
   layout: 'horizontal',
   schema: useFormSchema(),
-  showDefaultActions: false
-})
+  showDefaultActions: false,
+});
 
 const [Modal, modalApi] = useVbenModal({
   async onConfirm() {
-    const { valid } = await formApi.validate()
+    const { valid } = await formApi.validate();
     if (!valid) {
-      return
+      return;
     }
-    modalApi.lock()
-    const data = (await formApi.getValues()) as ImManagerChannelApi.Channel
+    modalApi.lock();
+    const data = (await formApi.getValues()) as ImManagerChannelApi.Channel;
     try {
-      await (formData.value?.id ? updateManagerChannel(data) : createManagerChannel(data))
-      await modalApi.close()
-      emit('success')
-      message.success($t('ui.actionMessage.operationSuccess'))
+      await (formData.value?.id
+        ? updateManagerChannel(data)
+        : createManagerChannel(data));
+      await modalApi.close();
+      emit('success');
+      message.success($t('ui.actionMessage.operationSuccess'));
     } finally {
-      modalApi.unlock()
+      modalApi.unlock();
     }
   },
   async onOpenChange(isOpen: boolean) {
     if (!isOpen) {
-      formData.value = undefined
-      return
+      formData.value = undefined;
+      return;
     }
-    const data = modalApi.getData<ImManagerChannelApi.Channel>()
+    const data = modalApi.getData<ImManagerChannelApi.Channel>();
     if (!data || !data.id) {
-      return
+      return;
     }
-    modalApi.lock()
+    modalApi.lock();
     try {
-      formData.value = await getManagerChannel(data.id)
-      await formApi.setValues(formData.value)
+      formData.value = await getManagerChannel(data.id);
+      await formApi.setValues(formData.value);
     } finally {
-      modalApi.unlock()
+      modalApi.unlock();
     }
-  }
-})
+  },
+});
 </script>
 
 <template>
diff --git a/apps/web-antd/src/views/im/manager/channel/material/components/select.vue b/apps/web-antd/src/views/im/manager/channel/material/components/select.vue
index c5e47b858..feac540c8 100644
--- a/apps/web-antd/src/views/im/manager/channel/material/components/select.vue
+++ b/apps/web-antd/src/views/im/manager/channel/material/components/select.vue
@@ -11,10 +11,10 @@ defineOptions({ name: 'ImManagerMaterialSelect' });
 
 const props = withDefaults(
   defineProps<{
-    allowClear?: boolean
-    channelId?: number
-    modelValue?: number
-    placeholder?: string
+    allowClear?: boolean;
+    channelId?: number;
+    modelValue?: number;
+    placeholder?: string;
   }>(),
   {
     allowClear: true,
diff --git a/apps/web-antd/src/views/im/manager/channel/message/index.vue b/apps/web-antd/src/views/im/manager/channel/message/index.vue
index a5e0c1ffd..56a3921f5 100644
--- a/apps/web-antd/src/views/im/manager/channel/message/index.vue
+++ b/apps/web-antd/src/views/im/manager/channel/message/index.vue
@@ -13,7 +13,10 @@ import {
 } from '#/api/im/manager/channel/message';
 import { $t } from '#/locales';
 
-import { useMessageGridColumns, useMessageGridFormSchema } from '../material/data';
+import {
+  useMessageGridColumns,
+  useMessageGridFormSchema,
+} from '../material/data';
 import SendForm from './modules/send-form.vue';
 
 defineOptions({ name: 'ImManagerChannelMessage' });
@@ -105,7 +108,10 @@ const [Grid, gridApi] = useVbenVxeGrid({
         />
       </template>
       <template #receivers="{ row }">
-        <Tag v-if="!row.receiverUserIds || row.receiverUserIds.length === 0" color="warning">
+        <Tag
+          v-if="!row.receiverUserIds || row.receiverUserIds.length === 0"
+          color="warning"
+        >
           全员
         </Tag>
         <span v-else>{{ row.receiverUserIds.length }} 人</span>
diff --git a/apps/web-antd/src/views/im/manager/channel/message/modules/send-form.vue b/apps/web-antd/src/views/im/manager/channel/message/modules/send-form.vue
index 19c348a07..f1c3682e9 100644
--- a/apps/web-antd/src/views/im/manager/channel/message/modules/send-form.vue
+++ b/apps/web-antd/src/views/im/manager/channel/message/modules/send-form.vue
@@ -88,7 +88,11 @@ const [Modal, modalApi] = useVbenModal({
           <Radio value="users">指定用户</Radio>
         </RadioGroup>
       </FormItem>
-      <FormItem v-if="formData.receiverUserType === 'users'" label="接收用户" required>
+      <FormItem
+        v-if="formData.receiverUserType === 'users'"
+        label="接收用户"
+        required
+      >
         <UserSelect
           v-model="formData.receiverUserIds"
           multiple
diff --git a/apps/web-antd/src/views/im/manager/face/pack/index.vue b/apps/web-antd/src/views/im/manager/face/pack/index.vue
index ca4b722cf..8adafea80 100644
--- a/apps/web-antd/src/views/im/manager/face/pack/index.vue
+++ b/apps/web-antd/src/views/im/manager/face/pack/index.vue
@@ -17,10 +17,7 @@ import {
 } from '#/api/im/manager/face/pack';
 import { $t } from '#/locales';
 
-import {
-  usePackGridColumns,
-  usePackGridFormSchema,
-} from './data';
+import { usePackGridColumns, usePackGridFormSchema } from './data';
 import Form from './modules/form.vue';
 import ItemDrawer from './modules/item-drawer.vue';
 
diff --git a/apps/web-antd/src/views/im/manager/face/pack/modules/item-drawer.vue b/apps/web-antd/src/views/im/manager/face/pack/modules/item-drawer.vue
index 02872d0b9..28b4d6287 100644
--- a/apps/web-antd/src/views/im/manager/face/pack/modules/item-drawer.vue
+++ b/apps/web-antd/src/views/im/manager/face/pack/modules/item-drawer.vue
@@ -205,7 +205,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
               icon: ACTION_ICON.DELETE,
               auth: ['im:manager:face-pack-item:delete'],
               popConfirm: {
-                title: $t('ui.actionMessage.deleteConfirm', [row.name || row.id]),
+                title: $t('ui.actionMessage.deleteConfirm', [
+                  row.name || row.id,
+                ]),
                 confirm: handleDelete.bind(null, row),
               },
             },
diff --git a/apps/web-antd/src/views/im/manager/face/pack/modules/item-form.vue b/apps/web-antd/src/views/im/manager/face/pack/modules/item-form.vue
index 64f76457c..c1d68b637 100644
--- a/apps/web-antd/src/views/im/manager/face/pack/modules/item-form.vue
+++ b/apps/web-antd/src/views/im/manager/face/pack/modules/item-form.vue
@@ -74,7 +74,8 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     modalApi.lock();
-    const data = (await formApi.getValues()) as ImManagerFacePackItemApi.FacePackItem;
+    const data =
+      (await formApi.getValues()) as ImManagerFacePackItemApi.FacePackItem;
     try {
       data.packId = data.packId || packId.value;
       await (formData.value?.id
diff --git a/apps/web-antd/src/views/im/manager/face/userItem/index.vue b/apps/web-antd/src/views/im/manager/face/userItem/index.vue
index 3d79a6680..c61aee43d 100644
--- a/apps/web-antd/src/views/im/manager/face/userItem/index.vue
+++ b/apps/web-antd/src/views/im/manager/face/userItem/index.vue
@@ -14,7 +14,10 @@ import {
 import { $t } from '#/locales';
 import { formatUserLabel } from '#/views/im/manager/utils/format';
 
-import { useUserItemGridColumns, useUserItemGridFormSchema } from '../pack/data';
+import {
+  useUserItemGridColumns,
+  useUserItemGridFormSchema,
+} from '../pack/data';
 
 defineOptions({ name: 'ImManagerFaceUserItem' });
 
@@ -94,7 +97,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
               icon: ACTION_ICON.DELETE,
               auth: ['im:manager:face-user-item:delete'],
               popConfirm: {
-                title: $t('ui.actionMessage.deleteConfirm', [row.name || row.id]),
+                title: $t('ui.actionMessage.deleteConfirm', [
+                  row.name || row.id,
+                ]),
                 confirm: handleDelete.bind(null, row),
               },
             },
diff --git a/apps/web-antd/src/views/im/manager/friend/data.ts b/apps/web-antd/src/views/im/manager/friend/data.ts
index aaa43604f..bf18c7527 100644
--- a/apps/web-antd/src/views/im/manager/friend/data.ts
+++ b/apps/web-antd/src/views/im/manager/friend/data.ts
@@ -171,7 +171,10 @@ export function useFriendRequestGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
-        options: getDictOptions(DICT_TYPE.IM_FRIEND_REQUEST_HANDLE_RESULT, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.IM_FRIEND_REQUEST_HANDLE_RESULT,
+          'number',
+        ),
         placeholder: '请选择处理结果',
       },
     },
diff --git a/apps/web-antd/src/views/im/manager/group/components/select-dialog.vue b/apps/web-antd/src/views/im/manager/group/components/select-dialog.vue
index ea5cec1b0..d9c97f589 100644
--- a/apps/web-antd/src/views/im/manager/group/components/select-dialog.vue
+++ b/apps/web-antd/src/views/im/manager/group/components/select-dialog.vue
@@ -11,10 +11,7 @@ import { getDictOptions } from '@vben/hooks';
 import { Button, message, Modal } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
-import {
-  getManagerGroup,
-  getManagerGroupPage,
-} from '#/api/im/manager/group';
+import { getManagerGroup, getManagerGroupPage } from '#/api/im/manager/group';
 
 const emit = defineEmits<{
   selected: [rows: ImManagerGroupApi.Group[]];
@@ -246,7 +243,7 @@ function handleConfirm() {
     message.warning(multiple.value ? '请至少选择一条数据' : '请选择一条数据');
     return;
   }
-  emit('selected', multiple.value ? rows : [rows[0]!]);
+  emit('selected', multiple.value ? rows : [rows[0]]);
   open.value = false;
 }
 
diff --git a/apps/web-antd/src/views/im/manager/group/components/select.vue b/apps/web-antd/src/views/im/manager/group/components/select.vue
index c8fc17c60..4a131eea0 100644
--- a/apps/web-antd/src/views/im/manager/group/components/select.vue
+++ b/apps/web-antd/src/views/im/manager/group/components/select.vue
@@ -43,12 +43,17 @@ const displayLabel = computed(() => selectedItem.value?.name ?? '');
 
 /** 是否显示清除图标 */
 const showClear = computed(() => {
-  return props.allowClear && !props.disabled && hovering.value && props.modelValue != null;
+  return (
+    props.allowClear &&
+    !props.disabled &&
+    hovering.value &&
+    props.modelValue !== null
+  );
 });
 
 /** 根据编号查询群信息（用于编辑回显） */
 async function resolveItemById(id: number | undefined) {
-  if (id == null) {
+  if (id === null) {
     selectedItem.value = undefined;
     return;
   }
@@ -78,7 +83,7 @@ function handleClick(event: MouseEvent) {
     clearSelected();
     return;
   }
-  dialogRef.value?.open(props.modelValue == null ? [] : [props.modelValue]);
+  dialogRef.value?.open(props.modelValue === null ? [] : [props.modelValue]);
 }
 
 /** 弹窗选中回调 */
diff --git a/apps/web-antd/src/views/im/manager/group/data.ts b/apps/web-antd/src/views/im/manager/group/data.ts
index ec09eb6ea..ba474c75c 100644
--- a/apps/web-antd/src/views/im/manager/group/data.ts
+++ b/apps/web-antd/src/views/im/manager/group/data.ts
@@ -157,7 +157,10 @@ export function useGroupRequestGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
-        options: getDictOptions(DICT_TYPE.IM_GROUP_REQUEST_HANDLE_RESULT, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.IM_GROUP_REQUEST_HANDLE_RESULT,
+          'number',
+        ),
         placeholder: '请选择处理结果',
       },
     },
diff --git a/apps/web-antd/src/views/im/manager/group/index.vue b/apps/web-antd/src/views/im/manager/group/index.vue
index ff393dff8..f45b98fae 100644
--- a/apps/web-antd/src/views/im/manager/group/index.vue
+++ b/apps/web-antd/src/views/im/manager/group/index.vue
@@ -120,7 +120,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
         <Tooltip v-if="row.banned" :title="row.bannedReason">
           <DictTag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="row.banned" />
         </Tooltip>
-        <DictTag v-else :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="row.banned" />
+        <DictTag
+          v-else
+          :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
+          :value="row.banned"
+        />
       </template>
       <template #mutedAll="{ row }">
         <Tag v-if="row.mutedAll" color="error">已禁言</Tag>
@@ -148,7 +152,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
               danger: !row.banned,
               icon: ACTION_ICON.CLOSE,
               auth: ['im:manager:group:ban'],
-              onClick: row.banned ? handleUnban.bind(null, row) : handleBan.bind(null, row),
+              onClick: row.banned
+                ? handleUnban.bind(null, row)
+                : handleBan.bind(null, row),
             },
             {
               label: '解散',
diff --git a/apps/web-antd/src/views/im/manager/group/modules/detail.vue b/apps/web-antd/src/views/im/manager/group/modules/detail.vue
index fd3def167..454d1d269 100644
--- a/apps/web-antd/src/views/im/manager/group/modules/detail.vue
+++ b/apps/web-antd/src/views/im/manager/group/modules/detail.vue
@@ -77,12 +77,17 @@ defineExpose({ open });
       <DescriptionsItem label="群主">
         {{ formatUserLabel(detail.ownerNickname, detail.ownerUserId) }}
       </DescriptionsItem>
-      <DescriptionsItem label="成员数">{{ detail.memberCount || 0 }}</DescriptionsItem>
+      <DescriptionsItem label="成员数">
+        {{ detail.memberCount || 0 }}
+      </DescriptionsItem>
       <DescriptionsItem label="群状态">
         <DictTag :type="DICT_TYPE.IM_GROUP_STATUS" :value="detail.status" />
       </DescriptionsItem>
       <DescriptionsItem label="封禁状态">
-        <DictTag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="detail.banned" />
+        <DictTag
+          :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
+          :value="detail.banned"
+        />
         <span v-if="detail.banned" class="ml-2 text-gray-400">
           {{ detail.bannedReason }}
         </span>
@@ -119,10 +124,16 @@ defineExpose({ open });
           </Avatar>
         </template>
         <template v-else-if="column.dataIndex === 'role'">
-          <DictTag :type="DICT_TYPE.IM_GROUP_MEMBER_ROLE" :value="record.role" />
+          <DictTag
+            :type="DICT_TYPE.IM_GROUP_MEMBER_ROLE"
+            :value="record.role"
+          />
         </template>
         <template v-else-if="column.dataIndex === 'silent'">
-          <DictTag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="record.silent" />
+          <DictTag
+            :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
+            :value="record.silent"
+          />
         </template>
         <template v-else-if="column.dataIndex === 'status'">
           <DictTag :type="DICT_TYPE.COMMON_STATUS" :value="record.status" />
@@ -134,7 +145,11 @@ defineExpose({ open });
           {{ formatDateTimeText(record.quitTime) }}
         </template>
         <template v-else-if="column.dataIndex === 'muteEndTime'">
-          <template v-if="record.muteEndTime && new Date(record.muteEndTime) > new Date()">
+          <template
+            v-if="
+              record.muteEndTime && new Date(record.muteEndTime) > new Date()
+            "
+          >
             <Tag color="error">禁言中</Tag>
             <div class="mt-1 text-xs text-gray-400">
               {{ formatDateTimeText(record.muteEndTime) }}
diff --git a/apps/web-antd/src/views/im/manager/message/content-preview.vue b/apps/web-antd/src/views/im/manager/message/content-preview.vue
index 5a59ce528..74f7d8b0e 100644
--- a/apps/web-antd/src/views/im/manager/message/content-preview.vue
+++ b/apps/web-antd/src/views/im/manager/message/content-preview.vue
@@ -52,7 +52,11 @@ const cardPayload = computed(() => {
   }
   return {
     ...payload.value,
-    name: payload.value.name || payload.value.nickname || payload.value.userId || '',
+    name:
+      payload.value.name ||
+      payload.value.nickname ||
+      payload.value.userId ||
+      '',
   };
 });
 
@@ -132,7 +136,10 @@ function openVideo() {
 </script>
 
 <template>
-  <span v-if="type === ImContentType.TEXT" class="whitespace-pre-wrap break-all">
+  <span
+    v-if="type === ImContentType.TEXT"
+    class="whitespace-pre-wrap break-all"
+  >
     {{ textContent }}
   </span>
 
@@ -234,10 +241,16 @@ function openVideo() {
   <span v-else-if="type === ImContentType.READ" class="text-xs text-gray-400">
     [已读回执]
   </span>
-  <span v-else-if="type === ImContentType.RECEIPT" class="text-xs text-gray-400">
+  <span
+    v-else-if="type === ImContentType.RECEIPT"
+    class="text-xs text-gray-400"
+  >
     [回执]
   </span>
-  <span v-else-if="isGroupNotification(type ?? -1)" class="text-xs text-gray-400">
+  <span
+    v-else-if="isGroupNotification(type ?? -1)"
+    class="text-xs text-gray-400"
+  >
     {{ groupTipText }}
   </span>
   <span v-else-if="isFriendChatTip(type ?? -1)" class="text-xs text-gray-400">
@@ -247,7 +260,10 @@ function openVideo() {
     v-else-if="isRtcCallTip(type ?? -1)"
     class="inline-flex items-center gap-1.5 text-xs text-gray-400"
   >
-    <IconifyIcon class="size-4 rotate-[135deg]" icon="ant-design:phone-outlined" />
+    <IconifyIcon
+      class="size-4 rotate-[135deg]"
+      icon="ant-design:phone-outlined"
+    />
     <span>{{ rtcCallTipText }}</span>
   </span>
   <span v-else class="whitespace-pre-wrap break-all">{{ fallbackText }}</span>
diff --git a/apps/web-antd/src/views/im/manager/message/data.ts b/apps/web-antd/src/views/im/manager/message/data.ts
index 06ab5d01a..42a312318 100644
--- a/apps/web-antd/src/views/im/manager/message/data.ts
+++ b/apps/web-antd/src/views/im/manager/message/data.ts
@@ -61,7 +61,9 @@ export function usePrivateGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 私聊消息字段 */
-export function usePrivateGridColumns(showReadColumns: boolean): VxeTableGridOptions['columns'] {
+export function usePrivateGridColumns(
+  showReadColumns: boolean,
+): VxeTableGridOptions['columns'] {
   return [
     {
       field: 'id',
@@ -179,7 +181,9 @@ export function useGroupGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 群聊消息字段 */
-export function useGroupGridColumns(showReadColumns: boolean): VxeTableGridOptions['columns'] {
+export function useGroupGridColumns(
+  showReadColumns: boolean,
+): VxeTableGridOptions['columns'] {
   return [
     {
       field: 'id',
diff --git a/apps/web-antd/src/views/im/manager/message/group/index.vue b/apps/web-antd/src/views/im/manager/message/group/index.vue
index d985445e5..0b9f42455 100644
--- a/apps/web-antd/src/views/im/manager/message/group/index.vue
+++ b/apps/web-antd/src/views/im/manager/message/group/index.vue
@@ -47,7 +47,9 @@ const [Grid] = useVbenVxeGrid({
           return await getManagerGroupMessagePage({
             pageNo: page.currentPage,
             pageSize: page.pageSize,
-            groupId: route.query.groupId ? Number(route.query.groupId) : undefined,
+            groupId: route.query.groupId
+              ? Number(route.query.groupId)
+              : undefined,
             ...formValues,
           });
         },
@@ -79,8 +81,12 @@ const [Grid] = useVbenVxeGrid({
         <template v-if="row.atUserIds?.length">
           <span v-for="(userId, index) in row.atUserIds" :key="userId">
             <span v-if="Number(index) > 0">、</span>
-            <template v-if="userId === IM_AT_ALL_USER_ID">@{{ IM_AT_ALL_NICKNAME }}</template>
-            <template v-else>@{{ row.atUserNicknames?.[index] || userId }}</template>
+            <template v-if="userId === IM_AT_ALL_USER_ID">
+              @{{ IM_AT_ALL_NICKNAME }}
+            </template>
+            <template v-else>
+              @{{ row.atUserNicknames?.[index] || userId }}
+            </template>
           </span>
         </template>
         <span v-else>-</span>
diff --git a/apps/web-antd/src/views/im/manager/message/group/modules/detail.vue b/apps/web-antd/src/views/im/manager/message/group/modules/detail.vue
index 2268dbd4f..30d60549f 100644
--- a/apps/web-antd/src/views/im/manager/message/group/modules/detail.vue
+++ b/apps/web-antd/src/views/im/manager/message/group/modules/detail.vue
@@ -23,7 +23,9 @@ import {
 import { MessageContentPreview } from '../..';
 
 const visible = ref(false);
-const detail = ref<ImManagerGroupMessageApi.GroupMessage>({} as ImManagerGroupMessageApi.GroupMessage);
+const detail = ref<ImManagerGroupMessageApi.GroupMessage>(
+  {} as ImManagerGroupMessageApi.GroupMessage,
+);
 
 /** 打开详情 */
 function open(row: ImManagerGroupMessageApi.GroupMessage) {
@@ -35,7 +37,12 @@ defineExpose({ open });
 </script>
 
 <template>
-  <Modal v-model:open="visible" :footer="null" title="群聊消息详情" width="700px">
+  <Modal
+    v-model:open="visible"
+    :footer="null"
+    title="群聊消息详情"
+    width="700px"
+  >
     <Descriptions bordered :column="2">
       <DescriptionsItem label="编号">{{ detail.id }}</DescriptionsItem>
       <DescriptionsItem label="客户端编号">
@@ -53,7 +60,11 @@ defineExpose({ open });
       <DescriptionsItem label="状态">
         <DictTag :type="DICT_TYPE.IM_MESSAGE_STATUS" :value="detail.status" />
       </DescriptionsItem>
-      <DescriptionsItem v-if="MESSAGE_GROUP_READ_ENABLED" label="回执" :span="2">
+      <DescriptionsItem
+        v-if="MESSAGE_GROUP_READ_ENABLED"
+        label="回执"
+        :span="2"
+      >
         <DictTag
           :type="DICT_TYPE.IM_MESSAGE_RECEIPT_STATUS"
           :value="detail.receiptStatus"
@@ -85,7 +96,11 @@ defineExpose({ open });
         />
       </DescriptionsItem>
       <DescriptionsItem label="原始 JSON" :span="2">
-        <pre class="m-0 whitespace-pre-wrap break-all rounded bg-gray-100 p-2 font-mono text-xs">{{ formatJsonText(detail.content) }}</pre>
+        <pre
+          class="m-0 whitespace-pre-wrap break-all rounded bg-gray-100 p-2 font-mono text-xs"
+        >
+          {{ formatJsonText(detail.content) }}
+        </pre>
       </DescriptionsItem>
     </Descriptions>
   </Modal>
diff --git a/apps/web-antd/src/views/im/manager/message/private/index.vue b/apps/web-antd/src/views/im/manager/message/private/index.vue
index 30d5240c3..12842f2e3 100644
--- a/apps/web-antd/src/views/im/manager/message/private/index.vue
+++ b/apps/web-antd/src/views/im/manager/message/private/index.vue
@@ -13,10 +13,7 @@ import { formatUserLabel } from '#/views/im/manager/utils/format';
 import { MESSAGE_PRIVATE_READ_ENABLED } from '#/views/im/utils/config';
 
 import { MessageContentPreview } from '..';
-import {
-  usePrivateGridColumns,
-  usePrivateGridFormSchema,
-} from '../data';
+import { usePrivateGridColumns, usePrivateGridFormSchema } from '../data';
 import Detail from './modules/detail.vue';
 
 defineOptions({ name: 'ImPrivateMessage' });
diff --git a/apps/web-antd/src/views/im/manager/message/private/modules/detail.vue b/apps/web-antd/src/views/im/manager/message/private/modules/detail.vue
index 27e0a0495..9683e505d 100644
--- a/apps/web-antd/src/views/im/manager/message/private/modules/detail.vue
+++ b/apps/web-antd/src/views/im/manager/message/private/modules/detail.vue
@@ -32,7 +32,12 @@ defineExpose({ open });
 </script>
 
 <template>
-  <Modal v-model:open="visible" :footer="null" title="私聊消息详情" width="700px">
+  <Modal
+    v-model:open="visible"
+    :footer="null"
+    title="私聊消息详情"
+    width="700px"
+  >
     <Descriptions bordered :column="2">
       <DescriptionsItem label="编号">{{ detail.id }}</DescriptionsItem>
       <DescriptionsItem label="客户端编号">
@@ -68,7 +73,11 @@ defineExpose({ open });
         />
       </DescriptionsItem>
       <DescriptionsItem label="原始 JSON" :span="2">
-        <pre class="m-0 whitespace-pre-wrap break-all rounded bg-gray-100 p-2 font-mono text-xs">{{ formatJsonText(detail.content) }}</pre>
+        <pre
+          class="m-0 whitespace-pre-wrap break-all rounded bg-gray-100 p-2 font-mono text-xs"
+        >
+          {{ formatJsonText(detail.content) }}
+        </pre>
       </DescriptionsItem>
     </Descriptions>
   </Modal>
diff --git a/apps/web-antd/src/views/im/manager/rtc/data.ts b/apps/web-antd/src/views/im/manager/rtc/data.ts
index e3582521b..ce94d0ceb 100644
--- a/apps/web-antd/src/views/im/manager/rtc/data.ts
+++ b/apps/web-antd/src/views/im/manager/rtc/data.ts
@@ -26,7 +26,10 @@ export function useRtcGridFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         allowClear: true,
-        options: getDictOptions(DICT_TYPE.IM_RTC_CALL_CONVERSATION_TYPE, 'number'),
+        options: getDictOptions(
+          DICT_TYPE.IM_RTC_CALL_CONVERSATION_TYPE,
+          'number',
+        ),
         placeholder: '请选择会话类型',
       },
     },
diff --git a/apps/web-antd/src/views/im/manager/rtc/modules/detail.vue b/apps/web-antd/src/views/im/manager/rtc/modules/detail.vue
index 55d181ac1..1294a8103 100644
--- a/apps/web-antd/src/views/im/manager/rtc/modules/detail.vue
+++ b/apps/web-antd/src/views/im/manager/rtc/modules/detail.vue
@@ -51,21 +51,34 @@ defineExpose({ open });
 </script>
 
 <template>
-  <Drawer v-model:open="visible" destroy-on-close title="通话记录详情" width="900">
+  <Drawer
+    v-model:open="visible"
+    destroy-on-close
+    title="通话记录详情"
+    width="900"
+  >
     <Descriptions bordered :column="2">
       <DescriptionsItem label="编号">{{ detail.id }}</DescriptionsItem>
-      <DescriptionsItem label="业务通话编号">{{ detail.room }}</DescriptionsItem>
+      <DescriptionsItem label="业务通话编号">
+        {{ detail.room }}
+      </DescriptionsItem>
       <DescriptionsItem label="发起人">
         {{ formatUserLabel(detail.inviterNickname, detail.inviterUserId) }}
       </DescriptionsItem>
       <DescriptionsItem label="会话类型">
-        <DictTag :type="DICT_TYPE.IM_RTC_CALL_CONVERSATION_TYPE" :value="detail.conversationType" />
+        <DictTag
+          :type="DICT_TYPE.IM_RTC_CALL_CONVERSATION_TYPE"
+          :value="detail.conversationType"
+        />
       </DescriptionsItem>
       <DescriptionsItem label="群">
         {{ formatGroupLabel(detail.groupName, detail.groupId) }}
       </DescriptionsItem>
       <DescriptionsItem label="媒体类型">
-        <DictTag :type="DICT_TYPE.IM_RTC_CALL_MEDIA_TYPE" :value="detail.mediaType" />
+        <DictTag
+          :type="DICT_TYPE.IM_RTC_CALL_MEDIA_TYPE"
+          :value="detail.mediaType"
+        />
       </DescriptionsItem>
       <DescriptionsItem label="通话状态">
         <DictTag :type="DICT_TYPE.IM_RTC_CALL_STATUS" :value="detail.status" />
@@ -102,12 +115,24 @@ defineExpose({ open });
     >
       <template #bodyCell="{ column, record, text }">
         <template v-if="column.dataIndex === 'role'">
-          <DictTag :type="DICT_TYPE.IM_RTC_PARTICIPANT_ROLE" :value="record.role" />
+          <DictTag
+            :type="DICT_TYPE.IM_RTC_PARTICIPANT_ROLE"
+            :value="record.role"
+          />
         </template>
         <template v-else-if="column.dataIndex === 'status'">
-          <DictTag :type="DICT_TYPE.IM_RTC_PARTICIPANT_STATUS" :value="record.status" />
+          <DictTag
+            :type="DICT_TYPE.IM_RTC_PARTICIPANT_STATUS"
+            :value="record.status"
+          />
         </template>
-        <template v-else-if="['inviteTime', 'acceptTime', 'leaveTime'].includes(column.dataIndex as string)">
+        <template
+          v-else-if="
+            ['inviteTime', 'acceptTime', 'leaveTime'].includes(
+              column.dataIndex as string,
+            )
+          "
+        >
           {{ formatDateTimeText(text) }}
         </template>
         <template v-else>
diff --git a/apps/web-antd/src/views/im/manager/sensitiveword/modules/form.vue b/apps/web-antd/src/views/im/manager/sensitiveword/modules/form.vue
index 98dba7474..27cb45fa0 100644
--- a/apps/web-antd/src/views/im/manager/sensitiveword/modules/form.vue
+++ b/apps/web-antd/src/views/im/manager/sensitiveword/modules/form.vue
@@ -43,7 +43,8 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     modalApi.lock();
-    const data = (await formApi.getValues()) as ImManagerSensitiveWordApi.SensitiveWord;
+    const data =
+      (await formApi.getValues()) as ImManagerSensitiveWordApi.SensitiveWord;
     try {
       await (formData.value?.id
         ? updateManagerSensitiveWord(data)
diff --git a/apps/web-antd/src/views/im/manager/statistics/components/distribution-chart.vue b/apps/web-antd/src/views/im/manager/statistics/components/distribution-chart.vue
index e95a230da..35d80e104 100644
--- a/apps/web-antd/src/views/im/manager/statistics/components/distribution-chart.vue
+++ b/apps/web-antd/src/views/im/manager/statistics/components/distribution-chart.vue
@@ -83,7 +83,9 @@ async function loadData() {
       xAxis: { type: 'value', name: '消息数' },
       yAxis: {
         type: 'category',
-        data: sorted.map((item) => `${item.nickname || item.userId}(${item.userId})`),
+        data: sorted.map(
+          (item) => `${item.nickname || item.userId}(${item.userId})`,
+        ),
         axisLabel: { overflow: 'truncate', width: 110 },
       },
       series: [
diff --git a/apps/web-antd/src/views/im/manager/statistics/components/overview-cards.vue b/apps/web-antd/src/views/im/manager/statistics/components/overview-cards.vue
index 3d380257f..f8d135585 100644
--- a/apps/web-antd/src/views/im/manager/statistics/components/overview-cards.vue
+++ b/apps/web-antd/src/views/im/manager/statistics/components/overview-cards.vue
@@ -78,7 +78,11 @@ const cards = computed(() => {
 
 <template>
   <div class="grid grid-cols-4 gap-4 max-xl:grid-cols-2 max-md:grid-cols-1">
-    <Card v-for="card in cards" :key="card.title" :body-style="{ padding: '16px' }">
+    <Card
+      v-for="card in cards"
+      :key="card.title"
+      :body-style="{ padding: '16px' }"
+    >
       <div class="flex items-center">
         <div
           class="mr-3 flex size-12 shrink-0 items-center justify-center rounded"
@@ -90,7 +94,10 @@ const cards = computed(() => {
           <div class="mb-1 text-sm text-muted-foreground">{{ card.title }}</div>
           <div class="truncate text-2xl font-semibold leading-none">
             {{ card.value }}
-            <span v-if="card.suffix" class="ml-1 text-xs font-normal text-gray-400">
+            <span
+              v-if="card.suffix"
+              class="ml-1 text-xs font-normal text-gray-400"
+            >
               {{ card.suffix }}
             </span>
           </div>
diff --git a/apps/web-antd/src/views/im/manager/statistics/components/trend-chart.vue b/apps/web-antd/src/views/im/manager/statistics/components/trend-chart.vue
index 33ddc401a..27910da5b 100644
--- a/apps/web-antd/src/views/im/manager/statistics/components/trend-chart.vue
+++ b/apps/web-antd/src/views/im/manager/statistics/components/trend-chart.vue
@@ -7,10 +7,7 @@ import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 import { Card, Select } from 'ant-design-vue';
 
-import {
-  getMessageTrend,
-  getUserTrend,
-} from '#/api/im/manager/statistics';
+import { getMessageTrend, getUserTrend } from '#/api/im/manager/statistics';
 
 const props = defineProps<{
   type: 'message' | 'user';
diff --git a/apps/web-antd/src/views/im/manager/statistics/index.vue b/apps/web-antd/src/views/im/manager/statistics/index.vue
index 0d73d52ae..bdad08fe5 100644
--- a/apps/web-antd/src/views/im/manager/statistics/index.vue
+++ b/apps/web-antd/src/views/im/manager/statistics/index.vue
@@ -7,11 +7,7 @@ import { Page } from '@vben/common-ui';
 
 import { getStatisticsOverview } from '#/api/im/manager/statistics';
 
-import {
-  DistributionChart,
-  OverviewCards,
-  TrendChart,
-} from './components';
+import { DistributionChart, OverviewCards, TrendChart } from './components';
 
 defineOptions({ name: 'ImManagerStatistics' });
 
@@ -35,7 +31,9 @@ onMounted(loadOverview);
         <TrendChart type="user" />
       </div>
 
-      <div class="grid grid-cols-3 gap-4 max-2xl:grid-cols-2 max-xl:grid-cols-1">
+      <div
+        class="grid grid-cols-3 gap-4 max-2xl:grid-cols-2 max-xl:grid-cols-1"
+      >
         <DistributionChart type="messageType" />
         <DistributionChart type="groupSize" />
         <DistributionChart type="topSenders" />
diff --git a/apps/web-antd/src/views/im/utils/auth.ts b/apps/web-antd/src/views/im/utils/auth.ts
index e56761cee..64ece8403 100644
--- a/apps/web-antd/src/views/im/utils/auth.ts
+++ b/apps/web-antd/src/views/im/utils/auth.ts
@@ -1,14 +1,14 @@
-import { useAccessStore, useUserStore } from '@vben/stores'
+import { useAccessStore, useUserStore } from '@vben/stores';
 
 // TODO DONE @AI：已使用 Vben 的 useUserStore / useAccessStore 获取登录信息；
 
 /** 获取当前用户编号 */
 export function getCurrentUserId(): number {
-  const userInfo = useUserStore().userInfo
-  return Number(userInfo?.id ?? userInfo?.userId ?? 0)
+  const userInfo = useUserStore().userInfo;
+  return Number(userInfo?.id ?? userInfo?.userId ?? 0);
 }
 
 /** 获取刷新令牌 */
 export function getRefreshToken(): null | string {
-  return useAccessStore().refreshToken
+  return useAccessStore().refreshToken;
 }
diff --git a/apps/web-antd/src/views/im/utils/channel.ts b/apps/web-antd/src/views/im/utils/channel.ts
index 5276fb257..27d5209ec 100644
--- a/apps/web-antd/src/views/im/utils/channel.ts
+++ b/apps/web-antd/src/views/im/utils/channel.ts
@@ -1,5 +1,5 @@
-import { useChannelStore } from '../home/store/channelStore'
-import { ImConversationType } from './constants'
+import { useChannelStore } from '../home/store/channelStore';
+import { ImConversationType } from './constants';
 
 /**
  * 构建频道会话描述（type / targetId / name / avatar）
@@ -8,11 +8,11 @@ import { ImConversationType } from './constants'
  * 抽到 utils/channel.ts 后，useMessagePuller / websocketStore 共用同一份占位逻辑，避免多处复制；类似 utils/user.ts 取昵称的工具集。
  */
 export const buildChannelConversationStub = (channelId: number) => {
-  const channel = useChannelStore().getChannel(channelId)
+  const channel = useChannelStore().getChannel(channelId);
   return {
     type: ImConversationType.CHANNEL,
     targetId: channelId,
     name: channel?.name || `频道 ${channelId}`,
-    avatar: channel?.avatar || ''
-  }
-}
+    avatar: channel?.avatar || '',
+  };
+};
diff --git a/apps/web-antd/src/views/im/utils/config.ts b/apps/web-antd/src/views/im/utils/config.ts
index 6d153f006..cbff180bf 100644
--- a/apps/web-antd/src/views/im/utils/config.ts
+++ b/apps/web-antd/src/views/im/utils/config.ts
@@ -11,13 +11,13 @@
 // ==================== 后端镜像（与 ImProperties 默认值对齐） ====================
 
 /** 群最大成员人数（对齐 yudao.im.group.max-member） */
-export const GROUP_MAX_MEMBER = 500
+export const GROUP_MAX_MEMBER = 500;
 
 /** 单群管理员人数上限（对齐 yudao.im.group.admin-max-count） */
-export const GROUP_ADMIN_MAX_COUNT = 3
+export const GROUP_ADMIN_MAX_COUNT = 3;
 
 /** 单群置顶消息条数上限（对齐 yudao.im.group.pin-max-count） */
-export const GROUP_PIN_MAX_COUNT = 5
+export const GROUP_PIN_MAX_COUNT = 5;
 
 /**
  * 是否启用私聊已读功能（对齐 yudao.im.message.private-read-enabled）
@@ -25,7 +25,7 @@ export const GROUP_PIN_MAX_COUNT = 5
  * 关闭后：进入私聊会话不再上报已读位置；气泡的「已读 / 未读」标签隐藏；
  * 管理后台私聊消息列表的「状态」列与详情中的状态字段隐藏
  */
-export const MESSAGE_PRIVATE_READ_ENABLED = true
+export const MESSAGE_PRIVATE_READ_ENABLED = true;
 
 /**
  * 是否启用群聊已读功能（含群消息回执，对齐 yudao.im.message.group-read-enabled）
@@ -33,41 +33,41 @@ export const MESSAGE_PRIVATE_READ_ENABLED = true
  * 关闭后：进入群会话不再上报已读位置；输入框的「发送回执消息」入口隐藏；
  * 群消息气泡上的「N 人已读」popover 隐藏；管理后台群消息列表的「状态」「回执」列与详情中对应字段隐藏
  */
-export const MESSAGE_GROUP_READ_ENABLED = true
+export const MESSAGE_GROUP_READ_ENABLED = true;
 
 /** 消息撤回时间限制（分钟，对齐 yudao.im.message.recall-timeout-minutes） */
-export const MESSAGE_RECALL_TIMEOUT_MINUTES = 5
+export const MESSAGE_RECALL_TIMEOUT_MINUTES = 5;
 
 /** 私聊离线消息最大拉取天数（对齐 yudao.im.message.private-pull-max-days） */
-export const MESSAGE_PRIVATE_PULL_MAX_DAYS = 30
+export const MESSAGE_PRIVATE_PULL_MAX_DAYS = 30;
 
 /** 群聊离线消息最大拉取天数（对齐 yudao.im.message.group-pull-max-days） */
-export const MESSAGE_GROUP_PULL_MAX_DAYS = 30
+export const MESSAGE_GROUP_PULL_MAX_DAYS = 30;
 
 // ==================== 前端独有：拉取 / 分页 ====================
 
 /** 每次拉取私聊消息的最大条数（后端上限 1000，前端取保守值 100） */
-export const MESSAGE_PRIVATE_PULL_SIZE = 100
+export const MESSAGE_PRIVATE_PULL_SIZE = 100;
 
 /** 每次拉取群聊消息的最大条数（后端上限 1000，前端取保守值 100） */
-export const MESSAGE_GROUP_PULL_SIZE = 100
+export const MESSAGE_GROUP_PULL_SIZE = 100;
 
 /** 「我相关」好友申请列表的单次拉取条数（游标分页 page size） */
-export const FRIEND_REQUEST_PAGE_SIZE = 100
+export const FRIEND_REQUEST_PAGE_SIZE = 100;
 
 /** 「我相关」加群申请列表的单次拉取条数 */
-export const GROUP_REQUEST_PAGE_SIZE = 100
+export const GROUP_REQUEST_PAGE_SIZE = 100;
 
 // ==================== 上传安全策略 ====================
 // 数值与后端 Spring multipart 配置对齐（`spring.servlet.multipart.max-file-size = 16MB`）
 // 后端调大后这里同步调；不要单边放宽，否则用户上传完到后端 413
 
 /** 图片 / 视频 / 普通文件单文件上限（MB），对齐后端 max-file-size */
-export const MESSAGE_IMAGE_MAX_MB = 16
-export const MESSAGE_VIDEO_MAX_MB = 16
-export const MESSAGE_FILE_MAX_MB = 16
+export const MESSAGE_IMAGE_MAX_MB = 16;
+export const MESSAGE_VIDEO_MAX_MB = 16;
+export const MESSAGE_FILE_MAX_MB = 16;
 /** 语音单文件上限（MB）：60s @ 64kbps 约 0.5MB，5MB 已远超录制可能产出的大小 */
-export const MESSAGE_VOICE_MAX_MB = 5
+export const MESSAGE_VOICE_MAX_MB = 5;
 
 /** 可执行 / 脚本类扩展名黑名单；接收端点击下载后本地双击就跑，html 本地打开还能执行脚本 */
 export const DANGEROUS_FILE_EXTENSIONS = [
@@ -90,26 +90,26 @@ export const DANGEROUS_FILE_EXTENSIONS = [
   'ps1',
   'reg',
   'html',
-  'htm'
-]
+  'htm',
+];
 
 // ==================== 前端独有：UI 阈值 ====================
 
 /** 消息之间渲染「时间分隔条」的阈值：10 分钟 */
-export const MESSAGE_TIME_TIP_GAP_MS = 10 * 60 * 1000
+export const MESSAGE_TIME_TIP_GAP_MS = 10 * 60 * 1000;
 
 /**
  * 撤回菜单可见的时间窗：自己发送的消息超过这个时长就不能再撤回，菜单回退为「删除」
  *
  * 比后端 MESSAGE_RECALL_TIMEOUT_MINUTES（5 分钟）严格，对齐微信 PC 的 2 分钟
  */
-export const MESSAGE_RECALL_WINDOW_MS = 2 * 60 * 1000
+export const MESSAGE_RECALL_WINDOW_MS = 2 * 60 * 1000;
 
 /** 合并转发消息（MERGE 类型）气泡内预览的最大行数（对齐微信「聊天记录」气泡） */
-export const MESSAGE_MERGE_PREVIEW_LINES = 3
+export const MESSAGE_MERGE_PREVIEW_LINES = 3;
 
 /** 最近转发会话 key 列表的最大保留数量（对齐微信 PC 横向头像区可见容量） */
-export const CONVERSATION_RECENT_FORWARD_MAX = 12
+export const CONVERSATION_RECENT_FORWARD_MAX = 12;
 
 // ==================== 前端独有：RTC 通话兜底 ====================
 
@@ -117,17 +117,17 @@ export const CONVERSATION_RECENT_FORWARD_MAX = 12
  * 振铃超时兜底；通话存活期间 timer 调用 noAnswerCallCheck 接口的间隔；
  * 实际超时阈值由后端 yudao.im.rtc.invite-timeout-minutes 决定，前端仅决定触发频率
  */
-export const RTC_NO_ANSWER_CALL_CHECK_INTERVAL_MS = 60 * 1000
+export const RTC_NO_ANSWER_CALL_CHECK_INTERVAL_MS = 60 * 1000;
 
 // ==================== 前端独有：WebSocket 自动重连 ====================
 // 指数退避：base * 2^attempt，上限封顶；每次再叠加 0~jitter ms 随机偏移
 // 避免服务端重启时全量客户端在同一秒打过来形成「惊群」；不设次数上限，持续重连直到链路恢复
 
 /** 首次重连等待，单位 ms */
-export const WS_RECONNECT_BASE_MS = 1000
+export const WS_RECONNECT_BASE_MS = 1000;
 
 /** 退避上限，单位 ms；连续失败 5 次后稳定在 30s 不再增长 */
-export const WS_RECONNECT_MAX_MS = 30 * 1000
+export const WS_RECONNECT_MAX_MS = 30 * 1000;
 
 /** 退避叠加的随机抖动上限，单位 ms */
-export const WS_RECONNECT_JITTER_MS = 1000
+export const WS_RECONNECT_JITTER_MS = 1000;
diff --git a/apps/web-antd/src/views/im/utils/constants.ts b/apps/web-antd/src/views/im/utils/constants.ts
index 895571eba..e6d1d40f7 100644
--- a/apps/web-antd/src/views/im/utils/constants.ts
+++ b/apps/web-antd/src/views/im/utils/constants.ts
@@ -58,8 +58,8 @@ export const ImContentType = {
   GROUP_MEMBER_SETTING_UPDATE: 1530, // 群成员个人设置变更：silent / groupRemark 个人多端同步
   GROUP_MESSAGE_PIN: 1531, // 群消息置顶（自有扩展，OpenIM 无）
   GROUP_MESSAGE_UNPIN: 1532, // 群消息取消置顶（自有扩展，OpenIM 无）
-  GROUP_BANNED: 1533 // 群封禁变更（自有扩展，OpenIM 无）
-} as const
+  GROUP_BANNED: 1533, // 群封禁变更（自有扩展，OpenIM 无）
+} as const;
 
 /** 判断是否「群广播事件」：[GROUP_CREATE, GROUP_BANNED] 段位都算，仅 GROUP_MEMBER_SETTING_UPDATE 是个人信号排除 */
 export function isGroupNotification(type: number): boolean {
@@ -67,12 +67,15 @@ export function isGroupNotification(type: number): boolean {
     type >= ImContentType.GROUP_CREATE &&
     type <= ImContentType.GROUP_BANNED &&
     type !== ImContentType.GROUP_MEMBER_SETTING_UPDATE
-  )
+  );
 }
 
 /** 判断是否「好友通知事件」：1201-1210 段位 */
 export function isFriendNotification(type: number): boolean {
-  return type >= ImContentType.FRIEND_REQUEST_APPROVED && type <= ImContentType.FRIEND_UPDATE
+  return (
+    type >= ImContentType.FRIEND_REQUEST_APPROVED &&
+    type <= ImContentType.FRIEND_UPDATE
+  );
 }
 
 /** 判断是否「加群申请通知事件」：1503/1505/1506 */
@@ -81,17 +84,21 @@ export function isGroupRequestNotification(type: number): boolean {
     type === ImContentType.GROUP_REQUEST_RECEIVED ||
     type === ImContentType.GROUP_REQUEST_APPROVED ||
     type === ImContentType.GROUP_REQUEST_REJECTED
-  )
+  );
 }
 
 /** 判断是否「会话内的好友事件气泡」：FRIEND_ADD / FRIEND_DELETE 直接渲染成灰色提示，与群事件同处理 */
 export function isFriendChatTip(type: number): boolean {
-  return type === ImContentType.FRIEND_ADD || type === ImContentType.FRIEND_DELETE
+  return (
+    type === ImContentType.FRIEND_ADD || type === ImContentType.FRIEND_DELETE
+  );
 }
 
 /** 判断是否「会话内的通话事件气泡」：RTC_CALL_START / RTC_CALL_END 渲染成灰色提示 */
 export function isRtcCallTip(type: number): boolean {
-  return type === ImContentType.RTC_CALL_START || type === ImContentType.RTC_CALL_END
+  return (
+    type === ImContentType.RTC_CALL_START || type === ImContentType.RTC_CALL_END
+  );
 }
 
 /**
@@ -114,12 +121,12 @@ const ImContentTypeNormals = new Set<number>([
   ImContentType.MERGE,
   ImContentType.TEXT,
   ImContentType.VIDEO,
-  ImContentType.VOICE
-])
+  ImContentType.VOICE,
+]);
 
 /** 判断是否"普通消息" */
 export function isNormalMessage(type: number): boolean {
-  return ImContentTypeNormals.has(type)
+  return ImContentTypeNormals.has(type);
 }
 
 /** IM 媒体内容类型集合：发送依赖本地 File 上传，刷新后 _localFile 丢失即不可恢复 */
@@ -127,12 +134,12 @@ const ImContentTypeMedia = new Set<number>([
   ImContentType.FILE,
   ImContentType.IMAGE,
   ImContentType.VIDEO,
-  ImContentType.VOICE
-])
+  ImContentType.VOICE,
+]);
 
 /** 判断是否「媒体消息」：图片 / 文件 / 语音 / 视频 */
 export function isMediaMessageType(type: number): boolean {
-  return ImContentTypeMedia.has(type)
+  return ImContentTypeMedia.has(type);
 }
 
 /**
@@ -144,47 +151,48 @@ export const ImMessageStatus = {
   FAILED: -2, // 发送失败（前端独有）
   SENDING: -1, // 发送中（前端独有）
   NORMAL: 0, // 正常
-  RECALL: 2 // 已撤回
-} as const
+  RECALL: 2, // 已撤回
+} as const;
 
 /** IM 会话类型枚举 */
 export const ImConversationType = {
   NONE: 0, // 无会话
   PRIVATE: 1, // 私聊
   GROUP: 2, // 群聊
-  CHANNEL: 3 // 频道 / 公众号
-} as const
+  CHANNEL: 3, // 频道 / 公众号
+} as const;
 
 /** ImConversationType 取值（用于消息 payload 字段类型收窄） */
-export type ImConversationTypeValue = (typeof ImConversationType)[keyof typeof ImConversationType]
+export type ImConversationTypeValue =
+  (typeof ImConversationType)[keyof typeof ImConversationType];
 
 /** 是否私聊会话；同时收窄类型 */
 export function isPrivateConversation(type: number | undefined): boolean {
-  return type === ImConversationType.PRIVATE
+  return type === ImConversationType.PRIVATE;
 }
 
 /** 是否群聊会话；同时收窄类型 */
 export function isGroupConversation(type: number | undefined): boolean {
-  return type === ImConversationType.GROUP
+  return type === ImConversationType.GROUP;
 }
 
 /** 是否频道会话；同时收窄类型 */
 export function isChannelConversation(type: number | undefined): boolean {
-  return type === ImConversationType.CHANNEL
+  return type === ImConversationType.CHANNEL;
 }
 
 /** IM 通话媒体类型（对齐后端 ImRtcCallMediaTypeEnum） */
 export const ImRtcCallMediaType = {
   VOICE: 1,
-  VIDEO: 2
-} as const
+  VIDEO: 2,
+} as const;
 
 /** IM 通话状态（对齐后端 ImRtcCallStatusEnum） */
 export const ImRtcCallStatus = {
   CREATED: 10, // 创建：私聊等被叫接听；群聊发起人已进房等其他人加入
   RUNNING: 20, // 进行中：第一个非发起人接通后进入
-  ENDED: 30 // 已结束
-} as const
+  ENDED: 30, // 已结束
+} as const;
 
 /** IM 通话结束原因（对齐后端 ImRtcCallEndReasonEnum） */
 export const ImRtcCallEndReason = {
@@ -193,11 +201,12 @@ export const ImRtcCallEndReason = {
   CANCEL: 3, // 主叫接通前主动取消
   NO_ANSWER: 4, // 振铃超时未接通
   BUSY: 5, // 私聊呼叫时对方正忙
-  ERROR: 9 // 网络中断 / 设备失败
-} as const
+  ERROR: 9, // 网络中断 / 设备失败
+} as const;
 
 /** ImRtcCallEndReason 取值类型 */
-export type ImRtcCallEndReasonValue = (typeof ImRtcCallEndReason)[keyof typeof ImRtcCallEndReason]
+export type ImRtcCallEndReasonValue =
+  (typeof ImRtcCallEndReason)[keyof typeof ImRtcCallEndReason];
 
 /** IM 通话参与者状态（对齐后端 ImRtcParticipantStatusEnum）；同时作为 RTC_CALL 信令 status 字段取值 */
 export const ImRtcParticipantStatus = {
@@ -205,12 +214,12 @@ export const ImRtcParticipantStatus = {
   JOINED: 20, // 接听 / 已加入
   REJECTED: 30, // 拒接
   NO_ANSWER: 40, // 主叫取消，被邀请方未应答
-  LEFT: 50 // 挂断离开
-} as const
+  LEFT: 50, // 挂断离开
+} as const;
 
 /** ImRtcParticipantStatus 取值类型 */
 export type ImRtcParticipantStatusValue =
-  (typeof ImRtcParticipantStatus)[keyof typeof ImRtcParticipantStatus]
+  (typeof ImRtcParticipantStatus)[keyof typeof ImRtcParticipantStatus];
 
 /**
  * IM 通话 UI 阶段；前端独有，用于驱动 inviting / incoming / running 三种弹窗切换；
@@ -220,60 +229,61 @@ export const ImRtcCallStage = {
   IDLE: 'idle', // 空闲；后端无对应（本端无活跃通话）
   INVITING: 'inviting', // 主叫等待对方接受；对应后端 ImRtcCallStatus.CREATED（自己是主叫）
   INCOMING: 'incoming', // 被叫来电响铃；对应后端 ImRtcCallStatus.CREATED（自己是被叫）
-  RUNNING: 'running' // 通话中；对应后端 ImRtcCallStatus.RUNNING
-} as const
+  RUNNING: 'running', // 通话中；对应后端 ImRtcCallStatus.RUNNING
+} as const;
 
 /** ImRtcCallStage 取值类型 */
-export type ImRtcCallStageValue = (typeof ImRtcCallStage)[keyof typeof ImRtcCallStage]
+export type ImRtcCallStageValue =
+  (typeof ImRtcCallStage)[keyof typeof ImRtcCallStage];
 
 /** IM WebSocket 外层帧类型 */
 export const ImWebSocketMessageType = {
-  NOTIFICATION: 'im-notification' // IM 通知
-} as const
+  NOTIFICATION: 'im-notification', // IM 通知
+} as const;
 
 /** IM 消息回执状态枚举（对齐后端 ImMessageReceiptStatusEnum） */
 export const ImMessageReceiptStatus = {
   NO_RECEIPT: 0, // 不需要回执
   PENDING: 1, // 待完成
-  DONE: 2 // 已完成
-} as const
+  DONE: 2, // 已完成
+} as const;
 
 /** 群成员角色（对齐后端 ImGroupMemberRoleEnum） */
 export const ImGroupMemberRole = {
   OWNER: 1, // 群主
   ADMIN: 2, // 管理员
-  NORMAL: 3 // 普通成员
-} as const
+  NORMAL: 3, // 普通成员
+} as const;
 
 /** 加群来源（对齐后端 ImGroupAddSourceEnum） */
 export const ImGroupAddSource = {
   SEARCH: 1, // 搜索
   INVITE: 2, // 邀请
   QR_CODE: 3, // 扫码
-  SHARE_LINK: 4 // 分享链接
-} as const
+  SHARE_LINK: 4, // 分享链接
+} as const;
 
 /** 加群申请处理结果（对齐后端 ImGroupRequestHandleResultEnum） */
 export const ImGroupRequestHandleResult = {
   UNHANDLED: 0, // 未处理
   AGREED: 1, // 同意
-  REFUSED: 2 // 拒绝
-} as const
+  REFUSED: 2, // 拒绝
+} as const;
 
 /** 好友添加来源（对齐后端 ImFriendAddSourceEnum） */
 export const ImFriendAddSource = {
   SEARCH: 1, // 搜索
   GROUP: 2, // 群聊
   QR_CODE: 3, // 扫码
-  CARD: 4 // 名片
-} as const
+  CARD: 4, // 名片
+} as const;
 
 /** 好友申请处理结果（对齐后端 ImFriendRequestHandleResultEnum） */
 export const ImFriendRequestHandleResult = {
   UNHANDLED: 0, // 未处理
   AGREED: 1, // 同意
-  REFUSED: 2 // 拒绝
-} as const
+  REFUSED: 2, // 拒绝
+} as const;
 
 /**
  * @全体成员 的特殊 userId 标识：atUserIds 中包含 -1 表示 @ 全体成员
@@ -281,16 +291,17 @@ export const ImFriendRequestHandleResult = {
  * 与后端约定：群消息 atUserIds 数组里出现 -1 时，所有成员都收到提醒
  * MentionPicker 渲染虚拟项 + conversationStore.applyAt 判定 atAll 都靠这个值
  */
-export const IM_AT_ALL_USER_ID = -1
+export const IM_AT_ALL_USER_ID = -1;
 
 /** @全体成员 的展示名（对齐微信 PC） */
-export const IM_AT_ALL_NICKNAME = '所有人'
+export const IM_AT_ALL_NICKNAME = '所有人';
 
 /** 转发模式：SINGLE 逐条原样转 / MERGE 打包成 MergeMessage */
 export const ImForwardMode = {
   SINGLE: 'single',
-  MERGE: 'merge'
-} as const
+  MERGE: 'merge',
+} as const;
 
 /** ImForwardMode 取值类型 */
-export type ImForwardModeValue = (typeof ImForwardMode)[keyof typeof ImForwardMode]
+export type ImForwardModeValue =
+  (typeof ImForwardMode)[keyof typeof ImForwardMode];
diff --git a/apps/web-antd/src/views/im/utils/conversation.ts b/apps/web-antd/src/views/im/utils/conversation.ts
index f84670536..ce4a9cfa6 100644
--- a/apps/web-antd/src/views/im/utils/conversation.ts
+++ b/apps/web-antd/src/views/im/utils/conversation.ts
@@ -6,48 +6,63 @@
 // 2. fallbackName 由调用方传入（典型来源：Conversation.lastSenderDisplayName 快照），透传到 getSenderDisplayName 内部，算不出真名时兜底
 // ====================================================================
 
-import type { Message } from '../home/types'
+import type { Message } from '../home/types';
+import type {
+  CardMessage,
+  FaceMessage,
+  FileMessage,
+  MaterialMessage,
+  TextMessage,
+  TipSegment,
+} from './message';
 
-import { ImContentType, ImConversationType, isFriendChatTip, isGroupNotification, isRtcCallTip } from './constants'
 import {
-  type CardMessage,
-  type FaceMessage,
-  type FileMessage,
+  ImContentType,
+  ImConversationType,
+  isFriendChatTip,
+  isGroupNotification,
+  isRtcCallTip,
+} from './constants';
+import {
   getCardLabelInfo,
-  type MaterialMessage,
   parseMessage,
+  resolveFriendNotificationText,
+  resolveGroupNotificationText,
+  resolveRtcCallLastContent,
   segmentsToText,
-  type TextMessage,
   tipMention,
-  type TipSegment,
-  tipText
-} from './message'
-import { resolveFriendNotificationText, resolveGroupNotificationText, resolveRtcCallLastContent } from './message'
-import { getSenderDisplayName } from './user'
+  tipText,
+} from './message';
+import { getSenderDisplayName } from './user';
 
 /** 会话主键：`type-targetId` 拼成稳定字符串，给 v-for :key、active 比对、map key 等场景共用 */
-export function getConversationKey(conversation: { targetId: number; type: number; }): string {
-  return `${conversation.type}-${conversation.targetId}`
+export function getConversationKey(conversation: {
+  targetId: number;
+  type: number;
+}): string {
+  return `${conversation.type}-${conversation.targetId}`;
 }
 
 /** 按昵称模糊过滤会话列表：空 keyword 原样返回，命中走 toLowerCase 不区分大小写 */
 export function filterConversationsByKeyword<T extends { name?: string }>(
   list: T[],
-  keyword: string
+  keyword: string,
 ): T[] {
-  const trimmed = keyword.trim().toLowerCase()
+  const trimmed = keyword.trim().toLowerCase();
   if (!trimmed) {
-    return list
+    return list;
   }
-  return list.filter((c) => (c.name || '').toLowerCase().includes(trimmed))
+  return list.filter((c) => (c.name || '').toLowerCase().includes(trimmed));
 }
 
 /**
  * 表情消息的统一文本预览：摘要 / 历史搜索 / 引用块 / 管理后台预览共用一份
  * 有 name 时走 `[表情] name`（系统包），无 name 时走 `[表情]`（个人表情通常无 name）
  */
-export function buildFacePreviewText(facePayload: null | undefined | { name?: string }): string {
-  return facePayload?.name ? `[表情] ${facePayload.name}` : '[表情]'
+export function buildFacePreviewText(
+  facePayload: null | undefined | { name?: string },
+): string {
+  return facePayload?.name ? `[表情] ${facePayload.name}` : '[表情]';
 }
 
 /**
@@ -60,24 +75,24 @@ export function buildRecallTipSegments(
   selfSend: boolean,
   conversationType: number,
   conversationTargetId: number,
-  fallbackName?: string
+  fallbackName?: string,
 ): TipSegment[] {
   if (selfSend) {
-    return [tipText('你撤回了一条消息')]
+    return [tipText('你撤回了一条消息')];
   }
   const senderDisplayName = getSenderDisplayName(
     senderId,
     conversationType,
     conversationTargetId,
-    fallbackName
-  )
+    fallbackName,
+  );
   if (!senderId) {
-    return [tipText(`${senderDisplayName || '对方'} 撤回了一条消息`)]
+    return [tipText(`${senderDisplayName || '对方'} 撤回了一条消息`)];
   }
   return [
     tipMention(senderId, senderDisplayName || '对方'),
-    tipText(' 撤回了一条消息')
-  ]
+    tipText(' 撤回了一条消息'),
+  ];
 }
 
 /** 撤回提示文案：自己撤回固定文案，对方撤回带 sender 名（实时算 + fallbackName 兜底） */
@@ -86,11 +101,17 @@ export function buildRecallTip(
   selfSend: boolean,
   conversationType: number,
   conversationTargetId: number,
-  fallbackName?: string
+  fallbackName?: string,
 ): string {
   return segmentsToText(
-    buildRecallTipSegments(senderId, selfSend, conversationType, conversationTargetId, fallbackName)
-  )
+    buildRecallTipSegments(
+      senderId,
+      selfSend,
+      conversationType,
+      conversationTargetId,
+      fallbackName,
+    ),
+  );
 }
 
 /**
@@ -101,47 +122,47 @@ export function buildRecallTip(
  */
 export function summarizeMessageContent(
   message: Pick<Message, 'content' | 'type'>,
-  opts?: { withFileName?: boolean }
+  opts?: { withFileName?: boolean },
 ): string {
   switch (message.type) {
     case ImContentType.CARD: {
-      return `[${getCardLabelInfo(parseMessage<CardMessage>(message.content)).label}]`
+      return `[${getCardLabelInfo(parseMessage<CardMessage>(message.content)).label}]`;
     }
     case ImContentType.FACE: {
-      return buildFacePreviewText(parseMessage<FaceMessage>(message.content))
+      return buildFacePreviewText(parseMessage<FaceMessage>(message.content));
     }
     case ImContentType.FILE: {
       if (opts?.withFileName) {
-        const file = parseMessage<FileMessage>(message.content)
-        return file?.name ? `[文件] ${file.name}` : '[文件]'
+        const file = parseMessage<FileMessage>(message.content);
+        return file?.name ? `[文件] ${file.name}` : '[文件]';
       }
-      return '[文件]'
+      return '[文件]';
     }
     case ImContentType.IMAGE: {
-      return '[图片]'
+      return '[图片]';
     }
     case ImContentType.MATERIAL: {
-      const material = parseMessage<MaterialMessage>(message.content)
-      return material?.title ? `[频道] ${material.title}` : '[频道]'
+      const material = parseMessage<MaterialMessage>(message.content);
+      return material?.title ? `[频道] ${material.title}` : '[频道]';
     }
     case ImContentType.MERGE: {
-      return '[聊天记录]'
+      return '[聊天记录]';
     }
     case ImContentType.RTC_CALL_END:
     case ImContentType.RTC_CALL_START: {
-      return '[语音通话]'
+      return '[语音通话]';
     }
     case ImContentType.TEXT: {
-      return parseMessage<TextMessage>(message.content)?.content ?? ''
+      return parseMessage<TextMessage>(message.content)?.content ?? '';
     }
     case ImContentType.VIDEO: {
-      return '[视频]'
+      return '[视频]';
     }
     case ImContentType.VOICE: {
-      return '[语音]'
+      return '[语音]';
     }
     default: {
-      return ''
+      return '';
     }
   }
 }
@@ -151,7 +172,7 @@ export function resolveConversationLastContent(
   message: Message,
   conversationType: number,
   conversationTargetId: number,
-  fallbackName?: string
+  fallbackName?: string,
 ): string {
   if (message.type === ImContentType.RECALL) {
     return buildRecallTip(
@@ -159,19 +180,19 @@ export function resolveConversationLastContent(
       message.selfSend,
       conversationType,
       conversationTargetId,
-      fallbackName
-    )
+      fallbackName,
+    );
   }
   if (isFriendChatTip(message.type)) {
-    return resolveFriendNotificationText(message)
+    return resolveFriendNotificationText(message);
   }
   if (isGroupNotification(message.type)) {
     return resolveGroupNotificationText(message, (id) =>
-      getSenderDisplayName(id, ImConversationType.GROUP, message.targetId ?? 0)
-    )
+      getSenderDisplayName(id, ImConversationType.GROUP, message.targetId ?? 0),
+    );
   }
   if (isRtcCallTip(message.type)) {
-    return resolveRtcCallLastContent(message, conversationType)
+    return resolveRtcCallLastContent(message, conversationType);
   }
-  return summarizeMessageContent(message)
+  return summarizeMessageContent(message);
 }
diff --git a/apps/web-antd/src/views/im/utils/db.ts b/apps/web-antd/src/views/im/utils/db.ts
index aabf4e995..036ec942a 100644
--- a/apps/web-antd/src/views/im/utils/db.ts
+++ b/apps/web-antd/src/views/im/utils/db.ts
@@ -1,12 +1,12 @@
-import type { MessageDO, SettingDO } from '../home/types'
+import type { MessageDO, SettingDO } from '../home/types';
 
-import { toRaw } from 'vue'
+import { toRaw } from 'vue';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
-import { ImConversationType } from './constants'
+import { ImConversationType } from './constants';
 
-export const DB_SCHEMA_VERSION = 2
+export const DB_SCHEMA_VERSION = 2;
 
 export type DbStoreName =
   | 'channels'
@@ -18,9 +18,9 @@ export type DbStoreName =
   | 'groupRequests'
   | 'groups'
   | 'messages'
-  | 'settings'
+  | 'settings';
 
-export type DbTransaction = IDBTransaction
+export type DbTransaction = IDBTransaction;
 
 /** IM 本地存储 key */
 export const StorageKeys = {
@@ -28,7 +28,7 @@ export const StorageKeys = {
     /** 侧边栏宽度，三个 Tab 共用一份记忆 */
     asideWidth: 'im:aside',
     /** 会话列表置顶折叠展开态 */
-    conversationPinnedExpanded: 'im:conversation:pinnedExpanded'
+    conversationPinnedExpanded: 'im:conversation:pinnedExpanded',
   },
   settings: {
     /** 私聊消息拉取游标 */
@@ -48,44 +48,44 @@ export const StorageKeys = {
     /** 加群申请增量拉取游标 */
     groupRequestPullCursor: 'groupRequestPullCursor',
     /** 会话读位置增量拉取游标 */
-    conversationReadPullCursor: 'conversationReadPullCursor'
-  }
-} as const
+    conversationReadPullCursor: 'conversationReadPullCursor',
+  },
+} as const;
 
-let currentDb: IDBDatabase | null = null
-let currentUserId: null | number = null
-let currentSession = 0
+let currentDb: IDBDatabase | null = null;
+let currentUserId: null | number = null;
+let currentSession = 0;
 
 /** 校验当前 IM IndexedDB session 仍有效 */
 export function isCurrentDbSession(session: number): boolean {
-  return session === currentSession
+  return session === currentSession;
 }
 
 /** 获取当前 IM IndexedDB session */
 export function getDbSession(): number {
-  return currentSession
+  return currentSession;
 }
 
 /** 拼接当前用户 IM DB 名称 */
 function getDbName(userId: number): string {
-  return `im:${userId}`
+  return `im:${userId}`;
 }
 
 /** 包装 IndexedDB request */
 function requestToPromise<T = unknown>(request: IDBRequest<T>): Promise<T> {
   return new Promise((resolve, reject) => {
-    request.addEventListener('success', () => resolve(request.result))
-    request.addEventListener('error', () => reject(request.error))
-  })
+    request.addEventListener('success', () => resolve(request.result));
+    request.addEventListener('error', () => reject(request.error));
+  });
 }
 
 /** 等待事务完成 */
 function transactionDone(transaction: DbTransaction): Promise<void> {
   return new Promise((resolve, reject) => {
-    transaction.addEventListener('complete', () => resolve())
-    transaction.addEventListener('error', () => reject(transaction.error))
-    transaction.addEventListener('abort', () => reject(transaction.error))
-  })
+    transaction.addEventListener('complete', () => resolve());
+    transaction.addEventListener('error', () => reject(transaction.error));
+    transaction.addEventListener('abort', () => reject(transaction.error));
+  });
 }
 
 /** 创建索引 */
@@ -93,155 +93,182 @@ function createIndex(
   store: IDBObjectStore,
   name: string,
   keyPath: string | string[],
-  options?: IDBIndexParameters
+  options?: IDBIndexParameters,
 ) {
   if (!store.indexNames.contains(name)) {
-    store.createIndex(name, keyPath, options)
+    store.createIndex(name, keyPath, options);
   }
 }
 
 /** 初始化 schema */
 function upgradeSchema(db: IDBDatabase) {
   if (!db.objectStoreNames.contains('conversations')) {
-    const store = db.createObjectStore('conversations', { keyPath: 'clientConversationId' })
-    createIndex(store, 'lastSendTime', 'lastSendTime')
+    const store = db.createObjectStore('conversations', {
+      keyPath: 'clientConversationId',
+    });
+    createIndex(store, 'lastSendTime', 'lastSendTime');
   }
   if (!db.objectStoreNames.contains('conversationReads')) {
-    const store = db.createObjectStore('conversationReads', { keyPath: 'clientConversationId' })
-    createIndex(store, 'conversationType+targetId', ['conversationType', 'targetId'], {
-      unique: true
-    })
+    const store = db.createObjectStore('conversationReads', {
+      keyPath: 'clientConversationId',
+    });
+    createIndex(
+      store,
+      'conversationType+targetId',
+      ['conversationType', 'targetId'],
+      {
+        unique: true,
+      },
+    );
   }
   if (!db.objectStoreNames.contains('messages')) {
-    const store = db.createObjectStore('messages', { keyPath: 'messageKey' })
-    createIndex(store, 'clientConversationId', 'clientConversationId')
-    createIndex(store, 'clientConversationId+sendTime', ['clientConversationId', 'sendTime'])
-    createIndex(store, 'clientMessageId', 'clientMessageId', { unique: true })
+    const store = db.createObjectStore('messages', { keyPath: 'messageKey' });
+    createIndex(store, 'clientConversationId', 'clientConversationId');
+    createIndex(store, 'clientConversationId+sendTime', [
+      'clientConversationId',
+      'sendTime',
+    ]);
+    createIndex(store, 'clientMessageId', 'clientMessageId', { unique: true });
   }
   if (!db.objectStoreNames.contains('friends')) {
-    const store = db.createObjectStore('friends', { keyPath: 'id' })
-    createIndex(store, 'friendUserId', 'friendUserId', { unique: true })
-    createIndex(store, 'status', 'status')
+    const store = db.createObjectStore('friends', { keyPath: 'id' });
+    createIndex(store, 'friendUserId', 'friendUserId', { unique: true });
+    createIndex(store, 'status', 'status');
   }
   if (!db.objectStoreNames.contains('friendRequests')) {
-    const store = db.createObjectStore('friendRequests', { keyPath: 'id' })
-    createIndex(store, 'status', 'status')
-    createIndex(store, 'createTime', 'createTime')
+    const store = db.createObjectStore('friendRequests', { keyPath: 'id' });
+    createIndex(store, 'status', 'status');
+    createIndex(store, 'createTime', 'createTime');
   }
   if (!db.objectStoreNames.contains('groups')) {
-    const store = db.createObjectStore('groups', { keyPath: 'id' })
-    createIndex(store, 'name', 'name')
-    createIndex(store, 'status', 'status')
+    const store = db.createObjectStore('groups', { keyPath: 'id' });
+    createIndex(store, 'name', 'name');
+    createIndex(store, 'status', 'status');
   }
   if (!db.objectStoreNames.contains('groupMembers')) {
-    const store = db.createObjectStore('groupMembers', { keyPath: 'id' })
-    createIndex(store, 'groupId', 'groupId')
-    createIndex(store, 'groupId+userId', ['groupId', 'userId'], { unique: true })
+    const store = db.createObjectStore('groupMembers', { keyPath: 'id' });
+    createIndex(store, 'groupId', 'groupId');
+    createIndex(store, 'groupId+userId', ['groupId', 'userId'], {
+      unique: true,
+    });
   }
   if (!db.objectStoreNames.contains('groupRequests')) {
-    const store = db.createObjectStore('groupRequests', { keyPath: 'id' })
-    createIndex(store, 'status', 'status')
-    createIndex(store, 'createTime', 'createTime')
+    const store = db.createObjectStore('groupRequests', { keyPath: 'id' });
+    createIndex(store, 'status', 'status');
+    createIndex(store, 'createTime', 'createTime');
   }
   if (!db.objectStoreNames.contains('channels')) {
-    const store = db.createObjectStore('channels', { keyPath: 'id' })
-    createIndex(store, 'status', 'status')
-    createIndex(store, 'sort', 'sort')
+    const store = db.createObjectStore('channels', { keyPath: 'id' });
+    createIndex(store, 'status', 'status');
+    createIndex(store, 'sort', 'sort');
   }
   if (!db.objectStoreNames.contains('settings')) {
-    db.createObjectStore('settings', { keyPath: 'key' })
+    db.createObjectStore('settings', { keyPath: 'key' });
   }
 }
 
 /** 打开 IM IndexedDB */
 function openDb(name: string): Promise<IDBDatabase> {
   return new Promise((resolve, reject) => {
-    const request = indexedDB.open(name, DB_SCHEMA_VERSION)
+    const request = indexedDB.open(name, DB_SCHEMA_VERSION);
     // 创建或升级对象仓库
-    request.addEventListener('upgradeneeded', () => upgradeSchema(request.result))
+    request.addEventListener('upgradeneeded', () =>
+      upgradeSchema(request.result),
+    );
     // 返回可复用连接
-    request.addEventListener('success', () => resolve(request.result))
-    request.addEventListener('error', () => reject(request.error))
-  })
+    request.addEventListener('success', () => resolve(request.result));
+    request.addEventListener('error', () => reject(request.error));
+  });
 }
 
 /** 初始化当前用户 IM DB */
 export async function initDb(): Promise<void> {
-  const userId = getCurrentUserId()
+  const userId = getCurrentUserId();
   if (!Number.isFinite(userId) || userId <= 0) {
-    throw new Error('当前用户不存在，无法初始化 IM DB')
+    throw new Error('当前用户不存在，无法初始化 IM DB');
   }
   if (currentDb && currentUserId === userId) {
-    return
+    return;
   }
-  currentDb?.close()
-  currentSession++
-  currentUserId = userId
-  currentDb = await openDb(getDbName(userId))
+  currentDb?.close();
+  currentSession++;
+  currentUserId = userId;
+  currentDb = await openDb(getDbName(userId));
 }
 
 /** 关闭当前 IM DB 连接 */
 function closeDbConnection() {
-  currentDb?.close()
-  currentDb = null
-  currentUserId = null
+  currentDb?.close();
+  currentDb = null;
+  currentUserId = null;
 }
 
 /** 获取当前 IM DB */
 function getRawDb(): IDBDatabase {
   if (!currentDb) {
-    throw new Error('IM DB 未初始化')
+    throw new Error('IM DB 未初始化');
   }
-  return currentDb
+  return currentDb;
 }
 
 /** 校验单次写入 session */
 function guardSession(session: number) {
   if (!isCurrentDbSession(session)) {
-    throw new Error('IM DB session 已失效')
+    throw new Error('IM DB session 已失效');
   }
 }
 
 /** 克隆可入库对象 */
 function toDbValue<T>(value: T): T {
-  return cloneDbValue(value) as T
+  return cloneDbValue(value) as T;
 }
 
 /** 转换为 IndexedDB 可克隆对象 */
 function cloneDbValue(value: unknown): unknown {
-  const raw = toRaw(value)
+  const raw = toRaw(value);
   if (Array.isArray(raw)) {
-    return raw.map((item) => cloneDbValue(item))
+    return raw.map((item) => cloneDbValue(item));
   }
   if (!raw || typeof raw !== 'object') {
-    return raw
+    return raw;
   }
-  const prototype = Object.getPrototypeOf(raw)
+  const prototype = Object.getPrototypeOf(raw);
   if (prototype !== Object.prototype && prototype !== null) {
-    return raw
+    return raw;
   }
   return Object.fromEntries(
-    Object.entries(raw as Record<string, unknown>).map(([key, item]) => [key, cloneDbValue(item)])
-  )
+    Object.entries(raw as Record<string, unknown>).map(([key, item]) => [
+      key,
+      cloneDbValue(item),
+    ]),
+  );
 }
 
 class DbClient {
   /** 清空 store 记录 */
   async clearStore(storeName: DbStoreName, tx?: DbTransaction): Promise<void> {
     if (tx) {
-      await requestToPromise(tx.objectStore(storeName).clear())
-      return
+      await requestToPromise(tx.objectStore(storeName).clear());
+      return;
     }
-    await this.transaction([storeName], 'readwrite', (tx) => this.clearStore(storeName, tx))
+    await this.transaction([storeName], 'readwrite', (tx) =>
+      this.clearStore(storeName, tx),
+    );
   }
 
   /** 删除记录 */
-  async delete(storeName: DbStoreName, key: IDBValidKey, tx?: DbTransaction): Promise<void> {
+  async delete(
+    storeName: DbStoreName,
+    key: IDBValidKey,
+    tx?: DbTransaction,
+  ): Promise<void> {
     if (tx) {
-      await requestToPromise(tx.objectStore(storeName).delete(key))
-      return
+      await requestToPromise(tx.objectStore(storeName).delete(key));
+      return;
     }
-    await this.transaction([storeName], 'readwrite', (tx) => this.delete(storeName, key, tx))
+    await this.transaction([storeName], 'readwrite', (tx) =>
+      this.delete(storeName, key, tx),
+    );
   }
 
   /** 按索引删除记录 */
@@ -249,50 +276,54 @@ class DbClient {
     storeName: DbStoreName,
     indexName: string,
     query: IDBKeyRange | IDBValidKey,
-    tx?: DbTransaction
+    tx?: DbTransaction,
   ): Promise<void> {
     if (!tx) {
       await this.transaction([storeName], 'readwrite', (tx) =>
-        this.deleteByIndex(storeName, indexName, query, tx)
-      )
-      return
+        this.deleteByIndex(storeName, indexName, query, tx),
+      );
+      return;
     }
-    const index = tx.objectStore(storeName).index(indexName)
+    const index = tx.objectStore(storeName).index(indexName);
     await new Promise<void>((resolve, reject) => {
-      const request = index.openCursor(query)
-      request.addEventListener('error', () => reject(request.error))
+      const request = index.openCursor(query);
+      request.addEventListener('error', () => reject(request.error));
       request.addEventListener('success', () => {
-        const cursor = request.result
+        const cursor = request.result;
         if (!cursor) {
-          resolve()
-          return
+          resolve();
+          return;
         }
-        cursor.delete()
-        cursor.continue()
-      })
-    })
+        cursor.delete();
+        cursor.continue();
+      });
+    });
   }
 
   /** 获取单条记录 */
   async get<T>(
     storeName: DbStoreName,
     key: IDBValidKey,
-    tx?: DbTransaction
+    tx?: DbTransaction,
   ): Promise<T | undefined> {
     if (tx) {
-      return requestToPromise<T | undefined>(tx.objectStore(storeName).get(key))
+      return requestToPromise<T | undefined>(
+        tx.objectStore(storeName).get(key),
+      );
     }
     return this.transaction<T | undefined>([storeName], 'readonly', (tx) =>
-      this.get<T>(storeName, key, tx)
-    )
+      this.get<T>(storeName, key, tx),
+    );
   }
 
   /** 获取 store 全量记录 */
   async getAll<T>(storeName: DbStoreName, tx?: DbTransaction): Promise<T[]> {
     if (tx) {
-      return requestToPromise<T[]>(tx.objectStore(storeName).getAll())
+      return requestToPromise<T[]>(tx.objectStore(storeName).getAll());
     }
-    return this.transaction<T[]>([storeName], 'readonly', (tx) => this.getAll<T>(storeName, tx))
+    return this.transaction<T[]>([storeName], 'readonly', (tx) =>
+      this.getAll<T>(storeName, tx),
+    );
   }
 
   /** 按索引获取记录列表 */
@@ -300,14 +331,16 @@ class DbClient {
     storeName: DbStoreName,
     indexName: string,
     query?: IDBKeyRange | IDBValidKey,
-    tx?: DbTransaction
+    tx?: DbTransaction,
   ): Promise<T[]> {
     if (tx) {
-      return requestToPromise<T[]>(tx.objectStore(storeName).index(indexName).getAll(query))
+      return requestToPromise<T[]>(
+        tx.objectStore(storeName).index(indexName).getAll(query),
+      );
     }
     return this.transaction<T[]>([storeName], 'readonly', (tx) =>
-      this.getAllByIndex<T>(storeName, indexName, query, tx)
-    )
+      this.getAllByIndex<T>(storeName, indexName, query, tx),
+    );
   }
 
   /** 按唯一索引获取单条记录 */
@@ -315,200 +348,224 @@ class DbClient {
     storeName: DbStoreName,
     indexName: string,
     query: IDBKeyRange | IDBValidKey,
-    tx?: DbTransaction
+    tx?: DbTransaction,
   ): Promise<T | undefined> {
     if (tx) {
-      return requestToPromise<T | undefined>(tx.objectStore(storeName).index(indexName).get(query))
+      return requestToPromise<T | undefined>(
+        tx.objectStore(storeName).index(indexName).get(query),
+      );
     }
     return this.transaction<T | undefined>([storeName], 'readonly', (tx) =>
-      this.getByIndex<T>(storeName, indexName, query, tx)
-    )
+      this.getByIndex<T>(storeName, indexName, query, tx),
+    );
   }
 
   /** 按会话分页获取消息 */
   async getMessageListByConversation(
     clientConversationId: string,
     options?: { beforeSendTime?: number; limit?: number },
-    tx?: DbTransaction
+    tx?: DbTransaction,
   ): Promise<MessageDO[]> {
-    const limit = options?.limit ?? 50
-    const upper = options?.beforeSendTime ?? Number.MAX_SAFE_INTEGER
+    const limit = options?.limit ?? 50;
+    const upper = options?.beforeSendTime ?? Number.MAX_SAFE_INTEGER;
     const range = IDBKeyRange.bound(
       [clientConversationId, 0],
       [clientConversationId, upper],
       false,
-      true
-    )
+      true,
+    );
     const read = async (tx: DbTransaction): Promise<MessageDO[]> => {
-      const index = tx.objectStore('messages').index('clientConversationId+sendTime')
-      const out: MessageDO[] = []
+      const index = tx
+        .objectStore('messages')
+        .index('clientConversationId+sendTime');
+      const out: MessageDO[] = [];
       await new Promise<void>((resolve, reject) => {
         // 从新到旧读取一页
-        const request = index.openCursor(range, 'prev')
-        request.addEventListener('error', () => reject(request.error))
+        const request = index.openCursor(range, 'prev');
+        request.addEventListener('error', () => reject(request.error));
         request.addEventListener('success', () => {
-          const cursor = request.result
+          const cursor = request.result;
           if (!cursor || out.length >= limit) {
-            resolve()
-            return
+            resolve();
+            return;
           }
-          out.push(cursor.value as MessageDO)
-          cursor.continue()
-        })
-      })
+          out.push(cursor.value as MessageDO);
+          cursor.continue();
+        });
+      });
       // 气泡渲染需要按时间升序
-      return out.toReversed()
-    }
+      return out.toReversed();
+    };
     if (tx) {
-      return read(tx)
+      return read(tx);
     }
-    return this.transaction<MessageDO[]>(['messages'], 'readonly', read)
+    return this.transaction<MessageDO[]>(['messages'], 'readonly', read);
   }
 
   /** 读取设置 */
   async getSetting<T>(key: string, tx?: DbTransaction): Promise<T | undefined> {
-    const item = await this.get<SettingDO<T>>('settings', key, tx)
-    return item?.value
+    const item = await this.get<SettingDO<T>>('settings', key, tx);
+    return item?.value;
   }
 
   /** 写入记录 */
-  async put<T>(storeName: DbStoreName, value: T, tx?: DbTransaction): Promise<void> {
+  async put<T>(
+    storeName: DbStoreName,
+    value: T,
+    tx?: DbTransaction,
+  ): Promise<void> {
     if (tx) {
-      await requestToPromise(tx.objectStore(storeName).put(toDbValue(value)))
-      return
+      await requestToPromise(tx.objectStore(storeName).put(toDbValue(value)));
+      return;
     }
-    await this.transaction([storeName], 'readwrite', (tx) => this.put(storeName, value, tx))
+    await this.transaction([storeName], 'readwrite', (tx) =>
+      this.put(storeName, value, tx),
+    );
   }
 
   /** 写入设置 */
-  async setSetting<T>(key: string, value: T, tx?: DbTransaction): Promise<void> {
-    await this.put<SettingDO<T>>('settings', { key, value, updateTime: Date.now() }, tx)
+  async setSetting<T>(
+    key: string,
+    value: T,
+    tx?: DbTransaction,
+  ): Promise<void> {
+    await this.put<SettingDO<T>>(
+      'settings',
+      { key, value, updateTime: Date.now() },
+      tx,
+    );
   }
 
   /** 执行事务 */
   async transaction<T>(
     storeNames: DbStoreName[],
     mode: IDBTransactionMode,
-    runner: (tx: DbTransaction) => Promise<T>
+    runner: (tx: DbTransaction) => Promise<T>,
   ): Promise<T> {
     // 开启事务前校验 session
-    const session = getDbSession()
-    guardSession(session)
-    const tx = getRawDb().transaction(storeNames, mode)
-    const done = transactionDone(tx)
-    let result: T
+    const session = getDbSession();
+    guardSession(session);
+    const tx = getRawDb().transaction(storeNames, mode);
+    const done = transactionDone(tx);
+    let result: T;
     try {
       // 事务内只执行 IndexedDB request 链
-      result = await runner(tx)
+      result = await runner(tx);
     } catch (error) {
       try {
-        tx.abort()
+        tx.abort();
       } catch {}
-      await done.catch(() => undefined)
-      throw error
+      await done.catch(() => undefined);
+      throw error;
     }
     // commit 后再次校验 session
-    await done
-    guardSession(session)
-    return result
+    await done;
+    guardSession(session);
+    return result;
   }
 }
 
-const dbClient = new DbClient()
+const dbClient = new DbClient();
 
 /** 获取当前 IM DB client */
 export function getDb(): DbClient {
-  return dbClient
+  return dbClient;
 }
 
 /** 当前用户会话主键 */
-export function getClientConversationId(type: number, targetId: number): string {
-  return `${type}:${targetId}`
+export function getClientConversationId(
+  type: number,
+  targetId: number,
+): string {
+  return `${type}:${targetId}`;
 }
 
 /** 解析当前用户会话主键 */
 export function parseClientConversationId(
-  clientConversationId: string
-): null | { targetId: number; type: number; } {
-  const [typeText, targetIdText] = clientConversationId.split(':')
-  const type = Number(typeText)
-  const targetId = Number(targetIdText)
+  clientConversationId: string,
+): null | { targetId: number; type: number } {
+  const [typeText, targetIdText] = clientConversationId.split(':');
+  const type = Number(typeText);
+  const targetId = Number(targetIdText);
   if (!Number.isFinite(type) || !Number.isFinite(targetId) || targetId <= 0) {
-    return null
+    return null;
   }
-  return { type, targetId }
+  return { type, targetId };
 }
 
 /** 服务端消息主键 */
-export function getServerMessageKey(conversationType: number, id: number): string {
-  return `${conversationType}:${id}`
+export function getServerMessageKey(
+  conversationType: number,
+  id: number,
+): string {
+  return `${conversationType}:${id}`;
 }
 
 /** 客户端临时消息主键 */
 export function getClientMessageKey(clientMessageId: string): string {
-  return `client:${clientMessageId}`
+  return `client:${clientMessageId}`;
 }
 
 /** 解析本地消息主键 */
 export function parseMessageKey(
-  messageKey: string
+  messageKey: string,
 ):
   | null
-  | { clientMessageId: string; kind: 'client'; }
-  | { conversationType: number; id: number; kind: 'server'; } {
+  | { clientMessageId: string; kind: 'client' }
+  | { conversationType: number; id: number; kind: 'server' } {
   if (!messageKey) {
-    return null
+    return null;
   }
   if (messageKey.startsWith('client:')) {
-    const clientMessageId = messageKey.slice('client:'.length)
-    return clientMessageId ? { kind: 'client', clientMessageId } : null
+    const clientMessageId = messageKey.slice('client:'.length);
+    return clientMessageId ? { kind: 'client', clientMessageId } : null;
   }
-  const [conversationTypeText, idText] = messageKey.split(':')
-  const conversationType = Number(conversationTypeText)
-  const id = Number(idText)
+  const [conversationTypeText, idText] = messageKey.split(':');
+  const conversationType = Number(conversationTypeText);
+  const id = Number(idText);
   if (!Number.isFinite(conversationType) || !Number.isFinite(id) || id <= 0) {
-    return null
+    return null;
   }
-  return { kind: 'server', conversationType, id }
+  return { kind: 'server', conversationType, id };
 }
 
 /** 更新消息拉取游标 */
 export async function setMessageMaxId(
   conversationType: number,
   maxId: number | undefined,
-  tx?: DbTransaction
+  tx?: DbTransaction,
 ): Promise<void> {
   if (!maxId) {
-    return
+    return;
   }
-  let key: string
+  let key: string;
   switch (conversationType) {
     case ImConversationType.CHANNEL: {
-      key = StorageKeys.settings.channelMessageMaxId
-      break
+      key = StorageKeys.settings.channelMessageMaxId;
+      break;
     }
     case ImConversationType.GROUP: {
-      key = StorageKeys.settings.groupMessageMaxId
-      break
+      key = StorageKeys.settings.groupMessageMaxId;
+      break;
     }
     case ImConversationType.PRIVATE: {
-      key = StorageKeys.settings.privateMessageMaxId
-      break
+      key = StorageKeys.settings.privateMessageMaxId;
+      break;
     }
     default: {
-      throw new Error(`未知 IM 会话类型：${conversationType}`)
+      throw new Error(`未知 IM 会话类型：${conversationType}`);
     }
   }
-  const db = getDb()
-  const current = (await db.getSetting<number>(key, tx)) || 0
+  const db = getDb();
+  const current = (await db.getSetting<number>(key, tx)) || 0;
   if (maxId > current) {
-    await db.setSetting(key, maxId, tx)
+    await db.setSetting(key, maxId, tx);
   }
 }
 
 /** 停止当前 IM DB session */
 export async function stopRequests(): Promise<void> {
-  currentSession++
+  currentSession++;
   const [
     { useMessageStoreWithOut },
     { useConversationStoreWithOut },
@@ -517,7 +574,7 @@ export async function stopRequests(): Promise<void> {
     { useChannelStoreWithOut },
     { useGroupRequestStoreWithOut },
     { useFaceStoreWithOut },
-    { useRtcStore }
+    { useRtcStore },
   ] = await Promise.all([
     import('../home/store/messageStore'),
     import('../home/store/conversationStore'),
@@ -526,16 +583,16 @@ export async function stopRequests(): Promise<void> {
     import('../home/store/channelStore'),
     import('../home/store/groupRequestStore'),
     import('../home/store/faceStore'),
-    import('../home/store/rtcStore')
-  ])
-  useMessageStoreWithOut().clear()
-  useConversationStoreWithOut().clear()
-  useFriendStoreWithOut().clear()
-  useGroupStoreWithOut().clear()
-  useChannelStoreWithOut().clear()
-  useGroupRequestStoreWithOut().clear()
-  useFaceStoreWithOut().clear()
-  useRtcStore().reset()
-  useRtcStore().clearGroupCallCache()
-  closeDbConnection()
+    import('../home/store/rtcStore'),
+  ]);
+  useMessageStoreWithOut().clear();
+  useConversationStoreWithOut().clear();
+  useFriendStoreWithOut().clear();
+  useGroupStoreWithOut().clear();
+  useChannelStoreWithOut().clear();
+  useGroupRequestStoreWithOut().clear();
+  useFaceStoreWithOut().clear();
+  useRtcStore().reset();
+  useRtcStore().clearGroupCallCache();
+  closeDbConnection();
 }
diff --git a/apps/web-antd/src/views/im/utils/emoji.ts b/apps/web-antd/src/views/im/utils/emoji.ts
index 2a25315e8..d9813a7c2 100644
--- a/apps/web-antd/src/views/im/utils/emoji.ts
+++ b/apps/web-antd/src/views/im/utils/emoji.ts
@@ -5,17 +5,134 @@
  * Unicode emoji 选中后由调用方插入到输入框走 TEXT 通道，不走 FACE 内容类型
  */
 export const IM_EMOJI_LIST: string[] = [
-  '😀', '😁', '😂', '🤣', '😃', '😄', '😅', '😆', '😉', '😊',
-  '😋', '😎', '😍', '😘', '😗', '😙', '😚', '🙂', '🤗', '🤩',
-  '🤔', '🤨', '😐', '😑', '😶', '🙄', '😏', '😣', '😥', '😮',
-  '🤐', '😯', '😪', '😫', '😴', '😌', '😛', '😜', '😝', '🤤',
-  '😒', '😓', '😔', '😕', '🙃', '🤑', '😲', '☹️', '🙁', '😖',
-  '😞', '😟', '😤', '😢', '😭', '😦', '😧', '😨', '😩', '🤯',
-  '😬', '😰', '😱', '🥵', '🥶', '😳', '🤪', '😵', '😡', '😠',
-  '🤬', '😷', '🤒', '🤕', '🤢', '🤮', '🤧', '😇', '🤠', '🥳',
-  '👍', '👎', '👌', '✌️', '🤞', '🤟', '🤘', '🤙', '👈', '👉',
-  '👆', '👇', '✋', '🤚', '🖐', '🖖', '👋', '🤝', '🙏', '💪',
-  '❤️', '🧡', '💛', '💚', '💙', '💜', '🖤', '💔', '💕', '💖',
-  '🎉', '🎊', '🎁', '🎂', '🍰', '🌹', '🌷', '🌸', '🎵', '🎶',
-  '⭐', '🌟', '✨', '💫', '🔥', '💯', '✅', '❌', '⚠️', '❓'
-]
+  '😀',
+  '😁',
+  '😂',
+  '🤣',
+  '😃',
+  '😄',
+  '😅',
+  '😆',
+  '😉',
+  '😊',
+  '😋',
+  '😎',
+  '😍',
+  '😘',
+  '😗',
+  '😙',
+  '😚',
+  '🙂',
+  '🤗',
+  '🤩',
+  '🤔',
+  '🤨',
+  '😐',
+  '😑',
+  '😶',
+  '🙄',
+  '😏',
+  '😣',
+  '😥',
+  '😮',
+  '🤐',
+  '😯',
+  '😪',
+  '😫',
+  '😴',
+  '😌',
+  '😛',
+  '😜',
+  '😝',
+  '🤤',
+  '😒',
+  '😓',
+  '😔',
+  '😕',
+  '🙃',
+  '🤑',
+  '😲',
+  '☹️',
+  '🙁',
+  '😖',
+  '😞',
+  '😟',
+  '😤',
+  '😢',
+  '😭',
+  '😦',
+  '😧',
+  '😨',
+  '😩',
+  '🤯',
+  '😬',
+  '😰',
+  '😱',
+  '🥵',
+  '🥶',
+  '😳',
+  '🤪',
+  '😵',
+  '😡',
+  '😠',
+  '🤬',
+  '😷',
+  '🤒',
+  '🤕',
+  '🤢',
+  '🤮',
+  '🤧',
+  '😇',
+  '🤠',
+  '🥳',
+  '👍',
+  '👎',
+  '👌',
+  '✌️',
+  '🤞',
+  '🤟',
+  '🤘',
+  '🤙',
+  '👈',
+  '👉',
+  '👆',
+  '👇',
+  '✋',
+  '🤚',
+  '🖐',
+  '🖖',
+  '👋',
+  '🤝',
+  '🙏',
+  '💪',
+  '❤️',
+  '🧡',
+  '💛',
+  '💚',
+  '💙',
+  '💜',
+  '🖤',
+  '💔',
+  '💕',
+  '💖',
+  '🎉',
+  '🎊',
+  '🎁',
+  '🎂',
+  '🍰',
+  '🌹',
+  '🌷',
+  '🌸',
+  '🎵',
+  '🎶',
+  '⭐',
+  '🌟',
+  '✨',
+  '💫',
+  '🔥',
+  '💯',
+  '✅',
+  '❌',
+  '⚠️',
+  '❓',
+];
diff --git a/apps/web-antd/src/views/im/utils/group.ts b/apps/web-antd/src/views/im/utils/group.ts
index ddc53fa8e..4d1664ddb 100644
--- a/apps/web-antd/src/views/im/utils/group.ts
+++ b/apps/web-antd/src/views/im/utils/group.ts
@@ -1,52 +1,54 @@
-import type { FriendLite } from '../home/types'
+import type { FriendLite } from '../home/types';
 
-import { loadImage } from './image'
-import { getAvatarBgColor, getAvatarText } from './user'
+import { loadImage } from './image';
+import { getAvatarBgColor, getAvatarText } from './user';
 
 /** 默认群名生成：所选好友前 4 个名字拼接，超过补「等 N 人」；为空兜底「群聊」 */
 export function buildDefaultGroupName(members: FriendLite[]): string {
   if (members.length === 0) {
-    return '群聊'
+    return '群聊';
   }
-  const names = members.slice(0, 4).map((m) => m.displayName || m.nickname || '')
-  const head = names.filter(Boolean).join('、')
+  const names = members
+    .slice(0, 4)
+    .map((m) => m.displayName || m.nickname || '');
+  const head = names.filter(Boolean).join('、');
   if (members.length > 4) {
     // members 只含被选好友，+1 把创建者也计入实际成员数
-    return `${head}等${members.length + 1}人`
+    return `${head}等${members.length + 1}人`;
   }
-  return head || '群聊'
+  return head || '群聊';
 }
 
 /** 群头像单格的输入：头像 URL + 名字 ，至少给一个，二者都缺时走灰底空格 */
 export interface GroupAvatarMember {
   /** 头像 URL；缺失或加载失败时按 name 画色卡 */
-  avatar?: string
+  avatar?: string;
   /** 显示名（昵称 / 备注）；色卡文字 + 底色 hash 来源 */
-  name?: string
+  name?: string;
 }
 
 /** 群头像拼接的可选参数 */
 export interface BuildGroupAvatarOptions {
   /** 输出画布边长（像素）；默认 64 */
-  targetSize?: number
+  targetSize?: number;
   /** 单格之间的间隔（像素）；默认 1 */
-  divider?: number
+  divider?: number;
   /** 画布底色；默认透明，让上下留白透出宿主容器底色 */
-  background?: string
+  background?: string;
 }
 
 /** 单格在画布上的位置 + 尺寸 */
 interface CellRect {
-  x: number
-  y: number
-  w: number
-  h: number
+  x: number;
+  y: number;
+  w: number;
+  h: number;
 }
 
 /** 单格的最终绘制内容 */
 type Cell =
-  | { bg: string; kind: 'color'; text: string; }
-  | { img: HTMLImageElement; kind: 'image'; }
+  | { bg: string; kind: 'color'; text: string }
+  | { img: HTMLImageElement; kind: 'image' };
 
 /**
  * 把群成员头像拼成一张方形群头像 dataURL，按 1 ~ 9 张走九宫格变体布局
@@ -57,108 +59,108 @@ type Cell =
  */
 export async function buildGroupAvatar(
   members: GroupAvatarMember[],
-  options: BuildGroupAvatarOptions = {}
+  options: BuildGroupAvatarOptions = {},
 ): Promise<string> {
-  const targetSize = options.targetSize ?? 64
-  const divider = options.divider ?? 1
-  const background = options.background
+  const targetSize = options.targetSize ?? 64;
+  const divider = options.divider ?? 1;
+  const background = options.background;
 
-  const top = members.slice(0, 9)
+  const top = members.slice(0, 9);
   if (top.length === 0) {
-    return ''
+    return '';
   }
 
-  const cells = await Promise.all(top.map((m) => resolveCell(m)))
-  const rects = computeCellRects(cells.length, targetSize, divider)
+  const cells = await Promise.all(top.map((m) => resolveCell(m)));
+  const rects = computeCellRects(cells.length, targetSize, divider);
 
-  const canvas = document.createElement('canvas')
-  canvas.width = targetSize
-  canvas.height = targetSize
-  const ctx = canvas.getContext('2d')
+  const canvas = document.createElement('canvas');
+  canvas.width = targetSize;
+  canvas.height = targetSize;
+  const ctx = canvas.getContext('2d');
   if (!ctx) {
-    return ''
+    return '';
   }
   if (background) {
-    ctx.fillStyle = background
-    ctx.fillRect(0, 0, targetSize, targetSize)
+    ctx.fillStyle = background;
+    ctx.fillRect(0, 0, targetSize, targetSize);
   }
   cells.forEach((cell, idx) => {
-    const rect = rects[idx]
+    const rect = rects[idx];
     if (!rect) {
-      return
+      return;
     }
-    drawCell(ctx, rect, cell)
-  })
-  return canvas.toDataURL('image/png')
+    drawCell(ctx, rect, cell);
+  });
+  return canvas.toDataURL('image/png');
 }
 
 /** 群头像 dataURL 缓存上限：每条约 5 ~ 30KB，200 条软封顶约 5MB 常驻 */
-const MERGED_AVATAR_CACHE_MAX = 200
-const mergedAvatarCache = new Map<string, string>()
+const MERGED_AVATAR_CACHE_MAX = 200;
+const mergedAvatarCache = new Map<string, string>();
 
 /** 取群头像 dataURL 缓存；命中时按 LRU 提到末尾 */
 export function getCachedGroupAvatar(key: string): string | undefined {
-  const cached = mergedAvatarCache.get(key)
+  const cached = mergedAvatarCache.get(key);
   if (cached === undefined) {
-    return undefined
+    return undefined;
   }
-  mergedAvatarCache.delete(key)
-  mergedAvatarCache.set(key, cached)
-  return cached
+  mergedAvatarCache.delete(key);
+  mergedAvatarCache.set(key, cached);
+  return cached;
 }
 
 /** 写群头像 dataURL 缓存；超上限时丢弃最早一条（Map 迭代顺序 = 插入顺序，配合 get 的提升即 LRU） */
 export function setCachedGroupAvatar(key: string, value: string): void {
   if (mergedAvatarCache.has(key)) {
-    mergedAvatarCache.delete(key)
+    mergedAvatarCache.delete(key);
   } else if (mergedAvatarCache.size >= MERGED_AVATAR_CACHE_MAX) {
-    const oldest = mergedAvatarCache.keys().next().value
+    const oldest = mergedAvatarCache.keys().next().value;
     if (oldest !== undefined) {
-      mergedAvatarCache.delete(oldest)
+      mergedAvatarCache.delete(oldest);
     }
   }
-  mergedAvatarCache.set(key, value)
+  mergedAvatarCache.set(key, value);
 }
 
 /** 单成员 → Cell：有 avatar 且加载成功走 image，否则走 color */
 async function resolveCell(member: GroupAvatarMember): Promise<Cell> {
   if (member.avatar) {
-    const img = await loadImage(member.avatar)
+    const img = await loadImage(member.avatar);
     if (img) {
-      return { kind: 'image', img }
+      return { kind: 'image', img };
     }
   }
   return {
     kind: 'color',
     text: getAvatarText(member.name),
-    bg: getAvatarBgColor(member.name)
-  }
+    bg: getAvatarBgColor(member.name),
+  };
 }
 
 /** 把单个 Cell 画到 ctx 上指定格子里；image 走 cover 裁剪保比例，color 走 fillRect + 居中文字 */
 function drawCell(
   ctx: CanvasRenderingContext2D,
   rect: CellRect,
-  cell: Cell
+  cell: Cell,
 ): void {
-  const { x, y, w, h } = rect
+  const { x, y, w, h } = rect;
   if (cell.kind === 'image') {
-    drawImageCover(ctx, cell.img, x, y, w, h)
-    return
+    drawImageCover(ctx, cell.img, x, y, w, h);
+    return;
   }
-  ctx.fillStyle = cell.bg
-  ctx.fillRect(x, y, w, h)
+  ctx.fillStyle = cell.bg;
+  ctx.fillRect(x, y, w, h);
   if (!cell.text) {
-    return
+    return;
   }
   // 字号按短边算；单字 0.42、双字 0.34
-  const baseSize = Math.min(w, h)
-  const fontSize = Math.floor(baseSize * (cell.text.length > 1 ? 0.34 : 0.42))
-  ctx.fillStyle = '#FFFFFF'
-  ctx.font = `500 ${fontSize}px -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif`
-  ctx.textAlign = 'center'
-  ctx.textBaseline = 'middle'
-  ctx.fillText(cell.text, x + w / 2, y + h / 2)
+  const baseSize = Math.min(w, h);
+  const fontSize = Math.floor(baseSize * (cell.text.length > 1 ? 0.34 : 0.42));
+  ctx.fillStyle = '#FFFFFF';
+  ctx.font = `500 ${fontSize}px -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif`;
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'middle';
+  ctx.fillText(cell.text, x + w / 2, y + h / 2);
 }
 
 /** cover 裁剪：从源图中心裁出与目标矩形同比例的子区域，画到目标矩形（保持比例不变形） */
@@ -168,22 +170,22 @@ function drawImageCover(
   dx: number,
   dy: number,
   dw: number,
-  dh: number
+  dh: number,
 ): void {
-  const srcAspect = img.width / img.height
-  const dstAspect = dw / dh
-  let sx = 0
-  let sy = 0
-  let sw = img.width
-  let sh = img.height
+  const srcAspect = img.width / img.height;
+  const dstAspect = dw / dh;
+  let sx = 0;
+  let sy = 0;
+  let sw = img.width;
+  let sh = img.height;
   if (srcAspect > dstAspect) {
-    sw = sh * dstAspect
-    sx = (img.width - sw) / 2
+    sw = sh * dstAspect;
+    sx = (img.width - sw) / 2;
   } else if (srcAspect < dstAspect) {
-    sh = sw / dstAspect
-    sy = (img.height - sh) / 2
+    sh = sw / dstAspect;
+    sy = (img.height - sh) / 2;
   }
-  ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh)
+  ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);
 }
 
 /**
@@ -194,96 +196,154 @@ function drawImageCover(
  * - 5~6 张：3 列 2 行正方形单格 + 垂直居中
  * - 7~9 张：3 列 3 行正方形单格
  */
-function computeCellRects(count: number, target: number, divider: number): CellRect[] {
+function computeCellRects(
+  count: number,
+  target: number,
+  divider: number,
+): CellRect[] {
   if (count <= 0) {
-    return []
+    return [];
   }
   if (count === 1) {
-    return [{ x: 0, y: 0, w: target, h: target }]
+    return [{ x: 0, y: 0, w: target, h: target }];
   }
   if (count <= 4) {
-    return computeCellRectsSmall(count, target, divider)
+    return computeCellRectsSmall(count, target, divider);
   }
   if (count <= 6) {
-    return computeCellRectsMedium(count, target, divider)
+    return computeCellRectsMedium(count, target, divider);
   }
-  return computeCellRectsLarge(count, target, divider)
+  return computeCellRectsLarge(count, target, divider);
 }
 
 /** 2~4 张：2 列 2 行正方形 */
-function computeCellRectsSmall(count: number, target: number, divider: number): CellRect[] {
-  const s = (target - 3 * divider) / 2
-  const step = s + divider
-  const rects: CellRect[] = []
+function computeCellRectsSmall(
+  count: number,
+  target: number,
+  divider: number,
+): CellRect[] {
+  const s = (target - 3 * divider) / 2;
+  const step = s + divider;
+  const rects: CellRect[] = [];
   switch (count) {
     case 2: {
       // 居中 1 行（留上下空白）
-      const y = target / 4
-      rects.push({ x: divider, y, w: s, h: s }, { x: divider + step, y, w: s, h: s })
-      break
+      const y = target / 4;
+      rects.push(
+        { x: divider, y, w: s, h: s },
+        { x: divider + step, y, w: s, h: s },
+      );
+      break;
     }
     case 3: {
       // 上 1 居中 + 下 2
-      rects.push({ x: target / 4, y: divider, w: s, h: s })
-      const y1 = divider + step
-      rects.push({ x: divider, y: y1, w: s, h: s }, { x: divider + step, y: y1, w: s, h: s })
-      break
+      rects.push({ x: target / 4, y: divider, w: s, h: s });
+      const y1 = divider + step;
+      rects.push(
+        { x: divider, y: y1, w: s, h: s },
+        { x: divider + step, y: y1, w: s, h: s },
+      );
+      break;
     }
     case 4: {
       // 2×2 满铺
-      rects.push({ x: divider, y: divider, w: s, h: s }, { x: divider + step, y: divider, w: s, h: s })
-      const y1 = divider + step
-      rects.push({ x: divider, y: y1, w: s, h: s }, { x: divider + step, y: y1, w: s, h: s })
-      break
+      rects.push(
+        { x: divider, y: divider, w: s, h: s },
+        { x: divider + step, y: divider, w: s, h: s },
+      );
+      const y1 = divider + step;
+      rects.push(
+        { x: divider, y: y1, w: s, h: s },
+        { x: divider + step, y: y1, w: s, h: s },
+      );
+      break;
     }
   }
-  return rects
+  return rects;
 }
 
 /** 5~6 张：3 列 2 行正方形单格 + 垂直居中；上下留白由透明背景透出 GroupAvatar 容器底色 */
-function computeCellRectsMedium(count: number, target: number, divider: number): CellRect[] {
-  const s = (target - 4 * divider) / 3
-  const step = s + divider
-  const xs = [divider, divider + step, divider + 2 * step] as const
+function computeCellRectsMedium(
+  count: number,
+  target: number,
+  divider: number,
+): CellRect[] {
+  const s = (target - 4 * divider) / 3;
+  const step = s + divider;
+  const xs = [divider, divider + step, divider + 2 * step] as const;
   // 2 行高 + 1 行间 div
-  const totalH = 2 * s + divider
-  const y0 = (target - totalH) / 2
-  const y1 = y0 + step
-  const rects: CellRect[] = []
+  const totalH = 2 * s + divider;
+  const y0 = (target - totalH) / 2;
+  const y1 = y0 + step;
+  const rects: CellRect[] = [];
   if (count === 5) {
     // 上 2 居中（左右对称留白） + 下 3 左右贴边
-    const upX0 = (target - 2 * s - divider) / 2
-    rects.push({ x: upX0, y: y0, w: s, h: s }, { x: upX0 + step, y: y0, w: s, h: s }, { x: xs[0], y: y1, w: s, h: s }, { x: xs[1], y: y1, w: s, h: s }, { x: xs[2], y: y1, w: s, h: s })
-    return rects
+    const upX0 = (target - 2 * s - divider) / 2;
+    rects.push(
+      { x: upX0, y: y0, w: s, h: s },
+      { x: upX0 + step, y: y0, w: s, h: s },
+      { x: xs[0], y: y1, w: s, h: s },
+      { x: xs[1], y: y1, w: s, h: s },
+      { x: xs[2], y: y1, w: s, h: s },
+    );
+    return rects;
   }
   // count === 6：上 3 + 下 3 满铺
-  rects.push({ x: xs[0], y: y0, w: s, h: s }, { x: xs[1], y: y0, w: s, h: s }, { x: xs[2], y: y0, w: s, h: s }, { x: xs[0], y: y1, w: s, h: s }, { x: xs[1], y: y1, w: s, h: s }, { x: xs[2], y: y1, w: s, h: s })
-  return rects
+  rects.push(
+    { x: xs[0], y: y0, w: s, h: s },
+    { x: xs[1], y: y0, w: s, h: s },
+    { x: xs[2], y: y0, w: s, h: s },
+    { x: xs[0], y: y1, w: s, h: s },
+    { x: xs[1], y: y1, w: s, h: s },
+    { x: xs[2], y: y1, w: s, h: s },
+  );
+  return rects;
 }
 
 /** 7~9 张：3 列 3 行正方形单格 */
-function computeCellRectsLarge(count: number, target: number, divider: number): CellRect[] {
-  const s = (target - 4 * divider) / 3
-  const step = s + divider
-  const xs = [divider, divider + step, divider + 2 * step] as const
-  const ys = [divider, divider + step, divider + 2 * step] as const
-  const rects: CellRect[] = []
+function computeCellRectsLarge(
+  count: number,
+  target: number,
+  divider: number,
+): CellRect[] {
+  const s = (target - 4 * divider) / 3;
+  const step = s + divider;
+  const xs = [divider, divider + step, divider + 2 * step] as const;
+  const ys = [divider, divider + step, divider + 2 * step] as const;
+  const rects: CellRect[] = [];
   if (count === 7) {
     // 上 1 居中 + 中 3 + 下 3
-    rects.push({ x: xs[1], y: ys[0], w: s, h: s }, { x: xs[0], y: ys[1], w: s, h: s }, { x: xs[1], y: ys[1], w: s, h: s }, { x: xs[2], y: ys[1], w: s, h: s }, { x: xs[0], y: ys[2], w: s, h: s }, { x: xs[1], y: ys[2], w: s, h: s }, { x: xs[2], y: ys[2], w: s, h: s })
-    return rects
+    rects.push(
+      { x: xs[1], y: ys[0], w: s, h: s },
+      { x: xs[0], y: ys[1], w: s, h: s },
+      { x: xs[1], y: ys[1], w: s, h: s },
+      { x: xs[2], y: ys[1], w: s, h: s },
+      { x: xs[0], y: ys[2], w: s, h: s },
+      { x: xs[1], y: ys[2], w: s, h: s },
+      { x: xs[2], y: ys[2], w: s, h: s },
+    );
+    return rects;
   }
   if (count === 8) {
     // 上 2 居中 + 中 3 + 下 3
-    const upX0 = (target - 2 * s - divider) / 2
-    rects.push({ x: upX0, y: ys[0], w: s, h: s }, { x: upX0 + step, y: ys[0], w: s, h: s }, { x: xs[0], y: ys[1], w: s, h: s }, { x: xs[1], y: ys[1], w: s, h: s }, { x: xs[2], y: ys[1], w: s, h: s }, { x: xs[0], y: ys[2], w: s, h: s }, { x: xs[1], y: ys[2], w: s, h: s }, { x: xs[2], y: ys[2], w: s, h: s })
-    return rects
+    const upX0 = (target - 2 * s - divider) / 2;
+    rects.push(
+      { x: upX0, y: ys[0], w: s, h: s },
+      { x: upX0 + step, y: ys[0], w: s, h: s },
+      { x: xs[0], y: ys[1], w: s, h: s },
+      { x: xs[1], y: ys[1], w: s, h: s },
+      { x: xs[2], y: ys[1], w: s, h: s },
+      { x: xs[0], y: ys[2], w: s, h: s },
+      { x: xs[1], y: ys[2], w: s, h: s },
+      { x: xs[2], y: ys[2], w: s, h: s },
+    );
+    return rects;
   }
   // count === 9：3×3 满铺
   for (const y of ys) {
     for (const x of xs) {
-      rects.push({ x, y, w: s, h: s })
+      rects.push({ x, y, w: s, h: s });
     }
   }
-  return rects
+  return rects;
 }
diff --git a/apps/web-antd/src/views/im/utils/image.ts b/apps/web-antd/src/views/im/utils/image.ts
index 207947db0..d21d9a683 100644
--- a/apps/web-antd/src/views/im/utils/image.ts
+++ b/apps/web-antd/src/views/im/utils/image.ts
@@ -6,23 +6,24 @@
 // ====================================================================
 
 /** 默认占位尺寸：probe 失败 / 解码异常时兜底，避免 width/height 为 0 让消息渲染塌掉 */
-const DEFAULT_FALLBACK_SIZE = { width: 200, height: 200 } as const
+const DEFAULT_FALLBACK_SIZE = { width: 200, height: 200 } as const;
 
 /** 加载远程 URL 到 HTMLImageElement，失败返回 null；canvas 绘制要求 crossOrigin=anonymous（默认开） */
 export function loadImage(
   src: string,
-  options: { crossOrigin?: 'anonymous' | 'use-credentials' | null } = {}
+  options: { crossOrigin?: 'anonymous' | 'use-credentials' | null } = {},
 ): Promise<HTMLImageElement | null> {
-  const crossOrigin = options.crossOrigin === undefined ? 'anonymous' : options.crossOrigin
+  const crossOrigin =
+    options.crossOrigin === undefined ? 'anonymous' : options.crossOrigin;
   return new Promise((resolve) => {
-    const img = new Image()
+    const img = new Image();
     if (crossOrigin) {
-      img.crossOrigin = crossOrigin
+      img.crossOrigin = crossOrigin;
     }
-    img.addEventListener('load', () => resolve(img))
-    img.addEventListener('error', () => resolve(null))
-    img.src = src
-  })
+    img.addEventListener('load', () => resolve(img));
+    img.addEventListener('error', () => resolve(null));
+    img.src = src;
+  });
 }
 
 /**
@@ -32,26 +33,28 @@ export function loadImage(
  * - 远程 URL：直接走 <img>.src 触发浏览器加载（受 CORS 影响；只读尺寸不需要画 canvas，跨域也能拿到）
  * - 解码失败 / 不是图片：返回 200×200 兜底
  */
-export function probeImageSize(source: File | string): Promise<{ height: number; width: number; }> {
-  const isFile = source instanceof File
-  const src = isFile ? URL.createObjectURL(source) : source
+export function probeImageSize(
+  source: File | string,
+): Promise<{ height: number; width: number }> {
+  const isFile = source instanceof File;
+  const src = isFile ? URL.createObjectURL(source) : source;
   return new Promise((resolve) => {
-    const img = new Image()
+    const img = new Image();
     img.addEventListener('load', () => {
       if (isFile) {
-        URL.revokeObjectURL(src)
+        URL.revokeObjectURL(src);
       }
       resolve({
         width: img.naturalWidth || DEFAULT_FALLBACK_SIZE.width,
-        height: img.naturalHeight || DEFAULT_FALLBACK_SIZE.height
-      })
-    })
+        height: img.naturalHeight || DEFAULT_FALLBACK_SIZE.height,
+      });
+    });
     img.addEventListener('error', () => {
       if (isFile) {
-        URL.revokeObjectURL(src)
+        URL.revokeObjectURL(src);
       }
-      resolve({ ...DEFAULT_FALLBACK_SIZE })
-    })
-    img.src = src
-  })
+      resolve({ ...DEFAULT_FALLBACK_SIZE });
+    });
+    img.src = src;
+  });
 }
diff --git a/apps/web-antd/src/views/im/utils/message.ts b/apps/web-antd/src/views/im/utils/message.ts
index 72830dd52..5d804f9cc 100644
--- a/apps/web-antd/src/views/im/utils/message.ts
+++ b/apps/web-antd/src/views/im/utils/message.ts
@@ -1,20 +1,28 @@
-import type { Conversation, GroupLite, Message, QuoteMessage, User } from '../home/types'
+// oxlint-disable no-console
+import type {
+  Conversation,
+  GroupLite,
+  Message,
+  QuoteMessage,
+  User,
+} from '../home/types';
+import type { ImConversationTypeValue } from './constants';
 
-import { useUserStore } from '@vben/stores'
+import { useUserStore } from '@vben/stores';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import tipAudioUrl from '#/assets/audio/im/message-tip.mp3';
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
-import { useFriendStore } from '../home/store/friendStore'
-import { useGroupStore } from '../home/store/groupStore'
+import { useFriendStore } from '../home/store/friendStore';
+import { useGroupStore } from '../home/store/groupStore';
 import {
   ImContentType,
   ImConversationType,
-  type ImConversationTypeValue,
-  ImRtcCallEndReason
-} from './constants'
-import { formatCallDuration } from './time'
+  ImRtcCallEndReason,
+} from './constants';
+import { formatCallDuration } from './time';
 
-export type { QuoteMessage } from '../home/types'
+export type { QuoteMessage } from '../home/types';
 
 // ====================================================================
 // IM 消息 content 编解码 & 展示工具
@@ -30,14 +38,14 @@ export type { QuoteMessage } from '../home/types'
 /** 生成客户端消息 ID（纯 UUID），用于前端去重 & ACK 回写 */
 export const generateClientMessageId = (): string => {
   if (globalThis.crypto?.randomUUID) {
-    return globalThis.crypto.randomUUID()
+    return globalThis.crypto.randomUUID();
   }
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (char) => {
-    const random = Math.trunc(Math.random() * 16)
-    const value = char === 'x' ? random : (random & 0x3) | 0x8
-    return value.toString(16)
-  })
-}
+    const random = Math.trunc(Math.random() * 16);
+    const value = char === 'x' ? random : (random & 0x3) | 0x8;
+    return value.toString(16);
+  });
+};
 
 // ==================== 私聊对端 userId ====================
 
@@ -48,10 +56,12 @@ export const generateClientMessageId = (): string => {
  * 和 useMessagePuller.getPrivatePeerId），结构类型只要 senderId / receiverId 两个字段，REST 与 WS DTO 都满足
  */
 export function getPrivateMessagePeerId(
-  message: { receiverId: number; senderId: number; },
-  currentUserId: number
+  message: { receiverId: number; senderId: number },
+  currentUserId: number,
 ): number {
-  return message.senderId === currentUserId ? message.receiverId : message.senderId
+  return message.senderId === currentUserId
+    ? message.receiverId
+    : message.senderId;
 }
 
 // ==================== 文本片段（tip 文案 + TEXT 气泡共用） ====================
@@ -60,45 +70,45 @@ export function getPrivateMessagePeerId(
 // text 段是纯文本兜底。渲染层（tip-segments.vue）按 type 分发统一处理。
 
 export type TipSegment =
-  | { href: string; text: string; type: 'link'; }
-  | { text: string; type: 'mention'; userId: number; }
-  | { text: string; type: 'text'; }
+  | { href: string; text: string; type: 'link' }
+  | { text: string; type: 'mention'; userId: number }
+  | { text: string; type: 'text' };
 
-export const tipText = (text: string): TipSegment => ({ type: 'text', text })
+export const tipText = (text: string): TipSegment => ({ type: 'text', text });
 
 export const tipMention = (userId: number, text: string): TipSegment => ({
   type: 'mention',
   userId,
-  text
-})
+  text,
+});
 
 export const tipLink = (href: string, text: string): TipSegment => ({
   type: 'link',
   href,
-  text
-})
+  text,
+});
 
 export const segmentsToText = (segments: TipSegment[]): string =>
-  segments.map((s) => s.text).join('')
+  segments.map((s) => s.text).join('');
 
 /** 多个 userId 用同一个分隔符插值成 segments，每个 user 单独成 mention 段 */
 export function joinMentionSegments(
   userIds: number[],
   separator: string,
-  resolveName: (userId: number) => string
+  resolveName: (userId: number) => string,
 ): TipSegment[] {
   return userIds.flatMap((id, index) =>
     index === 0
       ? [tipMention(id, resolveName(id))]
-      : [tipText(separator), tipMention(id, resolveName(id))]
-  )
+      : [tipText(separator), tipMention(id, resolveName(id))],
+  );
 }
 
 /** mention 候选；name 用于匹配文本字面量，displayName 用于覆盖渲染（不传则按 name 渲染） */
 export interface MentionCandidate {
-  userId: number
+  userId: number;
   /** 用来在 content 中前缀匹配的字面量（不含 @） */
-  name: string
+  name: string;
   /**
    * 渲染时强制使用的显示名（不含 @）
    *
@@ -106,142 +116,157 @@ export interface MentionCandidate {
    * 候选可以携带多种字面量（match 用），但 displayName 统一指向 nickname，
    * 让所有历史 / 新消息的 @ 都收敛到一致的展示
    */
-  displayName?: string
+  displayName?: string;
   /**
    * 歧义标记：同 name 对应多个 userId 时为 true
    *
    * parser 仍会按 name 命中（最长优先），但命中后整段吃成普通文本——
    * 避免「@张三」被剔除后，短前缀候选「@张」抢匹配错绑
    */
-  ambiguous?: boolean
+  ambiguous?: boolean;
 }
 
 /** URL 锚定正则；终止于空白、中文、@（避免吞掉下一个 mention）、< > " '（防 HTML / 引号串入）；y 标志走 sticky 匹配，省 text.slice */
-const URL_STICKY_REGEX = /(https?:\/\/[^\s一-龥@<>"']+|www\.[^\s一-龥@<>"']+)/iy
+const URL_STICKY_REGEX =
+  /(https?:\/\/[^\s一-龥@<>"']+|www\.[^\s一-龥@<>"']+)/iy;
 
 /** URL 末尾常见标点剔除，避免吞掉句末中英文标点 */
-const URL_TRAILING_PUNCTUATION = /[.,!?;:)\]、，。！？；：）】]+$/
+const URL_TRAILING_PUNCTUATION = /[.,!?;:)\]、，。！？；：）】]+$/;
 
 /** 最短 URL：`www.ab` / `http:/` 这种孤段不算链接 */
-const URL_MIN_LENGTH = 6
+const URL_MIN_LENGTH = 6;
 
 /**
  * 文本气泡 content 拆段：mention 段按候选最长前缀匹配，URL 段走锚定正则，剩余归 text
  *
  * mentions 不传或匹配不上时，@xxx 退化为普通 text；解析与渲染解耦，工具函数本身不依赖 store
  */
-export function parseTextSegments(text: string, mentions: MentionCandidate[] = []): TipSegment[] {
+export function parseTextSegments(
+  text: string,
+  mentions: MentionCandidate[] = [],
+): TipSegment[] {
   if (!text) {
-    return []
+    return [];
   }
   // 「@张三丰」不能被「@张三」截胡，候选按 name 长度倒序
   const sortedMentions =
-    mentions.length > 1 ? mentions.toSorted((a, b) => b.name.length - a.name.length) : mentions
-  const out: TipSegment[] = []
-  let buffer = ''
+    mentions.length > 1
+      ? mentions.toSorted((a, b) => b.name.length - a.name.length)
+      : mentions;
+  const out: TipSegment[] = [];
+  let buffer = '';
 
   const flush = () => {
     if (buffer) {
-      out.push(tipText(buffer))
-      buffer = ''
+      out.push(tipText(buffer));
+      buffer = '';
     }
-  }
+  };
 
-  let i = 0
+  let i = 0;
   while (i < text.length) {
     if (text[i] === '@' && sortedMentions.length > 0) {
-      const matched = sortedMentions.find((m) => m.name && text.startsWith(m.name, i + 1))
+      const matched = sortedMentions.find(
+        (m) => m.name && text.startsWith(m.name, i + 1),
+      );
       if (matched) {
         if (matched.ambiguous) {
           // 同字面量对应多 userId，无法判定意图；整段累入 buffer 让短前缀候选没机会再扫这段
-          buffer += '@' + matched.name
+          buffer += `@${matched.name}`;
         } else {
-          flush()
+          flush();
           // 渲染统一走 displayName（即真实昵称），让历史 content 里残留的备注 / 群昵称也收敛到 nickname
-          out.push(tipMention(matched.userId, '@' + (matched.displayName || matched.name)))
+          out.push(
+            tipMention(
+              matched.userId,
+              `@${matched.displayName || matched.name}`,
+            ),
+          );
         }
-        i += 1 + matched.name.length
-        continue
+        i += 1 + matched.name.length;
+        continue;
       }
     }
-    const head = text[i]
+    const head = text[i];
     if (head === 'h' || head === 'H' || head === 'w' || head === 'W') {
-      URL_STICKY_REGEX.lastIndex = i
-      const linkMatch = URL_STICKY_REGEX.exec(text)
+      URL_STICKY_REGEX.lastIndex = i;
+      const linkMatch = URL_STICKY_REGEX.exec(text);
       if (linkMatch) {
-        const urlText = linkMatch[0].replace(URL_TRAILING_PUNCTUATION, '')
+        const urlText = linkMatch[0].replace(URL_TRAILING_PUNCTUATION, '');
         if (urlText.length >= URL_MIN_LENGTH) {
-          flush()
-          const href = /^https?:\/\//i.test(urlText) ? urlText : `https://${urlText}`
-          out.push(tipLink(href, urlText))
-          i += urlText.length
-          continue
+          flush();
+          const href = /^https?:\/\//i.test(urlText)
+            ? urlText
+            : `https://${urlText}`;
+          out.push(tipLink(href, urlText));
+          i += urlText.length;
+          continue;
         }
       }
     }
-    buffer += text[i]
-    i += 1
+    buffer += text[i];
+    i += 1;
   }
-  flush()
-  return out
+  flush();
+  return out;
 }
 
 // ==================== 引用消息 ====================
 
 /** 引用容器：5 种普通消息(TEXT / IMAGE / FILE / VOICE / VIDEO)都可携带 quote */
 interface Quotable {
-  quote?: QuoteMessage
+  quote?: QuoteMessage;
 }
 
 // ==================== 消息 payload ====================
 
 /** 文本消息 payload（对齐后端 TextMessage） */
 export interface TextMessage extends Quotable {
-  content: string
+  content: string;
 }
 
 /** 图片消息 payload（对齐后端 ImageMessage） */
 export interface ImageMessage extends Quotable {
-  url: string
+  url: string;
   /** 缩略图 URL */
-  thumbnailUrl?: string
+  thumbnailUrl?: string;
   /** 图片宽度 */
-  width?: number
+  width?: number;
   /** 图片高度 */
-  height?: number
+  height?: number;
   /** 文件大小（字节） */
-  size?: number
+  size?: number;
 }
 
 /** 语音消息 payload（对齐后端 AudioMessage；ImContentType 保留 VOICE 命名） */
 export interface AudioMessage extends Quotable {
-  url: string
+  url: string;
   /** 时长（秒） */
-  duration: number
+  duration: number;
   /** 文件大小（字节） */
-  size?: number
+  size?: number;
 }
 
 /** 文件消息 payload（对齐后端 FileMessage） */
 export interface FileMessage extends Quotable {
-  url: string
-  name: string
-  size: number
+  url: string;
+  name: string;
+  size: number;
   /** MIME 类型 */
-  type?: string
+  type?: string;
 }
 
 /** 视频消息 payload（对齐后端 VideoMessage；暂未接入渲染） */
 export interface VideoMessage extends Quotable {
-  url: string
+  url: string;
   /** 封面 URL */
-  coverUrl?: string
+  coverUrl?: string;
   /** 时长（秒） */
-  duration?: number
-  width?: number
-  height?: number
+  duration?: number;
+  width?: number;
+  height?: number;
   /** 文件大小（字节） */
-  size?: number
+  size?: number;
 }
 
 /**
@@ -253,47 +278,51 @@ export interface VideoMessage extends Quotable {
  */
 export interface CardMessage extends Quotable {
   /** 名片对象类型 */
-  targetType: ImConversationTypeValue
+  targetType: ImConversationTypeValue;
   /** 目标对象编号：PRIVATE 时 = userId；GROUP 时 = groupId */
-  targetId: number
+  targetId: number;
   /** 显示名快照：PRIVATE 时 = 用户昵称；GROUP 时 = 群名 */
-  name: string
+  name: string;
   /** 头像（快照） */
-  avatar?: string
+  avatar?: string;
   /** 群成员数（仅 targetType = GROUP；接收端展示「N 人群聊」） */
-  memberCount?: number
+  memberCount?: number;
 }
 
 /**
  * 名片转发的源对象（RecommendCardDialog 入参）；字段与 CardMessage 1:1，无 quote
  */
-export type CardTarget = Omit<CardMessage, 'quote'>
+export type CardTarget = Omit<CardMessage, 'quote'>;
 
 /** 用户对象 → 用户名片源（PRIVATE）；缺 id 返回 null 让调用方 v-bind 绑定为不渲染 */
-export function toUserCardTarget(user: null | undefined | User): CardTarget | null {
+export function toUserCardTarget(
+  user: null | undefined | User,
+): CardTarget | null {
   if (!user?.id) {
-    return null
+    return null;
   }
   return {
     targetType: ImConversationType.PRIVATE,
     targetId: user.id,
     name: user.nickname || '',
-    avatar: user.avatar
-  }
+    avatar: user.avatar,
+  };
 }
 
 /** 群对象 → 群名片源（GROUP）；缺 id 返回 null */
-export function toGroupCardTarget(group: GroupLite | null | undefined): CardTarget | null {
+export function toGroupCardTarget(
+  group: GroupLite | null | undefined,
+): CardTarget | null {
   if (!group?.id) {
-    return null
+    return null;
   }
   return {
     targetType: ImConversationType.GROUP,
     targetId: group.id,
     name: group.name || '',
     avatar: group.showImage || group.showImageThumb,
-    memberCount: group.memberCount
-  }
+    memberCount: group.memberCount,
+  };
 }
 
 /**
@@ -301,68 +330,70 @@ export function toGroupCardTarget(group: GroupLite | null | undefined): CardTarg
  *
  * 缺失 / 非法 targetType 走「个人名片」兜底，避免老消息或脏数据导致 UI 空白
  */
-export function getCardLabelInfo(card: null | undefined | { targetType?: number }): {
-  icon: string
-  label: string
+export function getCardLabelInfo(
+  card: null | undefined | { targetType?: number },
+): {
+  icon: string;
+  label: string;
 } {
   if (card?.targetType === ImConversationType.GROUP) {
-    return { label: '群名片', icon: 'ant-design:usergroup-outlined' }
+    return { label: '群名片', icon: 'ant-design:usergroup-outlined' };
   }
-  return { label: '个人名片', icon: 'ant-design:user-outlined' }
+  return { label: '个人名片', icon: 'ant-design:user-outlined' };
 }
 
 /** 表情消息 payload（对齐后端 FaceMessage；Unicode emoji 仍走 TEXT，本类型只承载贴图 / 自定义表情包） */
 export interface FaceMessage extends Quotable {
   /** 表情图 URL */
-  url: string
+  url: string;
   /** 渲染宽度（像素），避免布局抖动；可选，缺失时调用方走 CSS max-w 兜底 */
-  width?: number
+  width?: number;
   /** 渲染高度（像素），可选 */
-  height?: number
+  height?: number;
   /** 表情名（系统包通常有，个人表情包通常无） */
-  name?: string
+  name?: string;
 }
 
 /** 合并转发的单条内嵌消息快照（对齐后端 MergeMessage.Item） */
 export interface MergeMessageItem {
   /** 原消息编号；仅做溯源标识 */
-  messageId: number
+  messageId: number;
   /** 发送人编号 */
-  senderId: number
+  senderId: number;
   /** 发送人昵称快照；对端可能不在原会话里，无法实时查到 */
-  senderNickname: string
+  senderNickname: string;
   /** 发送人头像快照 */
-  senderAvatar?: string
+  senderAvatar?: string;
   /** 内容类型，对齐 ImContentType */
-  type: number
+  type: number;
   /** 原消息 content（JSON）；嵌套合并消息时仍按本结构层层展开 */
-  content: string
+  content: string;
   /** 发送时间戳（毫秒） */
-  sendTime: number
+  sendTime: number;
 }
 
 /** 合并转发消息 payload（对齐后端 MergeMessage） */
 export interface MergeMessage {
-  title: string // 合并标题；例：「张三和李四的聊天记录」「群聊的聊天记录」
-  messages: MergeMessageItem[] // 内嵌的完整消息快照
+  title: string; // 合并标题；例：「张三和李四的聊天记录」「群聊的聊天记录」
+  messages: MergeMessageItem[]; // 内嵌的完整消息快照
 }
 
 /** 频道素材消息 payload（对齐后端 MaterialMessage） */
 export interface MaterialMessage {
-  materialId?: number
-  channelId?: number // 频道编号；转发后渲染卡片底部的频道头像 + 名称
-  title?: string
-  coverUrl?: string
-  summary?: string
-  url?: string // 跳转链接；为空时点击在客户端内置详情页按 materialId 拉 content 渲染；非空则跳 url
+  materialId?: number;
+  channelId?: number; // 频道编号；转发后渲染卡片底部的频道头像 + 名称
+  title?: string;
+  coverUrl?: string;
+  summary?: string;
+  url?: string; // 跳转链接；为空时点击在客户端内置详情页按 materialId 拉 content 渲染；非空则跳 url
 }
 
 // ==================== 合并转发 payload 构造 ====================
 
 /** 单个发送人的快照昵称 / 头像 */
 interface SenderSnapshot {
-  nickname: string
-  avatar: string
+  nickname: string;
+  avatar: string;
 }
 
 /**
@@ -372,50 +403,54 @@ interface SenderSnapshot {
  */
 function buildSenderSnapshotMap(
   senderIds: number[],
-  conversation: Conversation
+  conversation: Conversation,
 ): Map<number, SenderSnapshot> {
-  const userStore = useUserStore()
-  const friendStore = useFriendStore()
-  const selfUserId = getCurrentUserId()
-  const result = new Map<number, SenderSnapshot>()
+  const userStore = useUserStore();
+  const friendStore = useFriendStore();
+  const selfUserId = getCurrentUserId();
+  const result = new Map<number, SenderSnapshot>();
 
-  let groupMembers: Map<number, { avatar?: string; nickname: string; }> | null = null
+  let groupMembers: Map<number, { avatar?: string; nickname: string }> | null =
+    null;
   if (conversation.type === ImConversationType.GROUP) {
-    const group = useGroupStore().getGroup(conversation.targetId)
-    groupMembers = new Map((group?.members || []).map((m) => [m.userId, m]))
+    const group = useGroupStore().getGroup(conversation.targetId);
+    groupMembers = new Map((group?.members || []).map((m) => [m.userId, m]));
   }
 
   for (const senderId of senderIds) {
     if (result.has(senderId)) {
-      continue
+      continue;
     }
     if (senderId === selfUserId) {
       result.set(senderId, {
         nickname: userStore.userInfo?.nickname || String(senderId),
-        avatar: userStore.userInfo?.avatar || ''
-      })
-      continue
+        avatar: userStore.userInfo?.avatar || '',
+      });
+      continue;
     }
-    const member = groupMembers?.get(senderId)
+    const member = groupMembers?.get(senderId);
     if (member?.nickname) {
-      result.set(senderId, { nickname: member.nickname, avatar: member.avatar || '' })
-      continue
+      result.set(senderId, {
+        nickname: member.nickname,
+        avatar: member.avatar || '',
+      });
+      continue;
     }
-    const friend = friendStore.getFriend(senderId)
+    const friend = friendStore.getFriend(senderId);
     result.set(senderId, {
       nickname: friend?.nickname || String(senderId),
-      avatar: friend?.avatar || ''
-    })
+      avatar: friend?.avatar || '',
+    });
   }
-  return result
+  return result;
 }
 
 /** 把单条 Message 转成 MergeMessageItem 快照；剥离 quote 防引用穿透 */
 function mapMessageToMergeItem(
   message: Message,
-  senderSnapshots: Map<number, SenderSnapshot>
+  senderSnapshots: Map<number, SenderSnapshot>,
 ): MergeMessageItem {
-  const snapshot = senderSnapshots.get(message.senderId)
+  const snapshot = senderSnapshots.get(message.senderId);
   return {
     messageId: message.id || 0,
     senderId: message.senderId,
@@ -423,38 +458,38 @@ function mapMessageToMergeItem(
     senderAvatar: snapshot?.avatar ?? '',
     type: message.type,
     content: removeQuotePayload(message.content),
-    sendTime: message.sendTime
-  }
+    sendTime: message.sendTime,
+  };
 }
 
 /** 合并转发标题：私聊「{对方} 和 {自己} 的聊天记录」；群聊「{群名} 的聊天记录」 */
 export function buildMergeTitle(conversation: Conversation): string {
   if (conversation.type === ImConversationType.GROUP) {
-    return `${conversation.name || '群聊'} 的聊天记录`
+    return `${conversation.name || '群聊'} 的聊天记录`;
   }
-  const myName = useUserStore().userInfo?.nickname || '我'
-  return `${conversation.name || '对方'} 和 ${myName} 的聊天记录`
+  const myName = useUserStore().userInfo?.nickname || '我';
+  return `${conversation.name || '对方'} 和 ${myName} 的聊天记录`;
 }
 
 /** 把一组 Message 打包成 MergeMessage payload；调用方负责按 sendTime 排序后传入 */
 export function buildMergeMessagePayload(
   messages: Message[],
-  conversation: Conversation
+  conversation: Conversation,
 ): MergeMessage {
-  const senderIds = messages.map((m) => m.senderId)
-  const senderSnapshots = buildSenderSnapshotMap(senderIds, conversation)
+  const senderIds = messages.map((m) => m.senderId);
+  const senderSnapshots = buildSenderSnapshotMap(senderIds, conversation);
   return {
     title: buildMergeTitle(conversation),
-    messages: messages.map((m) => mapMessageToMergeItem(m, senderSnapshots))
-  }
+    messages: messages.map((m) => mapMessageToMergeItem(m, senderSnapshots)),
+  };
 }
 
 /** 「添加到表情」的可发起源：FACE / IMAGE 都允许（GIF 图片也常被收藏） */
 export interface AddableFacePayload {
-  url: string
-  width: number
-  height: number
-  name?: string
+  url: string;
+  width: number;
+  height: number;
+  name?: string;
 }
 
 /**
@@ -462,38 +497,50 @@ export interface AddableFacePayload {
  *
  * 调用方（MessageItem 的右键菜单）按 nullable 决定是否展示「添加到表情」入口
  */
-export function extractAddableFace(message: Message): AddableFacePayload | null {
+export function extractAddableFace(
+  message: Message,
+): AddableFacePayload | null {
   if (message.type === ImContentType.FACE) {
-    const face = parseMessage<FaceMessage>(message.content)
+    const face = parseMessage<FaceMessage>(message.content);
     if (!face?.url) {
-      return null
+      return null;
     }
-    return { url: face.url, width: face.width || 200, height: face.height || 200, name: face.name }
+    return {
+      url: face.url,
+      width: face.width || 200,
+      height: face.height || 200,
+      name: face.name,
+    };
   }
   if (message.type === ImContentType.IMAGE) {
-    const image = parseMessage<ImageMessage>(message.content)
+    const image = parseMessage<ImageMessage>(message.content);
     if (!image?.url) {
-      return null
+      return null;
     }
-    return { url: image.url, width: image.width || 200, height: image.height || 200 }
+    return {
+      url: image.url,
+      width: image.width || 200,
+      height: image.height || 200,
+    };
   }
-  return null
+  return null;
 }
 
 /** 解析消息 content（JSON 字符串）为指定 payload，非法 JSON 返回 null */
 export const parseMessage = <T>(content: string): null | T => {
   try {
-    return JSON.parse(content) as T
+    return JSON.parse(content) as T;
   } catch {
-    return null
+    return null;
   }
-}
+};
 
 /** 序列化消息 payload 为 content JSON 字符串；与 parseMessage 对称 */
-export const serializeMessage = <T>(payload: T): string => JSON.stringify(payload)
+export const serializeMessage = <T>(payload: T): string =>
+  JSON.stringify(payload);
 
 /** `URL.createObjectURL(file)` 生成的 URL 前缀；占位 / revoke / 重传旧值识别共用 */
-export const BLOB_URL_PREFIX = 'blob:'
+export const BLOB_URL_PREFIX = 'blob:';
 
 /**
  * 媒体 payload 里可能包含 blob URL 的字段（图片/文件/视频/语音都对齐这套 url 字段命名）
@@ -503,7 +550,7 @@ export const BLOB_URL_PREFIX = 'blob:'
  * - coverUrl：视频封面（commit 后是真实 URL；占位阶段不设以避免传 blob 当 poster 在部分浏览器退化）
  * - thumbnailUrl：图片缩略图（当前未占位时使用 blob，预留）
  */
-const MEDIA_BLOB_URL_FIELDS = ['url', 'coverUrl', 'thumbnailUrl'] as const
+const MEDIA_BLOB_URL_FIELDS = ['url', 'coverUrl', 'thumbnailUrl'] as const;
 
 /**
  * 释放 content 中媒体 payload 字段上的 blob URL 内存映射
@@ -513,29 +560,32 @@ const MEDIA_BLOB_URL_FIELDS = ['url', 'coverUrl', 'thumbnailUrl'] as const
  */
 export const revokeBlobUrlsInContent = (content: string): void => {
   if (!content || !content.includes(BLOB_URL_PREFIX)) {
-    return
+    return;
   }
-  const payload = parseMessage<Record<string, unknown>>(content)
+  const payload = parseMessage<Record<string, unknown>>(content);
   if (!payload) {
-    return
+    return;
   }
   for (const field of MEDIA_BLOB_URL_FIELDS) {
-    const value = payload[field]
+    const value = payload[field];
     if (typeof value === 'string' && value.startsWith(BLOB_URL_PREFIX)) {
-      URL.revokeObjectURL(value)
+      URL.revokeObjectURL(value);
     }
   }
-}
+};
 
 // ==================== 引用消息 helper ====================
 
 /** 把 quote 合进 payload(序列化前调用);quote 缺失时原样返回 */
-export const withQuotePayload = <T extends Quotable>(payload: T, quote?: QuoteMessage): T => {
+export const withQuotePayload = <T extends Quotable>(
+  payload: T,
+  quote?: QuoteMessage,
+): T => {
   if (!quote) {
-    return payload
+    return payload;
   }
-  return { ...payload, quote }
-}
+  return { ...payload, quote };
+};
 
 /**
  * 从 content JSON 字符串里清掉 quote 字段
@@ -545,15 +595,15 @@ export const withQuotePayload = <T extends Quotable>(payload: T, quote?: QuoteMe
  */
 export const removeQuotePayload = (content: string): string => {
   if (!content || !content.includes('"quote"')) {
-    return content
+    return content;
   }
-  const parsed = parseMessage<Record<string, unknown>>(content)
+  const parsed = parseMessage<Record<string, unknown>>(content);
   if (!parsed || !('quote' in parsed)) {
-    return content
+    return content;
   }
-  delete parsed.quote
-  return JSON.stringify(parsed)
-}
+  delete parsed.quote;
+  return JSON.stringify(parsed);
+};
 
 /** 由 Message 派生 QuoteMessage 用于乐观渲染;ack 后会被服务端权威版本覆盖 */
 export const buildQuoteFromMessage = (message: Message): QuoteMessage => {
@@ -561,19 +611,19 @@ export const buildQuoteFromMessage = (message: Message): QuoteMessage => {
     messageId: message.id || 0,
     senderId: message.senderId,
     type: message.type,
-    content: removeQuotePayload(message.content)
-  }
-}
+    content: removeQuotePayload(message.content),
+  };
+};
 
 /** 从已序列化 message.content 中解出 quote;非 JSON / 无 quote 返回 null */
 export const getQuoteFromMessage = (content: string): null | QuoteMessage => {
   // 长会话每条消息渲染都走 quote computed,非引用消息字符串预扫直接返回,免一次 JSON.parse
   if (!content || !content.includes('"quote"')) {
-    return null
+    return null;
   }
-  const parsed = parseMessage<Quotable>(content)
-  return parsed?.quote ?? null
-}
+  const parsed = parseMessage<Quotable>(content);
+  return parsed?.quote ?? null;
+};
 
 // ==================== 撤回 ====================
 
@@ -583,44 +633,44 @@ export const getQuoteFromMessage = (content: string): null | QuoteMessage => {
  */
 export const parseRecallMessageId = (content: string): number => {
   try {
-    const parsed = JSON.parse(content)
-    return parsed?.messageId == null ? 0 : Number(parsed.messageId)
+    const parsed = JSON.parse(content);
+    return parsed?.messageId === null ? 0 : Number(parsed.messageId);
   } catch {
-    return 0
+    return 0;
   }
-}
+};
 
 // ==================== 新消息提示音 ====================
 
-import tipAudioUrl from '#/assets/audio/im/message-tip.mp3'
-
 /**
  * 新消息提示音，带 1 秒节流：短时间内多条消息只响一次，避免疲劳轰炸。
  *
  * 浏览器自动播放策略要求页面有过用户交互；若无法播放会静默失败。
  */
-let __lastPlayAudioTipAt = 0
-let __tipAudio: HTMLAudioElement | null = null
+let __lastPlayAudioTipAt = 0;
+let __tipAudio: HTMLAudioElement | null = null;
 export const playAudioTip = () => {
-  const now = Date.now()
+  const now = Date.now();
   if (now - __lastPlayAudioTipAt < 1000) {
-    return
+    return;
   }
-  __lastPlayAudioTipAt = now
+  __lastPlayAudioTipAt = now;
   try {
     if (!__tipAudio) {
-      __tipAudio = new Audio(tipAudioUrl)
-      __tipAudio.preload = 'auto'
+      __tipAudio = new Audio(tipAudioUrl);
+      __tipAudio.preload = 'auto';
     }
-    __tipAudio.currentTime = 0
-    const playPromise = __tipAudio.play()
+    __tipAudio.currentTime = 0;
+    const playPromise = __tipAudio.play();
     if (playPromise && typeof playPromise.catch === 'function') {
-      playPromise.catch((error) => console.debug('[IM] playAudioTip 失败', error))
+      playPromise.catch((error) =>
+        console.debug('[IM] playAudioTip 失败', error),
+      );
     }
   } catch (error) {
-    console.debug('[IM] playAudioTip 失败', error)
+    console.debug('[IM] playAudioTip 失败', error);
   }
-}
+};
 
 // ==================== 文件图标 ====================
 
@@ -629,87 +679,90 @@ export const playAudioTip = () => {
  *
  * message-item.vue（主气泡）和 reply-preview.vue（引用预览）共用同一份映射，避免视觉两处不一致
  */
-export function getFileIconInfo(filename: string | undefined): { color: string; icon: string; } {
-  const ext = (filename || '').split('.').pop()?.toLowerCase() || ''
+export function getFileIconInfo(filename: string | undefined): {
+  color: string;
+  icon: string;
+} {
+  const ext = (filename || '').split('.').pop()?.toLowerCase() || '';
   if (ext === 'pdf') {
-    return { icon: 'ant-design:file-pdf-filled', color: '#ed5757' }
+    return { icon: 'ant-design:file-pdf-filled', color: '#ed5757' };
   }
   if (['doc', 'docx'].includes(ext)) {
-    return { icon: 'ant-design:file-word-filled', color: '#2b7cd3' }
+    return { icon: 'ant-design:file-word-filled', color: '#2b7cd3' };
   }
   if (['xls', 'xlsx'].includes(ext)) {
-    return { icon: 'ant-design:file-excel-filled', color: '#1f7244' }
+    return { icon: 'ant-design:file-excel-filled', color: '#1f7244' };
   }
   if (['ppt', 'pptx'].includes(ext)) {
-    return { icon: 'ant-design:file-ppt-filled', color: '#d24726' }
+    return { icon: 'ant-design:file-ppt-filled', color: '#d24726' };
   }
   if (['7z', 'gz', 'rar', 'tar', 'zip'].includes(ext)) {
-    return { icon: 'ant-design:file-zip-filled', color: '#f0ad4e' }
+    return { icon: 'ant-design:file-zip-filled', color: '#f0ad4e' };
   }
   if (['bmp', 'gif', 'jpeg', 'jpg', 'png', 'svg', 'webp'].includes(ext)) {
-    return { icon: 'ant-design:file-image-filled', color: '#9c27b0' }
+    return { icon: 'ant-design:file-image-filled', color: '#9c27b0' };
   }
   if (['avi', 'flv', 'mkv', 'mov', 'mp4', 'wmv'].includes(ext)) {
-    return { icon: 'ant-design:video-camera-filled', color: '#9c27b0' }
+    return { icon: 'ant-design:video-camera-filled', color: '#9c27b0' };
   }
   if (['aac', 'flac', 'mp3', 'ogg', 'wav'].includes(ext)) {
-    return { icon: 'ant-design:audio-filled', color: '#9c27b0' }
+    return { icon: 'ant-design:audio-filled', color: '#9c27b0' };
   }
   if (['json', 'log', 'md', 'txt', 'xml'].includes(ext)) {
-    return { icon: 'ant-design:file-text-filled', color: '#909399' }
+    return { icon: 'ant-design:file-text-filled', color: '#909399' };
   }
-  return { icon: 'ant-design:file-filled', color: '#909399' }
+  return { icon: 'ant-design:file-filled', color: '#909399' };
 }
 
 // ==================== 管理后台展示工具 ====================
 
 /** 详情弹窗里把 content JSON 美化成 2 缩进 */
 export const formatJson = (content?: string): string => {
-  if (!content) return ''
+  if (!content) return '';
   try {
-    return JSON.stringify(JSON.parse(content), null, 2)
+    return JSON.stringify(JSON.parse(content), null, 2);
   } catch {
-    return content
+    return content;
   }
-}
+};
 
 // ==================== 群广播事件 payload + 文案 ====================
 
 // 群广播事件 payload；对齐后端 GroupNotificationMessage 子类聚合字段
 export type GroupNotificationPayload = {
-  addSource?: number
+  addSource?: number;
   // 全群封禁
-  banned?: boolean
-  displayUserName?: string
+  banned?: boolean;
+  displayUserName?: string;
   // 自由进群事件
-  entrantUserId?: number
-  memberUserIds?: number[]
+  entrantUserId?: number;
+  memberUserIds?: number[];
   // PIN 事件携带的被置顶消息展示数据
   message?: {
-    atUserIds?: number[]
-    content: string
-    groupId: number
-    id: number
-    receiverUserIds?: number[]
-    senderId: number
-    sendTime: string
-    type: number
-  }
-  messageId?: number
+    atUserIds?: number[];
+    content: string;
+    groupId: number;
+    id: number;
+    receiverUserIds?: number[];
+    senderId: number;
+    sendTime: string;
+    type: number;
+  };
+  messageId?: number;
   // 禁言事件
-  mutedUserId?: number
-  muteEndTime?: string
-  newAvatar?: string
-  newJoinApproval?: boolean
-  newName?: string
-  newNotice?: string
-  newOwnerUserId?: number
-  oldAvatar?: string
-  oldJoinApproval?: boolean
-  oldName?: string
-  oldNotice?: string
-  operatorUserId?: number
-}
+  mutedUserId?: number;
+  muteEndTime?: string;
+  newAvatar?: string;
+  newJoinApproval?: boolean;
+  newName?: string;
+  newNotice?: string;
+  newOwnerUserId?: number;
+  oldAvatar?: string;
+  oldJoinApproval?: boolean;
+  oldName?: string;
+  oldNotice?: string;
+  operatorUserId?: number;
+};
 
 /**
  * 群广播事件 segments
@@ -718,53 +771,72 @@ export type GroupNotificationPayload = {
  * operatorNameOverride 仅覆盖 operator 段文案，mention userId 仍用 payload.operatorUserId
  */
 export function resolveGroupNotificationSegments(
-  message: { content?: string; targetId?: number; type?: number; },
+  message: { content?: string; targetId?: number; type?: number },
   resolveName: (userId: number) => string,
-  operatorNameOverride?: string
+  operatorNameOverride?: string,
 ): TipSegment[] {
-  let payload: GroupNotificationPayload
+  let payload: GroupNotificationPayload;
   try {
-    payload = JSON.parse(message.content || '{}')
+    payload = JSON.parse(message.content || '{}');
   } catch {
-    return []
+    return [];
   }
   // ENTER 主语是 entrant 而非 operator，独立处理；其它 case 都以 operatorUserId 为主语
   if (message.type === ImContentType.GROUP_MEMBER_ENTER) {
-    const entrantId = payload.entrantUserId ?? payload.operatorUserId
-    return entrantId ? [tipMention(entrantId, resolveName(entrantId)), tipText(' 加入了群聊')] : []
+    const entrantId = payload.entrantUserId ?? payload.operatorUserId;
+    return entrantId
+      ? [tipMention(entrantId, resolveName(entrantId)), tipText(' 加入了群聊')]
+      : [];
   }
   if (!payload.operatorUserId) {
-    return []
+    return [];
   }
   const operatorSegment = tipMention(
     payload.operatorUserId,
-    operatorNameOverride ?? resolveName(payload.operatorUserId)
-  )
-  const memberSegments = joinMentionSegments(payload.memberUserIds || [], '、', resolveName)
+    operatorNameOverride ?? resolveName(payload.operatorUserId),
+  );
+  const memberSegments = joinMentionSegments(
+    payload.memberUserIds || [],
+    '、',
+    resolveName,
+  );
 
   switch (message.type) {
     case ImContentType.GROUP_ADMIN_ADD: {
-      return [operatorSegment, tipText(' 将 '), ...memberSegments, tipText(' 设为管理员')]
+      return [
+        operatorSegment,
+        tipText(' 将 '),
+        ...memberSegments,
+        tipText(' 设为管理员'),
+      ];
     }
     case ImContentType.GROUP_ADMIN_REMOVE: {
-      return [operatorSegment, tipText(' 撤销了 '), ...memberSegments, tipText(' 的管理员身份')]
+      return [
+        operatorSegment,
+        tipText(' 撤销了 '),
+        ...memberSegments,
+        tipText(' 的管理员身份'),
+      ];
     }
     case ImContentType.GROUP_BANNED: {
-      return [operatorSegment, tipText(payload.banned ? ' 封禁了该群' : ' 解封了该群')]
+      return [
+        operatorSegment,
+        tipText(payload.banned ? ' 封禁了该群' : ' 解封了该群'),
+      ];
     }
     case ImContentType.GROUP_CANCEL_MUTED: {
-      return [operatorSegment, tipText(' 关闭了全群禁言')]
+      return [operatorSegment, tipText(' 关闭了全群禁言')];
     }
     case ImContentType.GROUP_CREATE: {
-      return [operatorSegment, tipText(' 创建了群聊')]
+      return [operatorSegment, tipText(' 创建了群聊')];
     }
     case ImContentType.GROUP_DISSOLVE: {
-      return [operatorSegment, tipText(' 解散了群聊')]
+      return [operatorSegment, tipText(' 解散了群聊')];
     }
     case ImContentType.GROUP_INFO_UPDATE: {
       return payload.newAvatar
         ? [operatorSegment, tipText(' 更换了群头像')]
-        : [operatorSegment, tipText(' 更新了群信息')]
+        : [operatorSegment, tipText(' 更新了群信息')];
     }
     case ImContentType.GROUP_MEMBER_CANCEL_MUTED: {
       return payload.mutedUserId
@@ -772,15 +844,20 @@ export function resolveGroupNotificationSegments(
             operatorSegment,
             tipText(' 解除了 '),
             tipMention(payload.mutedUserId, resolveName(payload.mutedUserId)),
-            tipText(' 的禁言')
+            tipText(' 的禁言'),
           ]
-        : []
+        : [];
     }
     case ImContentType.GROUP_MEMBER_INVITE: {
-      return [operatorSegment, tipText(' 邀请 '), ...memberSegments, tipText(' 加入群聊')]
+      return [
+        operatorSegment,
+        tipText(' 邀请 '),
+        ...memberSegments,
+        tipText(' 加入群聊'),
+      ];
     }
     case ImContentType.GROUP_MEMBER_KICK: {
-      return [operatorSegment, tipText(' 移出了 '), ...memberSegments]
+      return [operatorSegment, tipText(' 移出了 '), ...memberSegments];
     }
     case ImContentType.GROUP_MEMBER_MUTED: {
       return payload.mutedUserId
@@ -788,108 +865,127 @@ export function resolveGroupNotificationSegments(
             operatorSegment,
             tipText(' 将 '),
             tipMention(payload.mutedUserId, resolveName(payload.mutedUserId)),
-            tipText(' 禁言')
+            tipText(' 禁言'),
           ]
-        : []
+        : [];
     }
     case ImContentType.GROUP_MEMBER_NICKNAME_UPDATE: {
-      return [operatorSegment, tipText(` 修改群昵称为 "${payload.displayUserName ?? ''}"`)]
+      return [
+        operatorSegment,
+        tipText(` 修改群昵称为 "${payload.displayUserName ?? ''}"`),
+      ];
     }
     case ImContentType.GROUP_MEMBER_QUIT: {
-      return [operatorSegment, tipText(' 退出了群聊')]
+      return [operatorSegment, tipText(' 退出了群聊')];
     }
     case ImContentType.GROUP_MESSAGE_PIN: {
-      return [operatorSegment, tipText(' 置顶了一条消息')]
+      return [operatorSegment, tipText(' 置顶了一条消息')];
     }
     case ImContentType.GROUP_MESSAGE_UNPIN: {
-      return [operatorSegment, tipText(' 取消了一条置顶消息')]
+      return [operatorSegment, tipText(' 取消了一条置顶消息')];
     }
     case ImContentType.GROUP_MUTED: {
-      return [operatorSegment, tipText(' 开启了全群禁言')]
+      return [operatorSegment, tipText(' 开启了全群禁言')];
     }
     case ImContentType.GROUP_NAME_UPDATE: {
-      return [operatorSegment, tipText(` 将群名修改为 "${payload.newName ?? ''}"`)]
+      return [
+        operatorSegment,
+        tipText(` 将群名修改为 "${payload.newName ?? ''}"`),
+      ];
     }
     case ImContentType.GROUP_NOTICE_UPDATE: {
-      return [operatorSegment, tipText(' 更新了群公告')]
+      return [operatorSegment, tipText(' 更新了群公告')];
     }
     case ImContentType.GROUP_OWNER_TRANSFER: {
       return payload.newOwnerUserId
         ? [
             operatorSegment,
             tipText(' 已将群主转让给 '),
-            tipMention(payload.newOwnerUserId, resolveName(payload.newOwnerUserId))
+            tipMention(
+              payload.newOwnerUserId,
+              resolveName(payload.newOwnerUserId),
+            ),
           ]
-        : []
+        : [];
     }
     default: {
-      return []
+      return [];
     }
   }
 }
 
 /** 群广播事件中文文案 */
 export function resolveGroupNotificationText(
-  message: { content?: string; targetId?: number; type?: number; },
+  message: { content?: string; targetId?: number; type?: number },
   resolveName: (userId: number) => string,
-  operatorNameOverride?: string
+  operatorNameOverride?: string,
 ): string {
   return segmentsToText(
-    resolveGroupNotificationSegments(message, resolveName, operatorNameOverride)
-  )
+    resolveGroupNotificationSegments(
+      message,
+      resolveName,
+      operatorNameOverride,
+    ),
+  );
 }
 
 // ==================== 好友事件 ====================
 
 /** 会话内好友事件 segments */
-export function resolveFriendNotificationSegments(message: { type?: number }): TipSegment[] {
+export function resolveFriendNotificationSegments(message: {
+  type?: number;
+}): TipSegment[] {
   switch (message.type) {
     case ImContentType.FRIEND_ADD: {
-      return [tipText('你们已经是好友了，开始聊天吧')]
+      return [tipText('你们已经是好友了，开始聊天吧')];
     }
     case ImContentType.FRIEND_DELETE: {
-      return [tipText('你已删除好友')]
+      return [tipText('你已删除好友')];
     }
     default: {
-      return []
+      return [];
     }
   }
 }
 
 /** 会话内好友事件文案：FRIEND_ADD / FRIEND_DELETE 渲染成灰色提示气泡，文案固定不依赖 payload */
-export function resolveFriendNotificationText(message: { type?: number }): string {
-  return segmentsToText(resolveFriendNotificationSegments(message))
+export function resolveFriendNotificationText(message: {
+  type?: number;
+}): string {
+  return segmentsToText(resolveFriendNotificationSegments(message));
 }
 
 // ==================== RTC 通话事件 ====================
 
 // RTC_CALL_START payload；仅群聊；用于聊天 tip 文案「{inviter} 发起了{voice/video}通话」
 export type RtcCallStartPayload = {
-  conversationType?: number
-  inviterAvatar?: string
-  inviterNickname?: string
-  inviterUserId?: number
-  mediaType?: number
-  room?: string
-}
+  conversationType?: number;
+  inviterAvatar?: string;
+  inviterNickname?: string;
+  inviterUserId?: number;
+  mediaType?: number;
+  room?: string;
+};
 
 // RTC_CALL_END payload；私聊准气泡 + 群聊「通话已结束 [时长 X]」共用
 export type RtcCallEndPayload = {
-  conversationType?: number
-  durationSeconds?: number
-  endReason?: number
-  mediaType?: number
-  operatorAvatar?: string
-  operatorNickname?: string
-  operatorUserId?: number
-  room?: string
-}
+  conversationType?: number;
+  durationSeconds?: number;
+  endReason?: number;
+  mediaType?: number;
+  operatorAvatar?: string;
+  operatorNickname?: string;
+  operatorUserId?: number;
+  room?: string;
+};
 
 /** 解析 RTC_CALL_START / RTC_CALL_END 消息 content；解析失败返回 null */
 export function parseRtcCallPayload(
-  content?: string
+  content?: string,
 ): null | (RtcCallEndPayload & RtcCallStartPayload) {
-  return content ? parseMessage<RtcCallEndPayload & RtcCallStartPayload>(content) : null
+  return content
+    ? parseMessage<RtcCallEndPayload & RtcCallStartPayload>(content)
+    : null;
 }
 
 /**
@@ -900,31 +996,33 @@ export function parseRtcCallPayload(
  * 私聊气泡走 {@link resolveRtcCallPrivateBubbleText}
  */
 export function resolveRtcCallTipSegments(message: {
-  content?: string
-  selfSend?: boolean
-  type?: number
+  content?: string;
+  selfSend?: boolean;
+  type?: number;
 }): TipSegment[] {
-  const payload = parseRtcCallPayload(message.content)
+  const payload = parseRtcCallPayload(message.content);
   if (!payload) {
-    return []
+    return [];
   }
   if (message.type === ImContentType.RTC_CALL_START) {
     return payload.inviterUserId
       ? [
           tipMention(payload.inviterUserId, resolveRtcInviterLabel(payload)),
-          tipText(' 发起了语音通话')
+          tipText(' 发起了语音通话'),
         ]
-      : []
+      : [];
   }
   if (message.type === ImContentType.RTC_CALL_END) {
-    return [tipText('语音通话已经结束')]
+    return [tipText('语音通话已经结束')];
   }
-  return []
+  return [];
 }
 
 /** 取 RTC 通话发起人展示名；昵称为空时回退「用户 {id}」 */
 function resolveRtcInviterLabel(payload: RtcCallStartPayload): string {
-  return payload.inviterNickname?.trim() || `用户 ${payload.inviterUserId ?? ''}`
+  return (
+    payload.inviterNickname?.trim() || `用户 ${payload.inviterUserId ?? ''}`
+  );
 }
 
 /**
@@ -935,22 +1033,22 @@ function resolveRtcInviterLabel(payload: RtcCallStartPayload): string {
  * 群聊：START「{inviter} 发起了语音通话」、END「语音通话已经结束」，与聊天 tip 同源
  */
 export function resolveRtcCallLastContent(
-  message: { content?: string; type?: number; },
-  conversationType: number
+  message: { content?: string; type?: number },
+  conversationType: number,
 ): string {
   if (conversationType === ImConversationType.PRIVATE) {
-    return '[语音通话]'
+    return '[语音通话]';
   }
   if (message.type === ImContentType.RTC_CALL_END) {
-    return '语音通话已经结束'
+    return '语音通话已经结束';
   }
   if (message.type === ImContentType.RTC_CALL_START) {
-    const payload = parseRtcCallPayload(message.content)
+    const payload = parseRtcCallPayload(message.content);
     if (payload) {
-      return `${resolveRtcInviterLabel(payload)} 发起了语音通话`
+      return `${resolveRtcInviterLabel(payload)} 发起了语音通话`;
     }
   }
-  return ''
+  return '';
 }
 
 /**
@@ -965,45 +1063,53 @@ export function resolveRtcCallLastContent(
  *   NO_ANSWER → 操作者「未接听」/ 另一方「对方未接听」（振铃超时 Job 触发）
  *   ERROR → 「通话中断 [N]」（接通后异常断开；duration > 0 时带时长）
  */
-export function resolveRtcCallPrivateBubbleText(payload: null | RtcCallEndPayload): string {
+export function resolveRtcCallPrivateBubbleText(
+  payload: null | RtcCallEndPayload,
+): string {
   if (!payload) {
-    return '通话已结束'
+    return '通话已结束';
   }
-  const duration = payload.durationSeconds ?? 0
-  const hasDuration = duration > 0
-  const isOperator = payload.operatorUserId === getCurrentUserId()
+  const duration = payload.durationSeconds ?? 0;
+  const hasDuration = duration > 0;
+  const isOperator = payload.operatorUserId === getCurrentUserId();
   switch (payload.endReason) {
     case ImRtcCallEndReason.BUSY: {
-      return isOperator ? '忙线未接听' : '对方忙线中'
+      return isOperator ? '忙线未接听' : '对方忙线中';
     }
     case ImRtcCallEndReason.CANCEL: {
-      return isOperator ? '已取消' : '对方已取消'
+      return isOperator ? '已取消' : '对方已取消';
     }
     case ImRtcCallEndReason.ERROR: {
-      return hasDuration ? `通话中断 ${formatCallDuration(duration)}` : '通话中断'
+      return hasDuration
+        ? `通话中断 ${formatCallDuration(duration)}`
+        : '通话中断';
     }
     case ImRtcCallEndReason.HANGUP: {
-      return hasDuration ? `通话时长 ${formatCallDuration(duration)}` : '通话中断'
+      return hasDuration
+        ? `通话时长 ${formatCallDuration(duration)}`
+        : '通话中断';
     }
     case ImRtcCallEndReason.NO_ANSWER: {
-      return isOperator ? '未接听' : '对方未接听'
+      return isOperator ? '未接听' : '对方未接听';
     }
     case ImRtcCallEndReason.REJECT: {
-      return isOperator ? '已拒绝' : '对方已拒绝'
+      return isOperator ? '已拒绝' : '对方已拒绝';
     }
     default: {
-      return hasDuration ? `通话时长 ${formatCallDuration(duration)}` : '通话已结束'
+      return hasDuration
+        ? `通话时长 ${formatCallDuration(duration)}`
+        : '通话已结束';
     }
   }
 }
 
 /** 会话内通话事件文案 */
 export function resolveRtcCallTipText(message: {
-  content?: string
-  selfSend?: boolean
-  type?: number
+  content?: string;
+  selfSend?: boolean;
+  type?: number;
 }): string {
-  return segmentsToText(resolveRtcCallTipSegments(message))
+  return segmentsToText(resolveRtcCallTipSegments(message));
 }
 
 /**
@@ -1014,22 +1120,22 @@ export function resolveRtcCallTipText(message: {
 export function resolveCallEndReasonText(reason: number | undefined): string {
   switch (reason) {
     case ImRtcCallEndReason.BUSY: {
-      return '对方忙线中'
+      return '对方忙线中';
     }
     case ImRtcCallEndReason.CANCEL: {
-      return '对方已取消'
+      return '对方已取消';
     }
     case ImRtcCallEndReason.ERROR: {
-      return '通话异常'
+      return '通话异常';
     }
     case ImRtcCallEndReason.HANGUP: {
-      return '通话已结束'
+      return '通话已结束';
     }
     case ImRtcCallEndReason.REJECT: {
-      return '对方已拒绝'
+      return '对方已拒绝';
     }
     default: {
-      return '通话已断开'
+      return '通话已断开';
     }
   }
 }
diff --git a/apps/web-antd/src/views/im/utils/pull.ts b/apps/web-antd/src/views/im/utils/pull.ts
index 4e3ec11db..5fd531b9a 100644
--- a/apps/web-antd/src/views/im/utils/pull.ts
+++ b/apps/web-antd/src/views/im/utils/pull.ts
@@ -1,4 +1,4 @@
-import { getDb } from './db'
+import { getDb } from './db';
 
 /**
  * IM 状态事件补偿（增量拉取）通用编排
@@ -10,28 +10,28 @@ import { getDb } from './db'
 
 /** 增量拉取游标：上次拉到的位置 */
 export interface PullCursor {
-  lastUpdateTime?: number
-  lastId?: number
+  lastUpdateTime?: number;
+  lastId?: number;
 }
 
 /** 可作为游标的拉取记录：服务端按 update_time + id 返回，客户端取最后一条推进游标 */
 interface PullRecord {
-  id: number
-  updateTime?: number
+  id: number;
+  updateTime?: number;
 }
 
 /** 单次拉取条数（与后端 limit 上限对齐） */
-const PULL_PAGE_SIZE = 100
+const PULL_PAGE_SIZE = 100;
 /** 单轮最多翻页数，兜底防御异常游标导致的死循环 */
-const PULL_MAX_PAGES = 100
+const PULL_MAX_PAGES = 100;
 /** 状态事件拉取回扫窗口，覆盖同秒内旧行更新和客户端 / 服务端时钟精度差 */
-const PULL_OVERLAP_MS = 5000
+const PULL_OVERLAP_MS = 5000;
 /** 消息类 minId 拉取的单轮翻页上限，兜底防御异常游标死翻；消息量可能远大于状态事件，放宽到 1000 */
-const MIN_ID_PULL_MAX_PAGES = 1000
+const MIN_ID_PULL_MAX_PAGES = 1000;
 
 /** 读取某模块的拉取游标；无则返回空游标（首次拉全量） */
 export async function getPullCursor(key: string): Promise<PullCursor> {
-  return (await getDb().getSetting<PullCursor>(key)) ?? {}
+  return (await getDb().getSetting<PullCursor>(key)) ?? {};
 }
 
 /**
@@ -44,62 +44,72 @@ export async function getPullCursor(key: string): Promise<PullCursor> {
  */
 export async function runIncrementalPull<T extends PullRecord>(
   cursorKey: string,
-  fetchPage: (params: { lastId?: number; lastUpdateTime?: number; limit: number }) => Promise<T[]>,
+  fetchPage: (params: {
+    lastId?: number;
+    lastUpdateTime?: number;
+    limit: number;
+  }) => Promise<T[]>,
   apply: (records: T[]) => boolean | Promise<boolean>,
-  isActive?: () => boolean
+  isActive?: () => boolean,
 ): Promise<void> {
-  const storedCursor = await getPullCursor(cursorKey)
-  const highWater = { ...storedCursor }
+  const storedCursor = await getPullCursor(cursorKey);
+  const highWater = { ...storedCursor };
   let cursor =
-    storedCursor.lastUpdateTime == null
+    storedCursor.lastUpdateTime === null
       ? {}
-      : { lastUpdateTime: Math.max(0, storedCursor.lastUpdateTime - PULL_OVERLAP_MS), lastId: 0 }
+      : {
+          lastUpdateTime: Math.max(
+            0,
+            storedCursor.lastUpdateTime - PULL_OVERLAP_MS,
+          ),
+          lastId: 0,
+        };
   for (let page = 0; page < PULL_MAX_PAGES; page++) {
     if (isActive && !isActive()) {
-      return
+      return;
     }
     const list = await fetchPage({
       lastUpdateTime: cursor.lastUpdateTime,
       lastId: cursor.lastId,
-      limit: PULL_PAGE_SIZE
-    })
+      limit: PULL_PAGE_SIZE,
+    });
     if (isActive && !isActive()) {
-      return
+      return;
     }
     if (list.length > 0) {
       // apply 未完全落地（返回 false）时直接终止：游标只能跟着已落地的数据走，否则会跳过本页记录
       if ((await apply(list)) === false) {
-        return
+        return;
       }
       if (isActive && !isActive()) {
-        return
+        return;
       }
       // 推进游标到本页最后一条并持久化：下次从这里接着拉
-      const last = list[list.length - 1]
+      const last = list[list.length - 1];
       if (!last) {
-        return
+        return;
       }
-      if (last.updateTime == null) {
-        return
+      if (last.updateTime === null) {
+        return;
       }
-      cursor = { lastUpdateTime: last.updateTime, lastId: last.id }
+      cursor = { lastUpdateTime: last.updateTime, lastId: last.id };
       if (
-        highWater.lastUpdateTime == null ||
+        highWater.lastUpdateTime === null ||
         cursor.lastUpdateTime > highWater.lastUpdateTime ||
         (cursor.lastUpdateTime === highWater.lastUpdateTime &&
           cursor.lastId > (highWater.lastId ?? 0))
       ) {
-        highWater.lastUpdateTime = cursor.lastUpdateTime
-        highWater.lastId = cursor.lastId
-        await getDb().setSetting(cursorKey, highWater)
+        highWater.lastUpdateTime = cursor.lastUpdateTime;
+        highWater.lastId = cursor.lastId;
+        await getDb().setSetting(cursorKey, highWater);
       }
     }
     // 不满一页 = 没有更多变更
     if (list.length < PULL_PAGE_SIZE) {
-      return
+      return;
     }
   }
-  console.warn(`[IM pull] ${cursorKey} 达到单轮翻页上限，提前结束本轮补偿`)
+  console.warn(`[IM pull] ${cursorKey} 达到单轮翻页上限，提前结束本轮补偿`);
 }
 
 /**
@@ -116,40 +126,45 @@ export async function runIncrementalPull<T extends PullRecord>(
  * @param maxPages     单轮翻页上限
  */
 export async function runMinIdPull<T extends { id?: number }>(options: {
-  applyPage: (records: T[], nextMinId?: number) => Promise<boolean> | Promise<void>
-  fetchPage: (params: { minId: number; size: number }) => Promise<T[]>
-  initialMinId: number
-  isActive?: () => boolean
-  maxPages?: number
-  pageSize: number
+  applyPage: (
+    records: T[],
+    nextMinId?: number,
+  ) => Promise<boolean> | Promise<void>;
+  fetchPage: (params: { minId: number; size: number }) => Promise<T[]>;
+  initialMinId: number;
+  isActive?: () => boolean;
+  maxPages?: number;
+  pageSize: number;
 }): Promise<void> {
-  const { initialMinId, pageSize, fetchPage, applyPage, isActive } = options
-  const maxPages = options.maxPages ?? MIN_ID_PULL_MAX_PAGES
-  let minId = initialMinId || 0
+  const { initialMinId, pageSize, fetchPage, applyPage, isActive } = options;
+  const maxPages = options.maxPages ?? MIN_ID_PULL_MAX_PAGES;
+  let minId = initialMinId || 0;
   for (let page = 0; page < maxPages; page++) {
     if (isActive && !isActive()) {
-      return
+      return;
     }
-    const list = await fetchPage({ minId, size: pageSize })
+    const list = await fetchPage({ minId, size: pageSize });
     // 拉取期间取消 / 切账号：丢弃本批不入库，也不再翻页
     if (isActive && !isActive()) {
-      return
+      return;
     }
     if (!list || list.length === 0) {
-      return
+      return;
     }
     // 本批最大消息 id 作为下次游标；无有效 id 则本批 apply 后停（无法继续翻页）
-    const validIds = list.map((record) => record.id).filter((id): id is number => id != null)
-    const nextMinId = validIds.length > 0 ? Math.max(...validIds) : undefined
+    const validIds = list
+      .map((record) => record.id)
+      .filter((id): id is number => id !== null);
+    const nextMinId = validIds.length > 0 ? Math.max(...validIds) : undefined;
     // applyPage 返回 false：本页未落地（如入库失败），不推进游标并终止，避免漏消息
     if ((await applyPage(list, nextMinId)) === false) {
-      return
+      return;
     }
     // 无有效 id，或游标没前进（后端契约是 id > minId，理论不会出现）：停，防御死翻
-    if (nextMinId == null || nextMinId <= minId) {
-      return
+    if (nextMinId === null || nextMinId <= minId) {
+      return;
     }
-    minId = nextMinId
+    minId = nextMinId;
   }
-  console.warn('[IM pull] runMinIdPull 达到单轮翻页上限，提前结束本轮')
+  console.warn('[IM pull] runMinIdPull 达到单轮翻页上限，提前结束本轮');
 }
diff --git a/apps/web-antd/src/views/im/utils/time.ts b/apps/web-antd/src/views/im/utils/time.ts
index 7c5b6e83f..a7bcf2de8 100644
--- a/apps/web-antd/src/views/im/utils/time.ts
+++ b/apps/web-antd/src/views/im/utils/time.ts
@@ -1,12 +1,28 @@
-import dayjs from 'dayjs'
+import dayjs from 'dayjs';
 
 // ====================================================================
 // IM 时间格式化
 // ====================================================================
 // 4 类场景，文案规则各有差异；统一走 dayjs，避免 raw Date 散点写法
 
-const WEEKDAY_NAMES_FULL = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
-const WEEKDAY_NAMES_SHORT = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+const WEEKDAY_NAMES_FULL = [
+  '星期日',
+  '星期一',
+  '星期二',
+  '星期三',
+  '星期四',
+  '星期五',
+  '星期六',
+];
+const WEEKDAY_NAMES_SHORT = [
+  '周日',
+  '周一',
+  '周二',
+  '周三',
+  '周四',
+  '周五',
+  '周六',
+];
 
 /**
  * 消息列表的时间分隔条
@@ -18,22 +34,22 @@ const WEEKDAY_NAMES_SHORT = ['周日', '周一', '周二', '周三', '周四', '
  */
 export function formatTimeTip(timestamp: number): string {
   if (!timestamp) {
-    return ''
+    return '';
   }
-  const target = dayjs(timestamp)
-  const now = dayjs()
-  const time = target.format('HH:mm')
+  const target = dayjs(timestamp);
+  const now = dayjs();
+  const time = target.format('HH:mm');
   if (target.isSame(now, 'day')) {
-    return time
+    return time;
   }
   if (target.isSame(now.subtract(1, 'day'), 'day')) {
-    return `昨天 ${time}`
+    return `昨天 ${time}`;
   }
-  const diffDays = now.startOf('day').diff(target.startOf('day'), 'day')
+  const diffDays = now.startOf('day').diff(target.startOf('day'), 'day');
   if (diffDays >= 2 && diffDays <= 6) {
-    return `${WEEKDAY_NAMES_SHORT[target.day()]} ${time}`
+    return `${WEEKDAY_NAMES_SHORT[target.day()]} ${time}`;
   }
-  return target.format('MM-DD HH:mm')
+  return target.format('MM-DD HH:mm');
 }
 
 /**
@@ -47,22 +63,24 @@ export function formatTimeTip(timestamp: number): string {
  */
 export function formatConversationTime(timestamp: number): string {
   if (!timestamp) {
-    return ''
+    return '';
   }
-  const target = dayjs(timestamp)
-  const now = dayjs()
+  const target = dayjs(timestamp);
+  const now = dayjs();
   if (target.isSame(now, 'day')) {
-    return target.format('HH:mm')
+    return target.format('HH:mm');
   }
   if (target.isSame(now.subtract(1, 'day'), 'day')) {
-    return `昨天 ${target.format('HH:mm')}`
+    return `昨天 ${target.format('HH:mm')}`;
   }
   // 用 startOf('day') 兜底跨时间点的差值，避免接近凌晨时取到 1.x → diff 算成 1 漏掉昨天分支
-  const diffDays = now.startOf('day').diff(target.startOf('day'), 'day')
+  const diffDays = now.startOf('day').diff(target.startOf('day'), 'day');
   if (diffDays >= 2 && diffDays <= 6) {
-    return WEEKDAY_NAMES_FULL[target.day()] || ''
+    return WEEKDAY_NAMES_FULL[target.day()] || '';
   }
-  return target.year() === now.year() ? target.format('MM/DD') : target.format('YYYY/MM/DD')
+  return target.year() === now.year()
+    ? target.format('MM/DD')
+    : target.format('YYYY/MM/DD');
 }
 
 /**
@@ -73,56 +91,58 @@ export function formatConversationTime(timestamp: number): string {
  */
 export function formatHistoryTime(timestamp: number): string {
   if (!timestamp) {
-    return ''
+    return '';
   }
-  const target = dayjs(timestamp)
+  const target = dayjs(timestamp);
   return target.year() === dayjs().year()
     ? target.format('M月D日 HH:mm')
-    : target.format('YYYY年M月D日 HH:mm')
+    : target.format('YYYY年M月D日 HH:mm');
 }
 
 /** 合并消息详情列表里每行的时间：MM-DD HH:mm */
 export function formatMergeItemTime(timestamp: number): string {
   if (!timestamp) {
-    return ''
+    return '';
   }
-  return dayjs(timestamp).format('MM-DD HH:mm')
+  return dayjs(timestamp).format('MM-DD HH:mm');
 }
 
 /** RTC 通话时长（秒）→ "00:06" / "1:23:45" */
 export function formatCallDuration(seconds: number | undefined): string {
-  const total = Math.max(0, Math.floor(seconds || 0))
-  const h = Math.floor(total / 3600)
-  const m = Math.floor((total % 3600) / 60)
-  const s = total % 60
-  const pad = (n: number) => String(n).padStart(2, '0')
-  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`
+  const total = Math.max(0, Math.floor(seconds || 0));
+  const h = Math.floor(total / 3600);
+  const m = Math.floor((total % 3600) / 60);
+  const s = total % 60;
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;
 }
 
 /** 秒数格式化为 mm:ss */
 export function formatSeconds(seconds?: number): string {
-  const value = Math.max(0, Number(seconds || 0))
-  const minute = Math.floor(value / 60)
-  const second = Math.floor(value % 60)
-  return `${minute.toString().padStart(2, '0')}:${second.toString().padStart(2, '0')}`
+  const value = Math.max(0, Number(seconds || 0));
+  const minute = Math.floor(value / 60);
+  const second = Math.floor(value % 60);
+  return `${minute.toString().padStart(2, '0')}:${second.toString().padStart(2, '0')}`;
 }
 
 /** 格式化日期 */
 export function formatDate(
   date?: Date | number | string,
-  format = 'YYYY-MM-DD HH:mm:ss'
+  format = 'YYYY-MM-DD HH:mm:ss',
 ) {
-  return dayjs(date).format(format)
+  return dayjs(date).format(format);
 }
 
 /** 接通到结束的通话时长；任一时间缺失返回 '-' */
 export function resolveCallDuration(
   acceptTime: Date | string | undefined,
-  endTime: Date | string | undefined
+  endTime: Date | string | undefined,
 ): string {
   if (!acceptTime || !endTime) {
-    return '-'
+    return '-';
   }
-  const seconds = Math.floor((new Date(endTime).getTime() - new Date(acceptTime).getTime()) / 1000)
-  return seconds > 0 ? formatCallDuration(seconds) : '-'
+  const seconds = Math.floor(
+    (new Date(endTime).getTime() - new Date(acceptTime).getTime()) / 1000,
+  );
+  return seconds > 0 ? formatCallDuration(seconds) : '-';
 }
diff --git a/apps/web-antd/src/views/im/utils/user.ts b/apps/web-antd/src/views/im/utils/user.ts
index b614b82b0..1d82aa633 100644
--- a/apps/web-antd/src/views/im/utils/user.ts
+++ b/apps/web-antd/src/views/im/utils/user.ts
@@ -1,3 +1,4 @@
+// oxlint-disable unicorn/number-literal-case
 // ====================================================================
 // IM 用户展示 utility
 // ====================================================================
@@ -9,34 +10,34 @@
 // 命名约定：显示名相关函数一律使用 displayName，与 friend.displayName / member.displayUserName 字段对齐
 // ====================================================================
 
-import type { Conversation, Friend, Group, User } from '../home/types'
+import type { Conversation, Friend, Group, User } from '../home/types';
+import type { MentionCandidate } from './message';
 
-import { CommonStatusEnum } from '@vben/constants'
-import { useUserStore } from '@vben/stores'
+import { CommonStatusEnum } from '@vben/constants';
+import { useUserStore } from '@vben/stores';
 
-import { getCurrentUserId } from '#/views/im/utils/auth'
+import { getCurrentUserId } from '#/views/im/utils/auth';
 
-import { useConversationStore } from '../home/store/conversationStore'
-import { useFriendStore } from '../home/store/friendStore'
-import { useGroupStore } from '../home/store/groupStore'
-import { useImUiStore } from '../home/store/uiStore'
+import { useConversationStore } from '../home/store/conversationStore';
+import { useFriendStore } from '../home/store/friendStore';
+import { useGroupStore } from '../home/store/groupStore';
+import { useImUiStore } from '../home/store/uiStore';
 import {
   IM_AT_ALL_NICKNAME,
   IM_AT_ALL_USER_ID,
   ImConversationType,
-  ImFriendAddSource
-} from './constants'
-import { type MentionCandidate } from './message'
+  ImFriendAddSource,
+} from './constants';
 
 const SystemUserSexEnum = {
   FEMALE: 2,
   MALE: 1,
-  UNKNOWN: 0
-} as const
+  UNKNOWN: 0,
+} as const;
 
 // 候选缺失场景的稳定空数组；让 textMentions computed 在非 TEXT / 非群聊 / 无 @ 时返回同一引用，
 // MessageBubble 的 textSegments 才不会跟着无谓重算
-const EMPTY_MENTIONS: MentionCandidate[] = []
+const EMPTY_MENTIONS: MentionCandidate[] = [];
 
 /**
  * 是否历史退群群：joinStatus 为 DISABLE（已退群 / 被移除）
@@ -44,7 +45,7 @@ const EMPTY_MENTIONS: MentionCandidate[] = []
  * /im/group/list 会带回历史退群群（供展示历史消息的群名 / 头像）；这类群应禁止发送、隐藏群操作入口、不可被转发 / 推荐选中
  */
 export function isGroupQuit(group?: Group | null): boolean {
-  return group?.joinStatus === CommonStatusEnum.DISABLE
+  return group?.joinStatus === CommonStatusEnum.DISABLE;
 }
 
 /**
@@ -52,8 +53,10 @@ export function isGroupQuit(group?: Group | null): boolean {
  *
  * displayName 是「我对这个人的私人称呼」属于我的数据，删好友（DISABLE）也保留；删了再加回来时备注自然延续，历史消息里仍以备注辨识
  */
-export function getFriendDisplayName(friend: Pick<Friend, 'displayName' | 'nickname'>): string {
-  return friend.displayName || friend.nickname
+export function getFriendDisplayName(
+  friend: Pick<Friend, 'displayName' | 'nickname'>,
+): string {
+  return friend.displayName || friend.nickname;
 }
 
 /**
@@ -63,14 +66,16 @@ export function getFriendDisplayName(friend: Pick<Friend, 'displayName' | 'nickn
  */
 export function getMemberDisplayName(
   member: { displayUserName?: string; nickname: string },
-  friend?: null | Pick<Friend, 'displayName'>
+  friend?: null | Pick<Friend, 'displayName'>,
 ): string {
-  return friend?.displayName || member.displayUserName || member.nickname
+  return friend?.displayName || member.displayUserName || member.nickname;
 }
 
 /** 群显示名：当前用户对该群的备注（groupRemark） > 群名（name） */
-export function getGroupDisplayName(group: Pick<Group, 'groupRemark' | 'name'>): string {
-  return group.groupRemark || group.name
+export function getGroupDisplayName(
+  group: Pick<Group, 'groupRemark' | 'name'>,
+): string {
+  return group.groupRemark || group.name;
 }
 
 /**
@@ -85,30 +90,30 @@ export function getGroupDisplayName(group: Pick<Group, 'groupRemark' | 'name'>):
 export function tryGetSenderDisplayName(
   senderId: number,
   conversationType: number,
-  conversationTargetId: number
+  conversationTargetId: number,
 ): string | undefined {
   if (conversationType === ImConversationType.GROUP) {
-    const group = useGroupStore().getGroup(conversationTargetId)
-    const member = group?.members?.find((m) => m.userId === senderId)
+    const group = useGroupStore().getGroup(conversationTargetId);
+    const member = group?.members?.find((m) => m.userId === senderId);
     if (member) {
-      const friend = useFriendStore().getFriend(senderId)
-      return getMemberDisplayName(member, friend)
+      const friend = useFriendStore().getFriend(senderId);
+      return getMemberDisplayName(member, friend);
     }
     if (senderId === getCurrentUserId()) {
-      return useUserStore().userInfo?.nickname || undefined
+      return useUserStore().userInfo?.nickname || undefined;
     }
-    return undefined
+    return undefined;
   }
 
   // PRIVATE / 未知会话类型：self 走 userStore，对方走 friend
   if (senderId === getCurrentUserId()) {
-    return useUserStore().userInfo?.nickname || undefined
+    return useUserStore().userInfo?.nickname || undefined;
   }
   if (conversationType === ImConversationType.PRIVATE) {
-    const friend = useFriendStore().getFriend(senderId)
-    return friend ? getFriendDisplayName(friend) : undefined
+    const friend = useFriendStore().getFriend(senderId);
+    return friend ? getFriendDisplayName(friend) : undefined;
   }
-  return undefined
+  return undefined;
 }
 
 /**
@@ -123,21 +128,25 @@ export function getSenderDisplayName(
   senderId: number,
   conversationType: number,
   conversationTargetId: number,
-  fallbackName?: string
+  fallbackName?: string,
 ): string {
-  const real = tryGetSenderDisplayName(senderId, conversationType, conversationTargetId)
+  const real = tryGetSenderDisplayName(
+    senderId,
+    conversationType,
+    conversationTargetId,
+  );
   if (real) {
-    return real
+    return real;
   }
   if (fallbackName) {
-    return fallbackName
+    return fallbackName;
   }
   // self 在 GROUP members 没加载时，至少用真实昵称兜底渲染（比 String(senderId) 友好）；兜底拉成员由 conversationStore 触发，回来后 try 版本能命中真名自然刷新
-  const userStore = useUserStore()
+  const userStore = useUserStore();
   if (senderId === getCurrentUserId()) {
-    return userStore.userInfo?.nickname || String(senderId)
+    return userStore.userInfo?.nickname || String(senderId);
   }
-  return String(senderId)
+  return String(senderId);
 }
 
 /**
@@ -152,36 +161,36 @@ export function getSenderDisplayName(
 export function getSenderRealNickname(
   senderId: number,
   conversationType: number,
-  conversationTargetId: number
+  conversationTargetId: number,
 ): string {
-  const userStore = useUserStore()
-  const selfUserId = getCurrentUserId()
+  const userStore = useUserStore();
+  const selfUserId = getCurrentUserId();
 
   // 群聊先走 member.nickname（self 也是 member），异常时再走 self / senderId 兜底
   if (conversationType === ImConversationType.GROUP) {
-    const group = useGroupStore().getGroup(conversationTargetId)
-    const member = group?.members?.find((m) => m.userId === senderId)
+    const group = useGroupStore().getGroup(conversationTargetId);
+    const member = group?.members?.find((m) => m.userId === senderId);
     if (member?.nickname) {
-      return member.nickname
+      return member.nickname;
     }
     if (senderId === selfUserId) {
-      return userStore.userInfo?.nickname || String(senderId)
+      return userStore.userInfo?.nickname || String(senderId);
     }
-    return String(senderId)
+    return String(senderId);
   }
 
   if (conversationType === ImConversationType.PRIVATE) {
     if (senderId === selfUserId) {
-      return userStore.userInfo?.nickname || String(senderId)
+      return userStore.userInfo?.nickname || String(senderId);
     }
-    const friend = useFriendStore().getFriend(senderId)
-    return friend?.nickname || String(senderId)
+    const friend = useFriendStore().getFriend(senderId);
+    return friend?.nickname || String(senderId);
   }
 
   if (senderId === selfUserId) {
-    return userStore.userInfo?.nickname || String(senderId)
+    return userStore.userInfo?.nickname || String(senderId);
   }
-  return String(senderId)
+  return String(senderId);
 }
 
 /**
@@ -195,20 +204,20 @@ export function getSenderRealNickname(
 export function getSenderAvatar(
   senderId: number,
   conversationType: number,
-  conversationTargetId: number
+  conversationTargetId: number,
 ): string {
-  const userStore = useUserStore()
+  const userStore = useUserStore();
   if (senderId === getCurrentUserId()) {
-    return userStore.userInfo?.avatar || ''
+    return userStore.userInfo?.avatar || '';
   }
   if (conversationType === ImConversationType.GROUP) {
-    const group = useGroupStore().getGroup(conversationTargetId)
-    const member = group?.members?.find((m) => m.userId === senderId)
+    const group = useGroupStore().getGroup(conversationTargetId);
+    const member = group?.members?.find((m) => m.userId === senderId);
     if (member?.avatar) {
-      return member.avatar
+      return member.avatar;
     }
   }
-  return useFriendStore().getFriend(senderId)?.avatar || ''
+  return useFriendStore().getFriend(senderId)?.avatar || '';
 }
 
 /**
@@ -219,63 +228,68 @@ export function getSenderAvatar(
  */
 export function getMentionCandidates(
   atUserIds: number[] | undefined,
-  conversation: null | Pick<Conversation, 'targetId' | 'type'> | undefined
+  conversation: null | Pick<Conversation, 'targetId' | 'type'> | undefined,
 ): MentionCandidate[] {
   if (!atUserIds || atUserIds.length === 0) {
-    return EMPTY_MENTIONS
+    return EMPTY_MENTIONS;
   }
   if (!conversation || conversation.type !== ImConversationType.GROUP) {
-    return EMPTY_MENTIONS
+    return EMPTY_MENTIONS;
   }
   // 群成员预建 Map，避免每个 atUserId 走一次 array find（@全体成员场景下成员数 × atUserIds 是 N²）
-  const members = useGroupStore().getGroup(conversation.targetId)?.members || []
-  const memberById = new Map(members.map((m) => [m.userId, m]))
-  const friendStore = useFriendStore()
-  const candidates: MentionCandidate[] = []
-  const seen = new Set<string>()
+  const members =
+    useGroupStore().getGroup(conversation.targetId)?.members || [];
+  const memberById = new Map(members.map((m) => [m.userId, m]));
+  const friendStore = useFriendStore();
+  const candidates: MentionCandidate[] = [];
+  const seen = new Set<string>();
   for (const userId of atUserIds) {
     // @全体成员是虚拟伪成员，userId = -1 在 group.members 里查不到，注入字面量「所有人」候选
     if (userId === IM_AT_ALL_USER_ID) {
-      const key = `${IM_AT_ALL_USER_ID}#${IM_AT_ALL_NICKNAME}`
+      const key = `${IM_AT_ALL_USER_ID}#${IM_AT_ALL_NICKNAME}`;
       if (!seen.has(key)) {
-        seen.add(key)
+        seen.add(key);
         candidates.push({
           userId: IM_AT_ALL_USER_ID,
           name: IM_AT_ALL_NICKNAME,
-          displayName: IM_AT_ALL_NICKNAME
-        })
+          displayName: IM_AT_ALL_NICKNAME,
+        });
       }
-      continue
+      continue;
     }
-    const member = memberById.get(userId)
-    const friend = friendStore.getFriend(userId)
-    const nickname = (member?.nickname || friend?.nickname || '').trim()
+    const member = memberById.get(userId);
+    const friend = friendStore.getFriend(userId);
+    const nickname = (member?.nickname || friend?.nickname || '').trim();
     if (!nickname) {
-      continue
+      continue;
     }
-    for (const literal of [nickname, friend?.displayName, member?.displayUserName]) {
-      const trimmed = (literal || '').trim()
+    for (const literal of [
+      nickname,
+      friend?.displayName,
+      member?.displayUserName,
+    ]) {
+      const trimmed = (literal || '').trim();
       if (!trimmed) {
-        continue
+        continue;
       }
-      const key = `${userId}#${trimmed}`
+      const key = `${userId}#${trimmed}`;
       if (seen.has(key)) {
-        continue
+        continue;
       }
-      seen.add(key)
-      candidates.push({ userId, name: trimmed, displayName: nickname })
+      seen.add(key);
+      candidates.push({ userId, name: trimmed, displayName: nickname });
     }
   }
-  const nameCount = new Map<string, number>()
+  const nameCount = new Map<string, number>();
   for (const candidate of candidates) {
-    nameCount.set(candidate.name, (nameCount.get(candidate.name) ?? 0) + 1)
+    nameCount.set(candidate.name, (nameCount.get(candidate.name) ?? 0) + 1);
   }
   for (const candidate of candidates) {
     if ((nameCount.get(candidate.name) ?? 0) > 1) {
-      candidate.ambiguous = true
+      candidate.ambiguous = true;
     }
   }
-  return candidates
+  return candidates;
 }
 
 /**
@@ -288,80 +302,95 @@ export function getMentionCandidates(
 export function openMentionUserInfoCardAtEvent(
   userId: number,
   event: MouseEvent,
-  fallbackName?: string
+  fallbackName?: string,
 ): void {
   if (userId === IM_AT_ALL_USER_ID) {
-    return
+    return;
   }
-  const conversation = useConversationStore().activeConversation
-  const isGroup = conversation?.type === ImConversationType.GROUP
-  const group = isGroup && conversation ? useGroupStore().getGroup(conversation.targetId) : undefined
-  const member = group?.members?.find((m) => m.userId === userId)
-  const friend = useFriendStore().getFriend(userId)
+  const conversation = useConversationStore().activeConversation;
+  const isGroup = conversation?.type === ImConversationType.GROUP;
+  const group =
+    isGroup && conversation
+      ? useGroupStore().getGroup(conversation.targetId)
+      : undefined;
+  const member = group?.members?.find((m) => m.userId === userId);
+  const friend = useFriendStore().getFriend(userId);
   const user: User = {
     id: userId,
-    nickname: friend?.nickname || member?.nickname || fallbackName || String(userId),
-    avatar: getSenderAvatar(userId, conversation?.type ?? 0, conversation?.targetId ?? 0)
-  }
+    nickname:
+      friend?.nickname || member?.nickname || fallbackName || String(userId),
+    avatar: getSenderAvatar(
+      userId,
+      conversation?.type ?? 0,
+      conversation?.targetId ?? 0,
+    ),
+  };
   useImUiStore().openUserInfoCardAtEvent(
     user,
     event,
     isGroup ? ImFriendAddSource.GROUP : ImFriendAddSource.SEARCH,
-    isGroup ? group?.name || '' : ''
-  )
+    isGroup ? group?.name || '' : '',
+  );
 }
 
 /** 性别图标；UNKNOWN / null / undefined 一律不展示，对齐微信留白 */
 export function getGenderIcon(sex?: number): string {
   if (sex === SystemUserSexEnum.MALE) {
-    return 'mdi:human-male'
+    return 'mdi:human-male';
   }
   if (sex === SystemUserSexEnum.FEMALE) {
-    return 'mdi:human-female'
+    return 'mdi:human-female';
   }
-  return ''
+  return '';
 }
 
 /** 性别图标主题色：男蓝、女粉 */
 export function getGenderColor(sex?: number): string {
   if (sex === SystemUserSexEnum.MALE) {
-    return '#5b97f5'
+    return '#5b97f5';
   }
   if (sex === SystemUserSexEnum.FEMALE) {
-    return '#f56c92'
+    return '#f56c92';
   }
-  return ''
+  return '';
 }
 
 /** 头像色卡底色调色板（参考微信） */
-const AVATAR_BG_COLORS = ['#07C160', '#1A95FF', '#FA9D3B', '#9163E0', '#F76760', '#1ABC9C']
+const AVATAR_BG_COLORS = [
+  '#07C160',
+  '#1A95FF',
+  '#FA9D3B',
+  '#9163E0',
+  '#F76760',
+  '#1ABC9C',
+];
 
 /** 头像色卡文字：中文取首字、英文取前 2 字母大写、其他取首字大写、空名返回空串 */
 export function getAvatarText(name?: string): string {
-  const trimmed = name?.trim()
+  const trimmed = name?.trim();
   if (!trimmed) {
-    return ''
+    return '';
   }
-  const first = trimmed.charAt(0)
-  const code = first.codePointAt(0) ?? 0
-  if (code >= 0x4E_00 && code <= 0x9F_A5) {
-    return first
+  const first = trimmed.charAt(0);
+  const code = first.codePointAt(0) ?? 0;
+  if (code >= 0x4e_00 && code <= 0x9f_a5) {
+    return first;
   }
-  const letters = trimmed.match(/[A-Za-z]/g)
+  const letters = trimmed.match(/[A-Za-z]/g);
   if (!letters || letters.length === 0) {
-    return first.toUpperCase()
+    return first.toUpperCase();
   }
-  return letters.slice(0, 2).join('').toUpperCase()
+  return letters.slice(0, 2).join('').toUpperCase();
 }
 
 /** 头像色卡底色：按 name charCode 之和取调色板色，空名走默认灰 */
 export function getAvatarBgColor(name?: string): string {
   if (!name) {
-    return '#909399'
+    return '#909399';
   }
-  let hash = 0
+  let hash = 0;
   for (let i = 0; i < name.length; i++) {
-    hash += name.codePointAt(i) ?? 0
+    hash += name.codePointAt(i) ?? 0;
   }
-  return AVATAR_BG_COLORS[hash % AVATAR_BG_COLORS.length] || '#909399'
+  return AVATAR_BG_COLORS[hash % AVATAR_BG_COLORS.length] || '#909399';
 }