hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-09 05:30:46 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions 2

Add filter-based topology bulk writes and refine API key scopes UX.

Browse source 
Filter add/layout/remove keeps MCP payloads small; tokens default MCP scopes and edit them in a modal with a compact help tip.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-04 07:39:14 +08:00
parent bf0dfd66d8
commit 2d92dde8e5
18 changed files with 1294 additions and 257 deletions
Download patch file Download diff file Expand all files Collapse all files

159
web/src/index.css
View file

@ -1436,6 +1436,165 @@ pre {
color: #475569;
}
.token-page__title {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
}
.help-q {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid #94a3b8;
color: #64748b;
font-size: 12px;
font-weight: 600;
line-height: 1;
cursor: help;
user-select: none;
flex: 0 0 auto;
}
.help-q:hover,
.help-q:focus-visible {
border-color: #64748b;
color: #334155;
outline: none;
}
.help-q__tip {
display: none;
position: absolute;
left: 0;
top: calc(100% + 8px);
z-index: 90;
width: max-content;
max-width: min(360px, 70vw);
padding: 8px 10px;
border-radius: 6px;
background: #0f172a;
color: #f8fafc;
font-size: 12px;
font-weight: 400;
line-height: 1.45;
white-space: normal;
text-align: left;
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.22);
pointer-events: none;
}
.help-q__tip::after {
content: "";
position: absolute;
bottom: 100%;
left: 8px;
border: 5px solid transparent;
border-bottom-color: #0f172a;
}
.help-q:hover .help-q__tip,
.help-q:focus-visible .help-q__tip {
display: block;
}
.token-scopes-modal {
position: fixed;
inset: 0;
z-index: 80;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.token-scopes-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 27, 45, 0.45);
}
.token-scopes-modal__panel {
position: relative;
z-index: 1;
width: min(480px, 100%);
max-height: min(80vh, 640px);
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 18px;
border-radius: 10px;
border: 1px solid #cdd6e2;
background: #fff;
box-shadow: 0 16px 40px rgba(15, 27, 45, 0.18);
}
.token-scopes-modal__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.token-scopes-modal__head h3 {
margin: 0;
font-size: 16px;
font-weight: 650;
color: var(--nm-brand, #0f1b2d);
}
.token-scopes-modal__list {
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #f8fafc;
}
.token-scopes-modal__list > li + li {
border-top: 1px solid #e2e8f0;
}
.token-scopes-modal__row {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 12px;
margin: 0;
cursor: pointer;
font-size: 13px;
color: #334155;
}
.token-scopes-modal__row:hover {
background: #eef2f7;
}
.token-scopes-modal__row input {
margin-top: 2px;
flex: 0 0 auto;
}
.token-scopes-modal__label {
line-height: 1.4;
}
.token-scopes-modal__foot {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
padding-top: 4px;
}
.ume-page .pt-list-actions,
.ume-page .pt-list-table .btn-row {
gap: 6px;