feat(FN-1030): enhance workflow results tab with summary bar, collapsible output, and always-visible tab
- Make Workflow tab always visible in TaskDetailModal (not conditional on enabled steps) - Add summary bar showing pass/fail/skip counts with color-coded badges - Make workflow step output collapsible with expand/collapse toggle - Add enhanced empty states for no steps configured, all skipped, and no results - Add CSS styles for summary bar, collapsible output, and empty state variants - Update TaskDetailModal tests to reflect always-visible Workflow tab - Add comprehensive tests for WorkflowResultsTab new features
This commit is contained in:
@@ -19196,6 +19196,45 @@ html .column.drag-over * {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.workflow-results-summary-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs, 4px);
|
||||
padding: var(--space-sm, 8px) var(--space-md, 16px);
|
||||
font-size: 13px;
|
||||
color: var(--text-muted, #8b949e);
|
||||
border: 1px solid var(--border, #30363d);
|
||||
border-radius: 8px;
|
||||
background: var(--surface-elevated, #161b22);
|
||||
}
|
||||
|
||||
.workflow-result-output-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm, 8px);
|
||||
margin-bottom: var(--space-xs, 4px);
|
||||
}
|
||||
|
||||
.workflow-result-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: var(--todo, #58a6ff);
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
padding: 0;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.workflow-result-toggle:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.workflow-result-output-preview {
|
||||
font-size: 11px;
|
||||
color: var(--text-dim, #484f58);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ===== Model Onboarding Modal ===== */
|
||||
|
||||
.model-onboarding-modal {
|
||||
|
||||
Reference in New Issue
Block a user