| e.stopPropagation()}> setSelected((s) => { const ns = new Set(s); v ? ns.add(customer.id) : ns.delete(customer.id); return ns })} /> |
navigate(`/customers/${customer.id}`)}>
diff --git a/src/pages/dashboard/DashboardPage.tsx b/src/pages/dashboard/DashboardPage.tsx
index 76a0688..9d75c45 100644
--- a/src/pages/dashboard/DashboardPage.tsx
+++ b/src/pages/dashboard/DashboardPage.tsx
@@ -92,43 +92,53 @@ export function DashboardPage() {
const s = data.stats
return (
-
+
{/* 顶部欢迎区 */}
-
-
-
- {greeting}，{user?.name}
-
-
- {dateStr} · {tenant?.name} · {t('dashboard.updatedAt')} {formatDateTime(data.updatedAt).slice(11)}
-
+
+
+
+ Business command center
+
+ {greeting}，{user?.name}
+
+
+ {dateStr} · {tenant?.name} · 数据更新于 {formatDateTime(data.updatedAt).slice(11)}
+
+
+
+ {plan.name}
+
+
+
-
- {plan.name}
-
-
+
+ {quickActions.slice(0, 5).map((a) => (
+
+ ))}
- {/* 快捷操作 */}
-
- {quickActions.map((a) => (
-
- ))}
-
-
{/* 核心指标 */}
+
+
+
+
navigate('/inbox')} />
navigate('/inbox?filter=pending')} />
navigate('/customers?intentLevel=high')} />
navigate('/opportunities?tab=tasks')} />
+
+
navigate('/risks')} />
diff --git a/src/pages/inbox/InboxPage.tsx b/src/pages/inbox/InboxPage.tsx
index da93d0b..8685981 100644
--- a/src/pages/inbox/InboxPage.tsx
+++ b/src/pages/inbox/InboxPage.tsx
@@ -1,7 +1,23 @@
import { useState, useCallback, useEffect, useLayoutEffect, useRef } from 'react'
import { useSearchParams } from 'react-router-dom'
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { ArrowLeft, UserRound, ChevronLeft, MessageCircle, X } from 'lucide-react'
+import {
+ Archive,
+ ArrowLeft,
+ Ban,
+ BellOff,
+ Check,
+ ChevronLeft,
+ Eraser,
+ LogOut,
+ MessageCircle,
+ MoreHorizontal,
+ Palette,
+ Pin,
+ Trash2,
+ UserRound,
+ X,
+} from 'lucide-react'
import {
getConversations,
getConversation,
@@ -12,6 +28,10 @@ import {
updateConversation,
updateMessage,
markConversationRead,
+ openTelegramConversation,
+ runTelegramConversationAction,
+ type TelegramConversationAction,
+ type ConversationListItem,
} from '@/services/api/conversations'
import { updateCustomer } from '@/services/api/customers'
import { useAuthStore } from '@/app/store/auth'
@@ -20,11 +40,11 @@ import { toast, errorMessage } from '@/app/store/toast'
import { PageLoading, ErrorState, EmptyState } from '@/components/ui/feedback'
import { Button } from '@/components/ui/button'
import { Dialog } from '@/components/ui/dialog'
-import { Segmented, type TabItem } from '@/components/ui/tabs'
+import { Dropdown } from '@/components/ui/dropdown'
+import { Segmented } from '@/components/ui/tabs'
import { Avatar } from '@/components/ui/avatar'
import { ChannelIcon } from '@/components/common/ChannelIcon'
import { CountryFlag } from '@/components/common/CountryFlag'
-import { IntentScoreBadge } from '@/components/common/StatusBadges'
import type { ViewMode } from '@/components/inbox/MessageBubble'
import type { Conversation, Customer, Message } from '@/types'
import { ConversationList } from '@/components/inbox/ConversationList'
@@ -35,6 +55,50 @@ import { AiReplies } from '@/components/inbox/AiReplies'
import { ConversationInsightBar } from '@/components/inbox/ConversationInsightBar'
import { useDebounce } from '@/hooks/useDebounce'
import { getWebSocketTicket } from '@/services/api/auth'
+import { cn } from '@/utils/cn'
+
+type ChatWallpaper = 'ocean' | 'aurora' | 'sunset' | 'mint'
+
+const CHAT_WALLPAPERS: Array<{
+ value: ChatWallpaper
+ label: string
+ swatch: string
+}> = [
+ { value: 'ocean', label: '清爽蓝', swatch: 'from-blue-300 via-sky-100 to-white' },
+ { value: 'aurora', label: '极光紫', swatch: 'from-violet-300 via-fuchsia-100 to-cyan-100' },
+ { value: 'sunset', label: '日落橙', swatch: 'from-orange-200 via-rose-100 to-violet-100' },
+ { value: 'mint', label: '薄荷绿', swatch: 'from-emerald-200 via-teal-100 to-sky-100' },
+]
+
+function sortRealtimeConversations(items: ConversationListItem[]) {
+ return [...items].sort((a, b) => {
+ const pinned = Number(Boolean(b.isPinned)) - Number(Boolean(a.isPinned))
+ if (pinned) return pinned
+ const bTime = Date.parse(b.lastMessage?.createdAt || b.updatedAt || '') || 0
+ const aTime = Date.parse(a.lastMessage?.createdAt || a.updatedAt || '') || 0
+ if (bTime !== aTime) return bTime - aTime
+ return String(b.id).localeCompare(String(a.id))
+ })
+}
+
+function updateRealtimeConversationList(
+ current: { list: ConversationListItem[]; total: number } | undefined,
+ conversationId: string,
+ patch: Partial,
+) {
+ if (!current) return current
+ let matched = false
+ const list = current.list.map((item) => {
+ if (item.id !== conversationId) return item
+ matched = true
+ return {
+ ...item,
+ ...patch,
+ customer: patch.customer ? { ...item.customer, ...patch.customer } : item.customer,
+ }
+ })
+ return matched ? { ...current, list: sortRealtimeConversations(list) } : current
+}
export function InboxPage() {
const [searchParams, setSearchParams] = useSearchParams()
@@ -48,11 +112,21 @@ export function InboxPage() {
const [keyword, setKeyword] = useState('')
const debouncedKeyword = useDebounce(keyword, 300)
- const [viewMode, setViewMode] = useState('bilingual')
+ const [viewMode, setViewMode] = useState(() => {
+ const saved = window.localStorage.getItem('lingxi-message-view-mode')
+ return ['original', 'translated', 'bilingual'].includes(String(saved))
+ ? saved as ViewMode
+ : 'bilingual'
+ })
const [mobilePanel, setMobilePanel] = useState<'list' | 'chat' | 'insight'>('list')
const [showInsight, setShowInsight] = useState(false) // desktop right panel toggle
- const [showAiReplies, setShowAiReplies] = useState(true)
+ const [showAiReplies, setShowAiReplies] = useState(false)
+ const [chatWallpaper, setChatWallpaper] = useState(() => {
+ const saved = window.localStorage.getItem('lingxi-chat-wallpaper')
+ return CHAT_WALLPAPERS.some((item) => item.value === saved) ? saved as ChatWallpaper : 'ocean'
+ })
const [draftText, setDraftText] = useState('')
+ const [draftTranslationCn, setDraftTranslationCn] = useState('')
const [replyingTo, setReplyingTo] = useState<{ id: string; text: string } | null>(null)
const [noteTarget, setNoteTarget] = useState(null)
const [noteDraft, setNoteDraft] = useState('')
@@ -61,15 +135,38 @@ export function InboxPage() {
message: Message
customer: Customer
} | null>(null)
+ const [addTelegramOpen, setAddTelegramOpen] = useState(false)
+ const [addTelegramType, setAddTelegramType] = useState<'user' | 'chat' | 'invite'>('user')
+ const [addTelegramIdentifier, setAddTelegramIdentifier] = useState('')
+ const [addTelegramLoading, setAddTelegramLoading] = useState(false)
+ const [conversationActionTarget, setConversationActionTarget] = useState<{
+ item: ConversationListItem
+ action: 'clear' | 'delete' | 'leave'
+ } | null>(null)
+ const [conversationActionLoading, setConversationActionLoading] = useState(false)
+
const messageListRef = useRef(null)
+ const messageContentRef = useRef(null)
+ const activeConversationQueryKeyRef = useRef([
+ 'conversations',
+ filter,
+ channel,
+ debouncedKeyword,
+ ])
+ activeConversationQueryKeyRef.current = ['conversations', filter, channel, debouncedKeyword]
useEffect(() => {
setDraftText('')
+ setDraftTranslationCn('')
setReplyingTo(null)
setShowAiReplies(true)
if (isMobile && convId) setMobilePanel('chat')
}, [convId])
+ useEffect(() => {
+ window.localStorage.setItem('lingxi-chat-wallpaper', chatWallpaper)
+ }, [chatWallpaper])
+
// 会话列表
const { data: convData, isLoading: convLoading } = useQuery({
queryKey: ['conversations', filter, channel, debouncedKeyword],
@@ -108,6 +205,34 @@ export function InboxPage() {
return () => cancelAnimationFrame(frame)
}, [convId, messages?.length, lastMessageId])
+ // Keep the newest message visible while translations, attachments and the
+ // surrounding composer finish measuring. Do not override a user scrolling up.
+ useEffect(() => {
+ const container = messageListRef.current
+ const content = messageContentRef.current
+ if (!container || !content || !convId) return
+
+ let initialLayout = true
+ const scrollIfFollowingLatest = () => {
+ const distanceFromBottom =
+ container.scrollHeight - container.clientHeight - container.scrollTop
+ if (initialLayout || distanceFromBottom <= 160) {
+ container.scrollTop = container.scrollHeight
+ }
+ initialLayout = false
+ }
+
+ const frame = requestAnimationFrame(scrollIfFollowingLatest)
+ const observer = new ResizeObserver(scrollIfFollowingLatest)
+ observer.observe(container)
+ observer.observe(content)
+
+ return () => {
+ cancelAnimationFrame(frame)
+ observer.disconnect()
+ }
+ }, [convId])
+
useEffect(() => {
if (!convId || !messages?.length) return
const unreadIds = messages.filter((message) => message.sender === 'customer').slice(-100).map((message) => message.id)
@@ -160,8 +285,15 @@ export function InboxPage() {
conversation?: Conversation
}
try { event = JSON.parse(String(raw.data)) } catch { return }
+ const activeConversationCache = queryClient.getQueryData<{ list: ConversationListItem[] }>(
+ activeConversationQueryKeyRef.current,
+ )
+ const conversationWasVisible = Boolean(
+ event.conversationId
+ && activeConversationCache?.list.some((item) => item.id === event.conversationId),
+ )
if (
- event.type === 'message.created' &&
+ ['message.created', 'message.received'].includes(event.type || '') &&
event.conversationId &&
event.message?.sender === 'customer' &&
event.customer
@@ -185,27 +317,38 @@ export function InboxPage() {
})
queryClient.setQueriesData<{ list: Array<{ id: string; lastMessage?: Message }>; total: number }>(
{ queryKey: ['conversations'] },
- (current) => current ? {
- ...current,
- list: current.list.map((item) => item.id === event.conversationId
- ? { ...item, lastMessage: event.message }
- : item),
- } : current,
+ (current) => {
+ const typed = current as { list: ConversationListItem[]; total: number } | undefined
+ const item = typed?.list.find((entry) => entry.id === event.conversationId)
+ const isNewMessage = ['message.created', 'message.received'].includes(event.type || '')
+ const isCurrentLastMessage =
+ String(item?.lastMessage?.id || '') === String(event.message?.id || '')
+ if (!isNewMessage && !isCurrentLastMessage) return typed
+ return updateRealtimeConversationList(typed, event.conversationId!, {
+ lastMessage: event.message,
+ })
+ },
)
}
- if (event.conversationId && event.customer && event.conversation) {
- queryClient.setQueryData(['conversation', event.conversationId], {
+ if (event.conversationId && event.conversation) {
+ queryClient.setQueryData(['conversation', event.conversationId], (current: any) => ({
conversation: event.conversation,
- customer: event.customer,
- })
- queryClient.setQueriesData({ queryKey: ['conversations'] }, (current: any) => current ? {
- ...current,
- list: current.list.map((item: any) => item.id === event.conversationId
- ? { ...item, ...event.conversation, customer: event.customer }
- : item),
- } : current)
+ customer: event.customer || current?.customer,
+ }))
+ queryClient.setQueriesData<{ list: ConversationListItem[]; total: number }>(
+ { queryKey: ['conversations'] },
+ (current) => updateRealtimeConversationList(current, event.conversationId!, {
+ ...event.conversation,
+ ...(event.customer ? { customer: event.customer } : {}),
+ }),
+ )
+ }
+ if (
+ event.type === 'sync.completed'
+ || (event.conversationId && !conversationWasVisible)
+ ) {
+ void queryClient.invalidateQueries({ queryKey: ['conversations'] })
}
- void queryClient.invalidateQueries({ queryKey: ['conversations'] })
}
socket.onerror = () => socket?.close()
socket.onclose = () => {
@@ -245,19 +388,34 @@ export function InboxPage() {
[setSearchParams],
)
+ const setChannel = useCallback(
+ (value: string) => {
+ setSearchParams((prev) => {
+ if (value) prev.set('channel', value)
+ else prev.delete('channel')
+ prev.delete('c')
+ return prev
+ })
+ },
+ [setSearchParams],
+ )
+
const sendMsg = useMutation({
mutationFn: async ({
text,
convId: id,
autoTranslate,
+ translationCn,
}: {
text: string
convId: string
autoTranslate?: boolean
+ translationCn?: string
}) => {
return sendMessage(id, {
text,
autoTranslate,
+ translationCn,
replyToId: replyingTo?.id,
replyPreview: replyingTo?.text,
})
@@ -272,7 +430,13 @@ export function InboxPage() {
const handleSend = async (text: string, autoTranslate = true) => {
if (!convId) return
- await sendMsg.mutateAsync({ text, convId, autoTranslate })
+ await sendMsg.mutateAsync({
+ text,
+ convId,
+ autoTranslate,
+ translationCn: draftTranslationCn || undefined,
+ })
+ setDraftTranslationCn('')
}
const handleMedia = async (files: File[], kind: 'document' | 'photo' | 'audio' | 'voice' | 'sticker') => {
@@ -293,6 +457,87 @@ export function InboxPage() {
for (const item of encoded) await sendMedia(convId, { ...item, kind })
}
+ const refreshConversationState = async (id?: string) => {
+ await queryClient.invalidateQueries({ queryKey: ['conversations'] })
+ if (id) {
+ await Promise.all([
+ queryClient.invalidateQueries({ queryKey: ['conversation', id] }),
+ queryClient.invalidateQueries({ queryKey: ['messages', id] }),
+ ])
+ }
+ }
+
+ const executeTelegramAction = async (
+ action: TelegramConversationAction,
+ item?: ConversationListItem,
+ ) => {
+ const id = item?.id || convId
+ if (!id) return
+ try {
+ const result = await runTelegramConversationAction(id, action)
+ if ('deleted' in result && result.deleted) {
+ queryClient.removeQueries({ queryKey: ['messages', id] })
+ queryClient.removeQueries({ queryKey: ['conversation', id] })
+ if (convId === id) setSearchParams((params) => { params.delete('c'); return params })
+ } else {
+ await refreshConversationState(id)
+ }
+ const labels: Partial> = {
+ clear: '消息记录已清空',
+ delete: '会话已从 Telegram 列表删除',
+ pin: '会话已置顶',
+ unpin: '已取消置顶',
+ archive: '会话已归档',
+ unarchive: '会话已移出归档',
+ mute: '会话已静音 8 小时',
+ unmute: '会话已恢复通知',
+ 'mark-unread': '会话已标记为未读',
+ leave: '已退出群组或频道',
+ block: '已拉黑该 Telegram 用户',
+ unblock: '已解除拉黑',
+ }
+ toast.success(labels[action] || 'Telegram 操作已完成')
+ } catch (error) {
+ toast.error(errorMessage(error))
+ throw error
+ }
+ }
+
+ const confirmTelegramAction = async () => {
+ if (!conversationActionTarget) return
+ setConversationActionLoading(true)
+ try {
+ await executeTelegramAction(conversationActionTarget.action, conversationActionTarget.item)
+ setConversationActionTarget(null)
+ } finally {
+ setConversationActionLoading(false)
+ }
+ }
+
+ const addTelegramConversation = async () => {
+ const identifier = addTelegramIdentifier.trim()
+ if (!identifier) {
+ toast.error('请输入 Telegram 标识')
+ return
+ }
+ setAddTelegramLoading(true)
+ try {
+ const value = await openTelegramConversation({
+ identifier,
+ targetType: addTelegramType,
+ })
+ await refreshConversationState(value.conversation.id)
+ setAddTelegramOpen(false)
+ setAddTelegramIdentifier('')
+ setConv(value.conversation.id)
+ toast.success('Telegram 会话已添加', value.customer.name)
+ } catch (error) {
+ toast.error(errorMessage(error))
+ } finally {
+ setAddTelegramLoading(false)
+ }
+ }
+
const handleAction = {
quote: (msg: Message) => {
if (!convId) return
@@ -391,8 +636,127 @@ export function InboxPage() {
)
- const handleAdopt = (content: string) => {
+ const telegramDialogs = (
+ <>
+
+
+
+
+ )
+
+ const handleAdopt = (content: string, translationCn: string) => {
setDraftText(content)
+ setDraftTranslationCn(translationCn)
setShowAiReplies(false)
if (convId) {
void import('@/services/api/ai').then(({ recordAiAdoption }) => recordAiAdoption(convId, content))
@@ -400,25 +764,64 @@ export function InboxPage() {
toast.success('回复已采用，请在输入区编辑后发送')
}
- const handleEdit = (content: string) => {
+ const handleEdit = (content: string, translationCn: string) => {
setDraftText(content)
+ setDraftTranslationCn(translationCn)
setShowAiReplies(false)
toast.info('回复已加载到输入区，请按需编辑', content.slice(0, 50))
}
- const VIEW_LABELS: TabItem[] = [
- { value: 'original', label: '原文' },
- { value: 'translated', label: '译文' },
- { value: 'bilingual', label: '双语' },
- ]
+ const handleViewModeChange = (nextMode: ViewMode) => {
+ setViewMode(nextMode)
+ window.localStorage.setItem('lingxi-message-view-mode', nextMode)
+ }
const listItems = convData?.list ?? []
+ const renderMessageTimeline = () => {
+ let previousDay = ''
+ const today = new Date().toDateString()
+ const yesterday = new Date(Date.now() - 86_400_000).toDateString()
+ return (messages ?? []).map((msg) => {
+ const messageDate = new Date(msg.createdAt)
+ const dayKey = messageDate.toDateString()
+ const showDivider = dayKey !== previousDay
+ previousDay = dayKey
+ const dayLabel = dayKey === today
+ ? '今天'
+ : dayKey === yesterday
+ ? '昨天'
+ : new Intl.DateTimeFormat('zh-CN', { month: 'long', day: 'numeric', weekday: 'short' }).format(messageDate)
+ return (
+
+ {showDivider && (
+
+
+ {dayLabel}
+
+
+ )}
+ handleAction.quote(msg)}
+ onMarkImportant={() => handleAction.markImportant(msg)}
+ onConvertToTask={() => handleAction.task(msg)}
+ onAddToKnowledge={() => handleAction.knowledge(msg)}
+ onAddNote={() => handleAction.addNote(msg)}
+ customerName={convDetail?.customer.name}
+ customerAvatar={convDetail?.customer.avatarUrl}
+ />
+
+
{noteDialog}
+ {telegramDialogs}
{incomingNotice && (
setAddTelegramOpen(true)}
+ onClear={(item) => setConversationActionTarget({ item, action: 'clear' })}
+ onDelete={(item) => setConversationActionTarget({ item, action: 'delete' })}
/>
)}
{mobilePanel === 'chat' && (
-
+
{
+ const item = listItems.find((entry) => entry.id === convId)
+ if (!item) return
+ if (['clear', 'delete', 'leave'].includes(action)) {
+ setConversationActionTarget({ item, action: action as 'clear' | 'delete' | 'leave' })
+ } else {
+ void executeTelegramAction(action, item)
+ }
+ }}
onBack={() => setMobilePanel('list')}
onInsight={() => setMobilePanel('insight')}
showInsightBtn
@@ -460,23 +879,17 @@ export function InboxPage() {
onOpenProfile={() => setMobilePanel('insight')}
/>
)}
-
- {msgsLoading ? : <>
- {(messages ?? []).map((msg) => (
- handleAction.quote(msg)}
- onMarkImportant={() => handleAction.markImportant(msg)}
- onConvertToTask={() => handleAction.task(msg)}
- onAddToKnowledge={() => handleAction.knowledge(msg)}
- onAddNote={() => handleAction.addNote(msg)}
- customerName={convDetail?.customer.name}
- customerAvatar={convDetail?.customer.avatarUrl}
- />
- ))}
- }
+
+ 0 && 'flex flex-col justify-end',
+ )}
+ >
+ {msgsLoading ? : renderMessageTimeline()}
+
+
{noteDialog}
+ {telegramDialogs}
{incomingNotice && (
)}
{/* 左栏：会话列表 360px */}
-
+
setAddTelegramOpen(true)}
+ onClear={(item) => setConversationActionTarget({ item, action: 'clear' })}
+ onDelete={(item) => setConversationActionTarget({ item, action: 'delete' })}
/>
{/* 中栏：聊天区 flex-1 */}
-
+
{convId ? (
<>
{
+ const item = listItems.find((entry) => entry.id === convId)
+ if (!item) return
+ if (['clear', 'delete', 'leave'].includes(action)) {
+ setConversationActionTarget({ item, action: action as 'clear' | 'delete' | 'leave' })
+ } else {
+ void executeTelegramAction(action, item)
+ }
+ }}
onInsight={() => setShowInsight((v) => !v)}
showInsightBtn
/>
@@ -566,27 +1006,21 @@ export function InboxPage() {
onOpenProfile={() => setShowInsight(true)}
/>
)}
-
- {msgsLoading ? (
-
- ) : (messages?.length ?? 0) === 0 ? (
-
- ) : (
- (messages ?? []).map((msg) => (
- handleAction.quote(msg)}
- onMarkImportant={() => handleAction.markImportant(msg)}
- onConvertToTask={() => handleAction.task(msg)}
- onAddToKnowledge={() => handleAction.knowledge(msg)}
- onAddNote={() => handleAction.addNote(msg)}
- customerName={convDetail?.customer.name}
- customerAvatar={convDetail?.customer.avatarUrl}
- />
- ))
- )}
+
+ 0 && 'flex flex-col justify-end',
+ )}
+ >
+ {msgsLoading ? (
+
+ ) : (messages?.length ?? 0) === 0 ? (
+
+ ) : renderMessageTimeline()}
+
+
)}
@@ -638,6 +1076,9 @@ function ChatHeader({
loading,
viewMode,
onViewModeChange,
+ wallpaper,
+ onWallpaperChange,
+ onTelegramAction,
onBack,
onInsight,
showInsightBtn,
@@ -647,6 +1088,9 @@ function ChatHeader({
loading: boolean
viewMode: ViewMode
onViewModeChange: (v: ViewMode) => void
+ wallpaper: ChatWallpaper
+ onWallpaperChange: (wallpaper: ChatWallpaper) => void
+ onTelegramAction: (action: TelegramConversationAction) => void
onBack?: () => void
onInsight?: () => void
showInsightBtn?: boolean
@@ -654,8 +1098,9 @@ function ChatHeader({
if (!convId) return null
const c = detail?.customer
const conv = detail?.conversation
+ const isTelegramChannel = String(conv?.telegramChatType || c?.telegramChatType || '').toLowerCase() === 'channel'
return (
-
+
{onBack && (
+ )}
+ items={CHAT_WALLPAPERS.map((item) => ({
+ key: item.value,
+ label: (
+
+
+ {item.label}
+ {wallpaper === item.value && }
+
+ ),
+ onSelect: () => onWallpaperChange(item.value),
+ }))}
+ />
+ {conv?.channel === 'telegram' && (
+
+
+
+ )}
+ items={[
+ {
+ key: conv.isPinned ? 'unpin' : 'pin',
+ label: conv.isPinned ? '取消置顶' : '置顶会话',
+ icon: Pin,
+ onSelect: () => onTelegramAction(conv.isPinned ? 'unpin' : 'pin'),
+ },
+ {
+ key: conv.archived ? 'unarchive' : 'archive',
+ label: conv.archived ? '移出归档' : '归档会话',
+ icon: Archive,
+ onSelect: () => onTelegramAction(conv.archived ? 'unarchive' : 'archive'),
+ },
+ {
+ key: conv.mutedUntil ? 'unmute' : 'mute',
+ label: conv.mutedUntil ? '恢复通知' : '静音 8 小时',
+ icon: BellOff,
+ onSelect: () => onTelegramAction(conv.mutedUntil ? 'unmute' : 'mute'),
+ },
+ {
+ key: 'mark-unread',
+ label: '标记为未读',
+ icon: MessageCircle,
+ onSelect: () => onTelegramAction('mark-unread'),
+ },
+ {
+ key: conv.isBlocked ? 'unblock' : 'block',
+ label: conv.isBlocked ? '解除拉黑' : '拉黑用户',
+ icon: Ban,
+ disabled: !c?.telegramUserId,
+ onSelect: () => onTelegramAction(conv.isBlocked ? 'unblock' : 'block'),
+ },
+ 'separator',
+ ...(!isTelegramChannel
+ ? [{
+ key: 'clear',
+ label: '清空消息',
+ icon: Eraser,
+ onSelect: () => onTelegramAction('clear' as TelegramConversationAction),
+ }]
+ : []),
+ ...(String(conv.telegramChatType || c?.telegramChatType || '').toLowerCase() !== 'private'
+ ? [{
+ key: 'leave',
+ label: '退出群组/频道',
+ icon: LogOut,
+ danger: true,
+ onSelect: () => onTelegramAction('leave' as TelegramConversationAction),
+ }]
+ : []),
+ {
+ key: 'delete',
+ label: '删除会话',
+ icon: Trash2,
+ danger: true,
+ onSelect: () => onTelegramAction('delete'),
+ },
+ ]}
+ />
+ )}
{showInsightBtn && onInsight && (
|