anti/DECNET
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): MazeNET 7a — canvas chrome + node-head visuals

Browse Source 
Toolbar (RESET VIEW / AUTO-LAYOUT), status bar (GRAPH LIVE + pan + as-of
timestamp), 4-row legend, and archetype icon + status dot in each node
head.
This commit is contained in:
anti
2026-04-22 15:54:11 -04:00
parent 91111ea7ee
commit 6fbac5d057
4 changed files with 95 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
decnet_web/src/components/MazeNET/MazeNET.css
View File

@@ -274,7 +274,30 @@
display: flex; flex-direction: column; gap: 4px;
}
.maze-legend .lg-row { display: flex; align-items: center; gap: 6px; }
.maze-legend .lg-swatch { width: 14px; height: 2px; }
.maze-legend .lg-swatch { width: 14px; height: 2px; background: var(--matrix); }
.maze-legend .lg-swatch.alert { background: var(--alert); box-shadow: 0 0 6px var(--alert); }
.maze-legend .lg-swatch.violet { background: var(--violet); box-shadow: 0 0 6px var(--violet); }
.maze-legend .lg-swatch.matrix { background: var(--matrix); }
.maze-legend .lg-swatch.inactive {
background: transparent;
height: 0;
border-top: 1px dashed var(--border);
}
/* Status bar segments */
.maze-status .status-seg { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.maze-status .status-seg.live { color: var(--matrix); opacity: 0.9; }
.maze-status .status-seg.dim { opacity: 0.45; }
/* Toolbar button sizing override */
.maze-toolbar .maze-btn.small {
padding: 4px 10px; font-size: 0.62rem; letter-spacing: 1.5px;
background: rgba(0, 0, 0, 0.6);
}
/* NodeCard head icon alignment */
.maze-node .mn-head .mn-head-icon { opacity: 0.8; flex-shrink: 0; }
.maze-node .mn-head .mn-head-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* ── Inspector ──────────────────────────────── */
.maze-inspector {