SILVER
/
NODEDC_TASKMANAGER
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: выравнивание чипов очереди Voice Tasker

This commit is contained in:
DCCONSTRUCTIONS 2026-04-28 20:31:47 +03:00
parent 0cda486b05
commit be7929deec
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plane-src/apps/web/core/components/workspace/settings/ai-voice-tasker-settings.tsx
View File

@ -1005,7 +1005,9 @@ function MonitorSessionList({ emptyText, sessions, title }: TMonitorSessionListP
<div className="rounded-[1.35rem] bg-white/[0.035] p-4"> <div className="rounded-[1.35rem] bg-white/[0.035] p-4">
<div className="mb-3 flex items-center justify-between gap-3"> <div className="mb-3 flex items-center justify-between gap-3">
<span className="text-12 font-semibold tracking-[0.18em] text-tertiary uppercase">{title}</span> <span className="text-12 font-semibold tracking-[0.18em] text-tertiary uppercase">{title}</span>
<span className="nodedc-settings-chip px-3 py-1 text-11 text-secondary">{sessions.length}</span> <span className="nodedc-settings-chip inline-flex min-w-11 items-center justify-center whitespace-nowrap !px-3 !py-0 text-center text-11 leading-none text-secondary">
{sessions.length}
</span>
</div> </div>
{sessions.length === 0 ? ( {sessions.length === 0 ? (
<div className="text-12 text-tertiary">{emptyText}</div> <div className="text-12 text-tertiary">{emptyText}</div>
@ -1023,6 +1025,8 @@ function MonitorSessionList({ emptyText, sessions, title }: TMonitorSessionListP
function MonitorSessionRow({ session }: { session: TVoiceTaskMonitorSession }) { function MonitorSessionRow({ session }: { session: TVoiceTaskMonitorSession }) {
const title = session.issue.key || session.project.identifier || session.intent || "Voice Tasker"; const title = session.issue.key || session.project.identifier || session.intent || "Voice Tasker";
const subtitle = [session.user.name, session.project.name].filter(Boolean).join(" / "); const subtitle = [session.user.name, session.project.name].filter(Boolean).join(" / ");
const chipClassName =
"nodedc-settings-chip inline-flex min-w-max shrink-0 items-center justify-center gap-1.5 whitespace-nowrap !px-3 !py-0 text-center text-11 leading-none text-tertiary";
return ( return (
<div className="rounded-2xl bg-white/[0.045] px-3 py-3"> <div className="rounded-2xl bg-white/[0.045] px-3 py-3">
@ -1046,16 +1050,16 @@ function MonitorSessionRow({ session }: { session: TVoiceTaskMonitorSession }) {
</span> </span>
</div> </div>
<div className="mt-3 flex flex-wrap items-center gap-2 text-11 text-tertiary"> <div className="mt-3 flex flex-wrap items-center gap-2 text-11 text-tertiary">
<span className="nodedc-settings-chip px-2.5 py-1"> <span className={chipClassName}>
<Clock3 className="size-3" /> <Clock3 className="size-3" />
{formatDurationMs(session.timings.processing_duration_ms)} {formatDurationMs(session.timings.processing_duration_ms)}
</span> </span>
<span className="nodedc-settings-chip px-2.5 py-1">{formatBytes(session.audio.size)}</span> <span className={chipClassName}>{formatBytes(session.audio.size)}</span>
<span className="nodedc-settings-chip px-2.5 py-1"> <span className={chipClassName}>
{formatDateTime(session.timings.completed_at || session.timings.failed_at || session.timings.created_at)} {formatDateTime(session.timings.completed_at || session.timings.failed_at || session.timings.created_at)}
</span> </span>
{session.usage.sensitive_data_redacted_at && ( {session.usage.sensitive_data_redacted_at && (
<span className="nodedc-settings-chip px-2.5 py-1 text-[rgb(var(--nodedc-accent-rgb))]"> <span className={cn(chipClassName, "text-[rgb(var(--nodedc-accent-rgb))]")}>
очищено очищено
</span> </span>
)} )}