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

feat: add app name filter to runtime toolbar
Some checks failed
CI / cleanup-branch (pull_request) Has been skipped
Details
CI / build (pull_request) Successful in 2m9s
Details
CI / cleanup-branch (push) Has been skipped
Details
CI / docker (pull_request) Has been skipped
Details
CI / build (push) Successful in 2m10s
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 
Text input next to view toggle filters apps by name (case-insensitive
substring match). KPI stat strip uses unfiltered counts so totals
stay accurate. Clear button on non-empty input.

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

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

@@ -379,10 +379,55 @@
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
gap: 12px;
margin-bottom: 12px;
}
/* App name filter */
.appFilterWrap {
position: relative;
display: flex;
align-items: center;
}
.appFilterInput {
width: 180px;
height: 28px;
padding: 0 24px 0 8px;
border: 1px solid var(--border-subtle);
border-radius: var(--radius-sm);
background: transparent;
color: var(--text-primary);
font-size: 12px;
font-family: var(--font-body);
outline: none;
transition: border-color 150ms ease;
}
.appFilterInput::placeholder {
color: var(--text-muted);
}
.appFilterInput:focus {
border-color: var(--running);
}
.appFilterClear {
position: absolute;
right: 4px;
background: transparent;
border: none;
color: var(--text-muted);
cursor: pointer;
font-size: 14px;
line-height: 1;
padding: 2px;
}
.appFilterClear:hover {
color: var(--text-primary);
}
/* View mode toggle */
.viewToggle {
display: flex;