cameleer/cameleer-server
1
0
Fork 0
Code Issues 42 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add sort buttons and fix filter placeholder
Some checks failed
CI / cleanup-branch (pull_request) Has been skipped
Details
CI / build (pull_request) Successful in 2m12s
Details
CI / cleanup-branch (push) Has been skipped
Details
CI / docker (pull_request) Has been skipped
Details
CI / build (push) Successful in 2m13s
Details
CI / deploy (pull_request) Has been skipped
Details
CI / deploy-feature (pull_request) Has been skipped
Details
CI / deploy (push) Has been cancelled
Details
CI / deploy-feature (push) Has been cancelled
Details
CI / docker (push) Has been cancelled
Details

Browse Source 
Add sort buttons (Status, Name, TPS, CPU, Heartbeat) to the toolbar,
right-aligned. Clicking toggles asc/desc, second sort criterion is
always name. Status sorts error > warning > success. Fix trailing
unicode escape in filter placeholder.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-16 15:19:10 +02:00
parent e346b9bb9d
commit e84822f211
2 changed files with 93 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ui/src/pages/AgentHealth/AgentHealth.module.css
View File

@@ -428,6 +428,42 @@
color: var(--text-primary);
}
/* Sort buttons */
.sortGroup {
display: flex;
align-items: center;
gap: 2px;
margin-left: auto;
}
.sortBtn {
display: inline-flex;
align-items: center;
gap: 3px;
padding: 4px 8px;
border: 1px solid transparent;
border-radius: var(--radius-sm);
background: transparent;
color: var(--text-muted);
font-size: 11px;
font-family: var(--font-body);
cursor: pointer;
transition: color 150ms ease, border-color 150ms ease;
white-space: nowrap;
}
.sortBtn:hover {
color: var(--text-primary);
border-color: var(--border-subtle);
}
.sortBtnActive {
color: var(--text-primary);
border-color: var(--border-subtle);
background: var(--bg-raised);
font-weight: 600;
}
/* View mode toggle */
.viewToggle {
display: flex;