feat(console-ui): show component host capabilities
- consume structured capability metadata from service responses - add a stable-width Host Capability column to the full service table - preserve compact overview density and horizontal overflow on narrow screens - cover API typing and capability rendering wiring in SSR source tests
This commit is contained in:
@@ -768,6 +768,31 @@ button:disabled {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.service-table-full {
|
||||
min-width: 980px;
|
||||
}
|
||||
|
||||
.data-table.service-table-full th:first-child {
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
.service-table-full th:nth-child(2) {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.service-table-full th:nth-child(3) {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.service-table-full th:nth-child(4) {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.service-table-full th:nth-child(5),
|
||||
.service-table-full th:nth-child(6) {
|
||||
width: 72px;
|
||||
}
|
||||
|
||||
.data-table th {
|
||||
height: 34px;
|
||||
padding: 0 12px;
|
||||
@@ -891,6 +916,38 @@ button:disabled {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.capability-summary {
|
||||
max-width: 100%;
|
||||
height: 23px;
|
||||
padding: 0 7px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
color: #315f52;
|
||||
background: #edf5f2;
|
||||
border: 1px solid #d2e4de;
|
||||
border-radius: 4px;
|
||||
font-family: var(--font-geist-mono), monospace;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.capability-summary > span {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.capability-summary > small {
|
||||
flex: 0 0 auto;
|
||||
color: var(--ink-faint);
|
||||
font-size: 7px;
|
||||
}
|
||||
|
||||
.capability-empty {
|
||||
color: var(--ink-faint);
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.numeric-cell {
|
||||
color: var(--ink-soft);
|
||||
font-family: var(--font-geist-mono), monospace;
|
||||
|
||||
Reference in New Issue
Block a user