github/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-04-19 11:18:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): simplify agent overview component by removing unused identity fields and enhancing fallback display

Browse Source
This commit is contained in:
Val Alexander
2026-02-22 06:18:55 -06:00
parent eec3182cbb
commit 1c86a1b337
5 changed files with 131 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
ui/src/styles/components.css
View File

@@ -2005,8 +2005,8 @@
.agents-overview-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.agent-kv {
@@ -2658,6 +2658,67 @@
text-decoration: underline;
}
/* ===========================================
Debug Event Log
=========================================== */
.debug-event-log-scroll {
margin-top: 12px;
max-height: 480px;
overflow-y: auto;
}
.debug-event-entry {
border-bottom: 1px solid var(--border);
}
.debug-event-entry:last-child {
border-bottom: none;
}
.debug-event-summary {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
cursor: pointer;
font-family: var(--mono);
font-size: 13px;
list-style: none;
}
.debug-event-summary::-webkit-details-marker {
display: none;
}
.debug-event-summary::before {
content: "▸";
flex-shrink: 0;
width: 12px;
color: var(--muted);
transition: transform 0.15s ease;
}
.debug-event-entry[open] > .debug-event-summary::before {
transform: rotate(90deg);
}
.debug-event-name {
font-weight: 600;
}
.debug-event-ts {
margin-left: auto;
flex-shrink: 0;
font-size: 12px;
}
.debug-event-payload {
margin: 0 0 8px 22px;
max-height: 300px;
overflow-y: auto;
}
/* ===========================================
Overview Event Log
=========================================== */
@@ -2838,8 +2899,10 @@
.ov-bottom-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr;
gap: 14px;
max-height: 420px;
overflow-y: auto;
}
@media (max-width: 768px) {

2
ui/src/styles/config.css
View File

@@ -8,7 +8,7 @@
grid-template-columns: 260px minmax(0, 1fr);
gap: 0;
height: calc(100vh - 160px);
margin: -16px;
margin: 0 -16px -16px;
border-radius: var(--radius-xl);
border: 1px solid var(--border);
background: var(--panel);