feat(web/fleet): DeckyFleet reskin, inspect drawer, and modal retrofit

- Fleet grid rewrite: richer decky cards (archetype, services, swarm
  chip, mutation status) with click-to-inspect.
- Deploy wizard: track server-accepted deploys separately so the
  placeholder log stream only auto-closes on success; surface failures.
- DeployWizard + IntervalEditor migrated to the shared <Modal>
  primitive — gains ESC-close, backdrop click, Tab focus trap, and
  body scroll lock without changing visual design.
This commit is contained in:
2026-04-22 17:15:45 -04:00
parent e14527b382
commit de63a0ab5c
2 changed files with 300 additions and 65 deletions

View File

@@ -78,7 +78,7 @@
transition: all 0.3s;
position: relative;
}
.decky-card:hover { border-color: var(--violet); box-shadow: var(--violet-glow); }
.decky-card:hover { border-color: var(--accent); box-shadow: var(--accent-glow); }
.decky-card.hot { border-color: var(--alert); }
.decky-card.hot::before {
content: '';
@@ -103,6 +103,7 @@
letter-spacing: 1px;
display: flex;
align-items: center;
gap: 10px;
}
.decky-ip {
font-size: 0.7rem;
@@ -132,7 +133,6 @@
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 6px;
flex-shrink: 0;
}
.status-dot.active { background: var(--matrix); box-shadow: 0 0 8px var(--matrix); }
@@ -325,11 +325,17 @@
.fleet-empty {
grid-column: 1 / -1;
padding: 48px 24px;
text-align: center;
opacity: 0.5;
border: 1px dashed var(--border);
background: var(--panel);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
letter-spacing: 1px;
font-size: 0.85rem;
}
.fleet-empty .dim { opacity: 0.5; }
/* Animations */
@keyframes dfleet-pulse { from { opacity: 0.5; } to { opacity: 1; } }