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

feat(FN-2926): enhance grouped tool-call UX across dashboard and TUI

Browse Source 
- Inline grouped tool-call rendering in chat surfaces and update summary logic for clearer aggregation
- Refine chat, quick FAB, settings, and agents UI styles/behavior with matching test coverage updates
- Extend dashboard TUI state/controller flow with status and shortcut improvements
- Update engine and dashboard route handling related to agent runs, settings memory sync, and remote access adapters

Fusion-Task-Id: FN-2926
This commit is contained in:
Fusion
2026-04-29 13:23:26 -07:00
committed by gsxdsm
parent 8bbd956fa5
commit f50c2ce46f
8 changed files with 408 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
packages/dashboard/app/components/ChatView.css
View File

@@ -404,14 +404,14 @@
.chat-tool-calls-group-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-xs);
gap: var(--space-sm);
list-style: none;
cursor: pointer;
padding: var(--space-xs) var(--space-sm);
color: var(--text-muted);
border-radius: var(--radius-sm);
font-size: var(--space-md);
min-width: 0;
}
.chat-tool-calls-group-summary::marker {
@@ -427,39 +427,30 @@
box-shadow: var(--focus-ring-strong);
}
.chat-tool-calls-group-status {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-xs);
}
.chat-tool-calls-group-count {
display: inline-flex;
align-items: center;
padding: 0 var(--space-xs);
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-success) 12%, transparent);
color: var(--color-success);
.chat-tool-calls-names {
color: var(--text-dim);
font-family: var(--font-mono, monospace);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
min-width: 0;
font-size: 0.6875rem;
}
.chat-tool-calls-group-count--running {
background: color-mix(in srgb, var(--color-info) 12%, transparent);
color: var(--color-info);
.chat-tool-calls-group-status {
margin-left: auto;
font-size: 0.6875rem;
color: var(--text-dim);
flex-shrink: 0;
}
.chat-tool-calls-group-count--error {
background: color-mix(in srgb, var(--color-error) 12%, transparent);
color: var(--color-error);
.chat-tool-calls-group > .chat-tool-call {
margin: 0 var(--space-sm) var(--space-xs) var(--space-sm);
}
.chat-tool-calls-group-items {
display: flex;
flex-direction: column;
gap: var(--space-xs);
padding: 0 var(--space-xs) var(--space-xs);
.chat-tool-calls-group > .chat-tool-call:last-child {
margin-bottom: var(--space-sm);
}
.chat-tool-call {
@@ -575,12 +566,14 @@
.chat-tool-calls--compact .chat-tool-calls-header,
.chat-tool-calls--compact .chat-tool-calls-group-summary,
.chat-tool-calls--compact .chat-tool-calls-names,
.chat-tool-calls--compact .chat-tool-calls-group-status,
.chat-tool-calls--compact .chat-tool-calls-group-count,
.chat-tool-calls--compact .chat-tool-call summary,
.chat-tool-calls--compact .chat-tool-call-content,
.chat-tool-calls--compact .chat-tool-call-preview,
.chat-tool-calls--compact .chat-tool-call-value {
.chat-tool-calls--compact .chat-tool-call-value,
.chat-tool-calls-group--compact .chat-tool-calls-group-summary,
.chat-tool-calls-group--compact .chat-tool-calls-names {
font-size: 0.6875rem;
}