2 file(s), +149 / -37 lines
| Path | Role | + | - |
|---|---|---|---|
| src/components/settings/audit-log/audit-entry.stories.tsx | Component | +108 | -0 |
| src/components/settings/audit-log/audit-entry.tsx | Component | +41 | -37 |
The audit entry card previously rendered the timestamp under the action header, inside the content column. This story moves that timestamp to the card's inner right edge on wider screens while preserving the original stacked placement on small screens.
src/components/settings/audit-log/audit-entry.tsx now
renders the action header and timestamp as responsive flex siblings.
sm and above, the timestamp uses the row's available
space to sit flush with the card's right padding and stay top-aligned
with the header/action line.
sm, the same timestamp falls back under the wrapped
header content, so narrow cards avoid clipping, overlap, and horizontal
scroll.
AuditSnapshotView remains outside the header row, so diff,
summary, file, run, and tombstone snapshots still span the full content
width below the header.
| Story | Purpose |
|---|---|
Settings/AuditLog/AuditEntry / Human wide |
Human entry with summary snapshot; timestamp flush right. |
Settings/AuditLog/AuditEntry / Agent wide |
Agent entry with run snapshot; timestamp flush right. |
Settings/AuditLog/AuditEntry / Human narrow |
Human entry in a 340px frame; timestamp stacked below header. |
Settings/AuditLog/AuditEntry / Agent narrow |
Agent entry in a 340px frame; timestamp stacked below header. |
http://localhost:6007/; the four
story iframe URLs above were captured with Playwright.
pnpm lint — passed; one pre-existing no-img-element warning in src/components/add-matter/avatar.tsx.pnpm test — passed: 171 files, 1046 tests.pnpm build — passed.git diff --check — clean.