feat(export): compact task center entry

This commit is contained in:
aits2026
2026-03-06 12:58:22 +08:00
parent c108070696
commit 86b372de68
2 changed files with 115 additions and 126 deletions

View File

@@ -4884,6 +4884,7 @@ function ExportPage() {
const isSnsCardStatsLoading = !hasSeededSnsStats
const taskRunningCount = tasks.filter(task => task.status === 'running').length
const taskQueuedCount = tasks.filter(task => task.status === 'queued').length
const taskCenterAlertCount = taskRunningCount + taskQueuedCount
const hasFilteredContacts = filteredContacts.length > 0
const sessionLoadDetailUpdatedAt = useMemo(() => {
let latest = 0
@@ -5149,60 +5150,54 @@ function ExportPage() {
return (
<div className="export-board-page">
<div className="export-top-panel">
<div className="global-export-controls">
<div className="path-control">
<span className="control-label"></span>
<div className="path-inline-row">
<div className="path-value">
<button
className="path-link"
type="button"
title={exportFolder}
onClick={() => void chooseExportFolder()}
>
{exportFolder || '未设置'}
</button>
<button className="path-change-btn" type="button" onClick={() => void chooseExportFolder()}>
<div className="export-top-bar">
<div className="global-export-controls">
<div className="path-control">
<span className="control-label"></span>
<div className="path-inline-row">
<div className="path-value">
<button
className="path-link"
type="button"
title={exportFolder}
onClick={() => void chooseExportFolder()}
>
{exportFolder || '未设置'}
</button>
<button className="path-change-btn" type="button" onClick={() => void chooseExportFolder()}>
</button>
</div>
<button className="secondary-btn" onClick={() => exportFolder && void window.electronAPI.shell.openPath(exportFolder)}>
<ExternalLink size={14} />
</button>
</div>
<button className="secondary-btn" onClick={() => exportFolder && void window.electronAPI.shell.openPath(exportFolder)}>
<ExternalLink size={14} />
</button>
</div>
<WriteLayoutSelector
writeLayout={writeLayout}
onChange={async (value) => {
setWriteLayout(value)
await configService.setExportWriteLayout(value)
}}
sessionNameWithTypePrefix={sessionNameWithTypePrefix}
onSessionNameWithTypePrefixChange={async (enabled) => {
setSessionNameWithTypePrefix(enabled)
await configService.setExportSessionNamePrefixEnabled(enabled)
}}
/>
</div>
<WriteLayoutSelector
writeLayout={writeLayout}
onChange={async (value) => {
setWriteLayout(value)
await configService.setExportWriteLayout(value)
}}
sessionNameWithTypePrefix={sessionNameWithTypePrefix}
onSessionNameWithTypePrefixChange={async (enabled) => {
setSessionNameWithTypePrefix(enabled)
await configService.setExportSessionNamePrefixEnabled(enabled)
}}
/>
<div className="task-center-control">
<span className="control-label"></span>
<div className="task-center-inline">
<div className="task-summary">
<span> {taskRunningCount}</span>
<span> {taskQueuedCount}</span>
<span> {tasks.length}</span>
</div>
<button
className={`task-open-btn ${taskRunningCount > 0 ? 'active-running' : ''}`}
type="button"
onClick={() => setIsTaskCenterOpen(true)}
>
{taskRunningCount > 0 && <span className="task-running-badge">{taskRunningCount}</span>}
</button>
</div>
</div>
<button
className={`task-center-card ${taskCenterAlertCount > 0 ? 'has-alert' : ''}`}
type="button"
onClick={() => setIsTaskCenterOpen(true)}
>
<span className="task-center-card-label"></span>
{taskCenterAlertCount > 0 && (
<span className="task-center-card-badge">{taskCenterAlertCount}</span>
)}
</button>
</div>
</div>