Files
fusion/packages/dashboard/app/components/AgentErrorDetailsModal.css
Fusion bb6169a89b feat(FN-3530): add modal-based agent error details and UI/docs updates
- Add AgentErrorDetailsModal and wire agent list/detail views to open full error diagnostics while keeping inline errors compact
- Add line-number gutter toggle in FileEditor and Files modal with dashboard persistence coverage
- Align project memory scope guidance across core logic, CLI tool docs, and dashboard docs
- Add regression coverage for runtime plugin alias behavior and update related engine/heartbeat tests
- Include changesets for FN-3530 UI improvements and FN-3485 memory guidance updates

Fusion-Task-Id: FN-3530
2026-05-05 20:47:37 -07:00

52 lines
1.2 KiB
CSS

.agent-error-indicator {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
width: 100%;
border: var(--btn-border-width) solid color-mix(in srgb, var(--color-error) 30%, var(--border));
background: color-mix(in srgb, var(--color-error) 10%, transparent);
color: var(--color-error);
border-radius: var(--radius-sm);
padding: var(--space-xs) var(--space-sm);
cursor: pointer;
text-align: left;
}
.agent-error-indicator__label {
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: var(--font-mono);
font-size: var(--space-md);
}
.agent-error-modal {
max-width: min(calc(var(--space-2xl) * 20), 100%);
}
.agent-error-modal__content {
padding: 0 var(--space-lg) var(--space-md);
}
.agent-error-modal__error {
margin: 0;
padding: var(--space-sm);
border-radius: var(--radius-sm);
border: var(--btn-border-width) solid var(--border);
background: var(--bg);
color: var(--text);
font-family: var(--font-mono);
font-size: var(--space-md);
max-height: calc(var(--space-2xl) * 8);
overflow: auto;
white-space: pre-wrap;
word-break: break-word;
}
@media (max-width: 768px) {
.agent-error-modal {
width: calc(100% - var(--space-lg));
}
}