root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-2670): surface routine run state and output inline

Browse Source 
- Add running-state visual treatment to routine cards, including spinner icon and running class styling
- Capture manual run results in ScheduledTasksModal and pass transient inline output/error to each RoutineCard
- Clear pending inline output when routine data refresh catches up or when leaving/switching routine views
- Expand dashboard tests to cover loader icon, running class, and inline run output rendering
This commit is contained in:
Fusion
2026-04-27 03:30:54 -07:00
committed by gsxdsm
parent ae988d0ef7
commit cd9190c08d
5 changed files with 148 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
packages/dashboard/app/components/ScriptsModal.css
View File

@@ -877,8 +877,8 @@
border: 1px solid var(--border);
border-radius: var(--radius-md);
padding: 14px 16px;
background: var(--card-bg);
transition: border-color 0.15s;
background: var(--card);
transition: border-color var(--transition-fast);
}
.routine-card:hover {
@@ -889,6 +889,16 @@
opacity: 0.55;
}
.routine-card.running {
border-color: var(--color-info);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-info) 30%, transparent);
background: color-mix(in srgb, var(--color-info) 5%, var(--card));
}
.spinner {
animation: spin 1s linear infinite;
}
.routine-card-header {
display: flex;
justify-content: space-between;
@@ -981,6 +991,40 @@
gap: var(--space-xs);
}
.routine-run-output {
margin-top: var(--space-sm);
border-radius: var(--radius-sm);
overflow: hidden;
}
.routine-run-output.success {
border-left: 3px solid var(--color-success);
background: color-mix(in srgb, var(--color-success) 5%, transparent);
}
.routine-run-output.failure {
border-left: 3px solid var(--color-error);
background: color-mix(in srgb, var(--color-error) 5%, transparent);
}
.routine-run-output-text {
font-family: var(--font-mono);
font-size: 12px;
padding: var(--space-sm) var(--space-md);
margin: 0;
white-space: pre-wrap;
word-break: break-word;
max-height: 200px;
overflow-y: auto;
}
.routine-run-output-error {
font-family: var(--font-mono);
font-size: 12px;
padding: var(--space-sm) var(--space-md);
color: var(--color-error);
}
.routine-meta-label {
font-weight: 500;
}
@@ -1097,6 +1141,15 @@
padding: var(--space-xl) var(--space-lg);
}
.routine-run-output-text,
.routine-run-output-error {
font-size: 11px;
}
.routine-run-output-text {
max-height: 160px;
}
.routine-form {
padding-left: var(--space-lg);
padding-right: var(--space-lg);