Use modals and Excel-like metric sheets for biz_state batches.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-17 17:06:25 +08:00
parent 1352535a9b
commit 0a967b4172
4 changed files with 733 additions and 342 deletions

View file

@ -9917,6 +9917,82 @@ html.login-page--paused .login-page__flare {
margin-bottom: 10px;
}
/* biz_state batch workbook (Excel-like sheets) */
.bs-workbook-modal .bs-workbook-body {
min-height: min(62vh, 640px);
}
.bs-sheet-filter {
align-items: center;
}
.bs-sheet-count {
white-space: nowrap;
font-size: 12px;
}
.bs-sheet-table {
flex: 1 1 auto;
min-height: 280px;
max-height: min(48vh, 520px);
}
.bs-sheet-tabs {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: flex-end;
margin-top: 4px;
padding: 6px 4px 0;
border-top: 1px solid rgba(148, 163, 184, 0.28);
}
.bs-sheet-tab {
appearance: none;
border: 1px solid rgba(148, 163, 184, 0.35);
border-bottom: none;
border-radius: 6px 6px 0 0;
background: rgba(148, 163, 184, 0.12);
color: inherit;
padding: 6px 12px;
font-size: 12px;
cursor: pointer;
line-height: 1.2;
}
.bs-sheet-tab:hover {
background: rgba(148, 163, 184, 0.22);
}
.bs-sheet-tab.is-active {
background: var(--wb-surface, #fff);
border-color: rgba(59, 130, 246, 0.55);
font-weight: 600;
box-shadow: 0 -1px 0 rgba(59, 130, 246, 0.35) inset;
}
.bs-sheet-tab__count {
margin-left: 6px;
opacity: 0.65;
font-variant-numeric: tabular-nums;
}
.bs-bind-panel {
padding: 10px 12px;
border: 1px solid rgba(148, 163, 184, 0.25);
border-radius: 8px;
}
.bs-bind-list {
max-height: 200px;
overflow: auto;
}
.bs-bind-item {
display: block;
margin-bottom: 4px;
}
.nm-config-modal__body {
flex: 1 1 auto;
width: 100%;