feat: add sentinel dashboard trace frame reader (#952)
Co-authored-by: Codex <codex@noreply.local>
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user