open-source/WechatExplorer
1
0
Fork 0
mirror of https://wget.la/https://github.com/Wxw-Gu/WechatExplorer synced 2026-10-05 12:34:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 优化微信发送日志展示

Browse Source
This commit is contained in:
Wxw-Gu
2026-09-13 11:22:47 +08:00
parent cef1ad493c
commit e5bd162a01
12 changed files with 253 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/services/wechat-action-log-service.ts
+4 -1
View File
@@ -38,6 +38,7 @@ export class WechatActionLogService {
category: 'wechat_send' as const,
source: record.origin,
purpose: record.purpose,
...(record.triggerType ? { triggerType: record.triggerType } : {}),
timestamp: record.finishedAt || record.startedAt || record.createdAt,
recipientType: record.recipientType,
recipientId: record.recipientId,
@@ -46,7 +47,9 @@ export class WechatActionLogService {
contentPreview: record.contentPreview,
status: record.sendStatus,
errorCode: record.errorCode,
reason: record.decisionReason
reason: record.decisionReason,
...(record.executionId ? { executionId: record.executionId } : {}),
...(record.idempotencyKey ? { idempotencyKey: record.idempotencyKey } : {})
}))
.sort((left, right) => Date.parse(right.timestamp) - Date.parse(left.timestamp))
}
src/renderer/src/App.tsx
-3
View File
@@ -45,7 +45,6 @@ import { runtimePlatform, supportsPersonalWechatSend } from './utils/runtime-env
import { useToast } from './components/ui'
import { AppUpdatePrompt } from './features/app-update/AppUpdatePrompt'
import { GroupExitMonitorWorkspace } from './features/group-exit-monitor/GroupExitMonitorWorkspace'
import { LogsWorkspace } from './features/logs/LogsWorkspace'
import { selectContactAvatarRefreshUsernames } from './utils/contact-avatar'
import {
buildContactSearchIndex,
@@ -2053,8 +2052,6 @@ function App(): React.ReactElement {
onOpenSendSettings={openWechatSendSettings}
/>
)
case 'logs':
return <LogsWorkspace />
case 'agent-hub':
return <AgentHubWorkspace />
case 'api':
src/renderer/src/components/layout/PrimaryNavigation.tsx
-7
View File
@@ -46,13 +46,6 @@ function NavIcon({ page }: NavIconProps): React.ReactElement {
<path d="m16.5 9 3 3-3 3" />
</svg>
)
case 'logs':
return (
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M6 5.5h12v13H6z" />
<path d="M9 9h6M9 12h6M9 15h4" />
</svg>
)
case 'export':
return (
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
src/renderer/src/components/layout/navigation.ts
-2
View File
@@ -3,7 +3,6 @@ export type AppPage =
| 'search'
| 'report'
| 'exit-monitor'
| 'logs'
| 'agent-hub'
| 'export'
| 'api'
@@ -19,7 +18,6 @@ export const PRIMARY_NAV_ITEMS: NavigationItem[] = [
{ id: 'search', label: '问问微信' },
{ id: 'report', label: '日报' },
{ id: 'exit-monitor', label: '退群监控' },
// { id: 'logs', label: '日志' },
{ id: 'agent-hub', label: 'Agent' },
{ id: 'export', label: '导出' },
{ id: 'api', label: 'API' },
src/renderer/src/features/logs/LogsWorkspace.tsx
+116 -22
View File
@@ -15,9 +15,21 @@ import {
type StatusFilter = 'all' | WechatActionStatus
type PurposeFilter = 'all' | 'member_left_notification' | 'scheduled_report' | 'other'
const sourceLabel = (source: ActionLogEntry['source']): string => {
if (source === 'member_monitor') return '退群监控'
if (source === 'scheduled_report') return '定时日报'
if (source === 'user_tts') return '文字转语音'
if (source === 'unknown') return '未知来源'
return source || '未知来源'
}
const triggerLabel = (triggerType: ActionLogEntry['triggerType']): string =>
triggerType === 'user' ? '用户触发' : '自动化'
const purposeLabel = (purpose: WechatActionPurpose): string => {
if (purpose === 'member_left_notification') return '退群通知'
if (purpose === 'scheduled_report') return '定时日报'
if (purpose === 'tts_voice') return '文字转语音'
return purpose || '其它动作'
}
@@ -27,15 +39,10 @@ const contentTypeLabel = (type: ActionLogEntry['contentType']): string => {
return '文字'
}
const statusDetails = (
entry: ActionLogEntry
): { label: string; className: string } => {
const statusDetails = (entry: ActionLogEntry): { label: string; className: string } => {
if (entry.status === 'sent') return { label: '已发送', className: 'text-success' }
if (entry.status === 'blocked') return { label: '被阻止', className: 'text-warning' }
if (
entry.errorCode === 'SEND_CAPABILITY_UNAVAILABLE' ||
entry.errorCode === 'SEND_NOT_READY'
) {
if (entry.errorCode === 'SEND_CAPABILITY_UNAVAILABLE' || entry.errorCode === 'SEND_NOT_READY') {
return { label: '发送能力不可用', className: 'text-warning' }
}
return { label: '失败', className: 'text-destructive' }
@@ -49,6 +56,9 @@ const matchesPurpose = (entry: ActionLogEntry, filter: PurposeFilter): boolean =
return entry.purpose === filter
}
const dateBoundary = (value: string, endOfDay: boolean): number =>
new Date(`${value}T${endOfDay ? '23:59:59.999' : '00:00:00'}`).getTime()
export function LogsWorkspace(): React.ReactElement {
const [entries, setEntries] = React.useState<ActionLogEntry[]>([])
const [loading, setLoading] = React.useState(true)
@@ -56,6 +66,8 @@ export function LogsWorkspace(): React.ReactElement {
const [keyword, setKeyword] = React.useState('')
const [status, setStatus] = React.useState<StatusFilter>('all')
const [purpose, setPurpose] = React.useState<PurposeFilter>('all')
const [startDate, setStartDate] = React.useState('')
const [endDate, setEndDate] = React.useState('')
React.useEffect(() => {
let disposed = false
@@ -77,15 +89,28 @@ export function LogsWorkspace(): React.ReactElement {
const visibleEntries = React.useMemo(() => {
const query = keyword.trim().toLocaleLowerCase()
const startTime = startDate ? dateBoundary(startDate, false) : Number.NEGATIVE_INFINITY
const endTime = endDate ? dateBoundary(endDate, true) : Number.POSITIVE_INFINITY
return entries.filter((entry) => {
if (status !== 'all' && entry.status !== status) return false
if (!matchesPurpose(entry, purpose)) return false
const timestamp = Date.parse(entry.timestamp)
if (timestamp < startTime || timestamp > endTime) return false
if (!query) return true
return [entry.recipientName, entry.recipientId, entry.contentPreview]
return [
entry.id,
entry.source,
entry.purpose,
entry.executionId,
entry.idempotencyKey,
entry.recipientName,
entry.recipientId,
entry.contentPreview
]
.filter(Boolean)
.some((value) => value!.toLocaleLowerCase().includes(query))
})
}, [entries, keyword, purpose, status])
}, [endDate, entries, keyword, purpose, startDate, status])
return (
<div className="h-full min-w-0 overflow-y-auto bg-canvas">
@@ -94,7 +119,7 @@ export function LogsWorkspace(): React.ReactElement {
<h1 className="text-xl font-semibold text-foreground">日志</h1>
</header>
<div className="grid gap-3 sm:grid-cols-[minmax(220px,1fr)_180px_180px]">
<div className="grid gap-3 sm:grid-cols-[minmax(220px,1fr)_180px_180px] lg:grid-cols-[minmax(220px,1fr)_180px_180px_150px_150px]">
<Input
type="search"
aria-label="搜索日志"
@@ -124,6 +149,18 @@ export function LogsWorkspace(): React.ReactElement {
<SelectItem value="blocked">被阻止</SelectItem>
</SelectContent>
</Select>
<Input
type="date"
aria-label="开始日期"
value={startDate}
onChange={(event) => setStartDate(event.target.value)}
/>
<Input
type="date"
aria-label="结束日期"
value={endDate}
onChange={(event) => setEndDate(event.target.value)}
/>
</div>
{loading ? (
@@ -140,12 +177,22 @@ export function LogsWorkspace(): React.ReactElement {
return (
<article
key={entry.id}
className="grid gap-3 rounded-md border border-border-subtle bg-surface px-4 py-3 shadow-surface"
className="grid min-w-0 gap-3 rounded-md border border-border-subtle bg-surface px-4 py-3 shadow-surface"
>
<div className="flex flex-wrap items-start justify-between gap-2">
<div className="min-w-0">
<strong className="text-sm text-foreground">{purposeLabel(entry.purpose)}</strong>
<p className="mt-1 break-words text-sm text-foreground">发送给 {recipient}</p>
<strong className="text-sm text-foreground">
{purposeLabel(entry.purpose)}
</strong>
<p className="mt-1 min-w-0 text-sm text-foreground">
发送给{' '}
<span
className="inline-block max-w-[min(65vw,28rem)] truncate whitespace-nowrap align-bottom"
title={recipient}
>
{recipient}
</span>
</p>
</div>
<div className="text-right text-xs">
<strong className={result.className}>{result.label}</strong>
@@ -154,17 +201,64 @@ export function LogsWorkspace(): React.ReactElement {
</time>
</div>
</div>
<div className="grid gap-1 text-xs text-muted-foreground sm:grid-cols-[140px_1fr]">
<span>
{entry.recipientType === 'group' ? '群聊' : '联系人'} · {entry.recipientId}
</span>
<span className="break-words">
<div className="grid min-w-0 gap-1 text-sm text-foreground">
<p className="whitespace-normal break-words">
{contentTypeLabel(entry.contentType)} · {entry.contentPreview || '无内容预览'}
</span>
</p>
{entry.reason ? (
<p className="whitespace-normal break-words text-xs text-muted-foreground">
{entry.reason}
</p>
) : null}
<p className="text-xs text-muted-foreground">
{triggerLabel(entry.triggerType)} · {sourceLabel(entry.source)}
</p>
</div>
{entry.reason ? (
<p className="break-words text-xs text-muted-foreground">{entry.reason}</p>
) : null}
<details className="min-w-0 border-t border-border-subtle pt-2 text-xs text-muted-foreground">
<summary className="cursor-pointer select-none">查看详情</summary>
<dl className="mt-2 grid min-w-0 gap-1 sm:grid-cols-[140px_minmax(0,1fr)]">
<dt>接收对象 ID</dt>
<dd className="min-w-0 truncate whitespace-nowrap" title={entry.recipientId}>
{entry.recipientId}
</dd>
<dt>操作 ID</dt>
<dd className="min-w-0 truncate whitespace-nowrap" title={entry.id}>
{entry.id}
</dd>
{entry.executionId ? (
<>
<dt>执行 ID</dt>
<dd
className="min-w-0 truncate whitespace-nowrap"
title={entry.executionId}
>
{entry.executionId}
</dd>
</>
) : null}
{entry.idempotencyKey ? (
<>
<dt>幂等键</dt>
<dd
className="min-w-0 truncate whitespace-nowrap font-mono"
title={entry.idempotencyKey}
>
{entry.idempotencyKey}
</dd>
</>
) : null}
<dt>来源</dt>
<dd className="min-w-0 truncate whitespace-nowrap" title={entry.source}>
{entry.source}
</dd>
<dt>用途</dt>
<dd className="min-w-0 truncate whitespace-nowrap" title={entry.purpose}>
{entry.purpose}
</dd>
<dt>触发方式</dt>
<dd>{entry.triggerType || 'automation'}</dd>
</dl>
</details>
</article>
)
})}
src/renderer/src/features/settings/SettingsWorkspace.tsx
+3
View File
@@ -14,6 +14,7 @@ import { AboutPage } from './pages/AboutPage'
import { VoiceRecognitionPage } from './pages/VoiceRecognitionPage'
import { TextToSpeechPage } from './pages/TextToSpeechPage'
import { PersonalWechatSendPage } from './pages/PersonalWechatSendPage'
import { LogsWorkspace } from '../logs/LogsWorkspace'
import type { Contact } from '../../../../shared/types'
import type { AIRuntimeModelConfig } from '../../../../shared/ai-provider'
@@ -102,6 +103,8 @@ export function SettingsWorkspace({
onOpenTextToSpeechSettings={onOpenTextToSpeechSettings}
/>
)
case 'wechat-action-logs':
return <LogsWorkspace />
case 'text-to-speech':
return <TextToSpeechPage onNotice={onNotice} />
case 'personal-wechat-send':
src/renderer/src/features/settings/model/settingsNavigation.ts
+1
View File
@@ -18,6 +18,7 @@ export const SETTINGS_NAVIGATION: SettingsNavigationGroup[] = [
label: '智能能力',
items: [
{ id: 'wechat-send', label: '微信发送' },
{ id: 'wechat-action-logs', label: '发送日志' },
{ id: 'voice-recognition', label: '语音转文字' },
{ id: 'text-to-speech', label: '文字转语音' },
{ id: 'ai-model', label: 'AI 模型' }
src/renderer/src/features/settings/model/types.ts
+1
View File
@@ -4,6 +4,7 @@ export type SettingsCategoryId =
| 'image-key'
| 'voice-recognition'
| 'wechat-send'
| 'wechat-action-logs'
| 'text-to-speech'
| 'personal-wechat-send'
| 'ai-model'
src/shared/action-log.ts
+5 -1
View File
@@ -4,7 +4,8 @@ import type {
WechatActionOrigin,
WechatActionPurpose,
WechatActionRecipient,
WechatActionStatus
WechatActionStatus,
WechatActionTriggerType
} from './wechat-action'
export interface ActionLogEntry {
@@ -12,6 +13,7 @@ export interface ActionLogEntry {
category: 'wechat_send'
source: WechatActionOrigin
purpose: WechatActionPurpose
triggerType?: WechatActionTriggerType
timestamp: string
recipientType: WechatActionRecipient['type']
recipientId: string
@@ -21,4 +23,6 @@ export interface ActionLogEntry {
status: WechatActionStatus
errorCode?: WechatActionErrorCode
reason?: string
executionId?: string
idempotencyKey?: string
}