knacky/Metamorph
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(m7): plain executed_at field at the top, no red sub-card

Browse Source 
User feedback: the tinted red border around the executed_at block was
visually heavy — same form-field treatment as Command/Output/Comment
is enough, position alone carries the priority.

Kept the label/value/override-toggle/datetime-input layout, just dropped
the border + background tint.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Knacky
2026-05-15 11:46:18 +02:00
parent db9313a1e1
commit a26034e1ca
1 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/pages/MissionTestPage.tsx
View File

@@ -247,34 +247,30 @@ function RedZone({ test, missionId, canWriteRed }: RedZoneProps) {
<SectionHeader prefix="Red" highlight="Execution" accent="red" /> <SectionHeader prefix="Red" highlight="Execution" accent="red" />
{apiErr && <Alert accent="red">{apiErr.message}</Alert>} {apiErr && <Alert accent="red">{apiErr.message}</Alert>}
{/* The execution timestamp is the anchor the blue team correlates their {/* The execution timestamp anchors the blue team's log correlation,
logs against, so it lives at the very top of the form (cf. user so it leads the form (cf. user feedback 2026-05-15). */}
feedback 2026-05-15). */} <div data-testid="red-executed-block">
<div <span className="block font-mono text-3xs font-semibold uppercase tracking-wider2 text-text-dim">
className="rounded-md border border-red/40 bg-red/5 p-3"
data-testid="red-executed-block"
>
<div className="flex flex-wrap items-baseline justify-between gap-2 mb-2">
<span className="font-mono text-2xs uppercase tracking-wider2 text-red">
Executed at Executed at
</span> </span>
{test.executed_at ? ( <p
<code className="mt-1 font-mono text-xs text-text-bright"
className="font-mono text-2xs text-text-bright"
data-testid="red-executed-current" data-testid="red-executed-current"
> >
{test.executed_at} {test.executed_at ? (
<>
<code>{test.executed_at}</code>
{test.executed_at_overridden && ( {test.executed_at_overridden && (
<span className="ml-2 text-text-dim">· overridden</span> <span className="ml-2 text-text-dim">· overridden</span>
)} )}
</code> </>
) : ( ) : (
<span className="font-mono text-2xs text-text-dim"> <span className="text-text-dim">
Not yet executed — use the "→ Executed" transition above to stamp. Not yet executed — use the "→ Executed" transition above to stamp.
</span> </span>
)} )}
</div> </p>
<label className="flex items-center gap-2 font-mono text-2xs text-text-dim"> <label className="mt-2 flex items-center gap-2 font-mono text-2xs text-text-dim">
<input <input
type="checkbox" type="checkbox"
checked={override} checked={override}