feat: add sentinel dashboard trace frame reader (#952)

Co-authored-by: Codex <codex@noreply.local>
This commit is contained in:
Lyon
2026-06-26 11:22:45 +08:00
committed by GitHub
parent 22294fd43b
commit a8e28d80b1
2 changed files with 193 additions and 6 deletions
@@ -672,6 +672,104 @@ select {
white-space: pre-wrap;
}
.trace-reader-grid {
display: grid;
grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
gap: 12px;
}
.trace-turn-picker,
.trace-frame-view {
min-width: 0;
}
.trace-choice-list {
display: grid;
gap: 8px;
margin-top: 8px;
max-height: 420px;
overflow: auto;
}
.trace-choice {
display: grid;
gap: 4px;
width: 100%;
padding: 9px 10px;
border: 1px solid #d8e0ea;
border-radius: 8px;
background: #ffffff;
color: #344054;
cursor: pointer;
text-align: left;
}
.trace-choice.active {
border-color: #95c7ff;
background: #edf6ff;
}
.trace-choice span {
min-width: 0;
font-size: 12px;
font-weight: 800;
overflow-wrap: anywhere;
}
.trace-choice small {
color: var(--muted);
font-size: 11px;
overflow-wrap: anywhere;
}
.trace-frame-pre {
min-height: 360px;
max-height: 620px;
}
.trace-source-note {
margin-top: 8px;
color: var(--muted);
}
.final-response-block {
margin-top: 12px;
padding: 10px;
border: 1px solid #b9e6cc;
border-radius: 8px;
background: #eefaf4;
}
.final-response-block.empty,
.final-response-block.unavailable {
border-color: #d8e0ea;
background: #f8fafc;
}
.final-response-block strong {
display: block;
margin-bottom: 6px;
color: #1f2937;
font-size: 12px;
text-transform: uppercase;
}
.final-response-text {
min-height: 64px;
max-height: 260px;
margin: 8px 0 0;
padding: 9px;
border: 1px solid #d8e0ea;
border-radius: 8px;
background: #ffffff;
color: #1f2937;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
font-size: 12px;
line-height: 1.45;
overflow: auto;
white-space: pre-wrap;
}
.empty-state {
padding: 28px 16px;
color: var(--muted);
@@ -722,6 +820,10 @@ select {
grid-column: span 1;
}
.trace-reader-grid {
grid-template-columns: 1fr;
}
.metric-card {
min-height: 96px;
}