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:
gsxdsm
2026-04-06 03:40:40 -07:00
parent 76770e6e14
commit 8fa3401d82
5 changed files with 304 additions and 52 deletions

View File

@@ -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 {