Improve frontend load performance and fix UME/login UX.

Defer topology xyflow and WebCRT xterm until needed, calm idle polling, bake login earth brightness, and let AI alert rules scroll as one natural panel.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-07 22:54:42 +08:00
parent a0170907e4
commit 9bcb8ee0e3
11 changed files with 906 additions and 663 deletions

View file

@ -7836,13 +7836,11 @@ pre {
width: 100%;
height: 100%;
background-color: rgba(8, 28, 72, 0.2);
background-image: url("/login-earth-night.webp");
/* Pre-brightened asset — no live CSS filter (that was the GPU thrash). */
background-image: url("/login-earth-night-bright.webp");
background-repeat: repeat-x;
background-size: 200%;
/* Softer map — less crunchy, blends into the limb fade. */
filter: brightness(2.45) contrast(1.02) saturate(1.08);
animation: login-earth-spin 80s linear infinite;
will-change: background-position;
}
.login-page__rail {
@ -7866,9 +7864,10 @@ pre {
padding: 26px 24px 28px;
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(8, 16, 32, 0.58);
backdrop-filter: blur(16px) saturate(1.12);
-webkit-backdrop-filter: blur(16px) saturate(1.12);
background: rgba(8, 16, 32, 0.82);
/* Lighter blur — full blur over the spinning globe was a steady GPU cost. */
backdrop-filter: blur(8px) saturate(1.08);
-webkit-backdrop-filter: blur(8px) saturate(1.08);
box-shadow:
0 18px 48px rgba(0, 0, 0, 0.32),
0 0 0 1px rgba(120, 170, 255, 0.07),
@ -8129,6 +8128,12 @@ pre {
to { opacity: 1; transform: scale(1.08); }
}
/* Pause infinite loops when the login tab is backgrounded (class set by LoginShell). */
html.login-page--paused .login-planet__textures,
html.login-page--paused .login-page__flare {
animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
/* Keep ambient earth spin; only drop entrance flourishes. */
.login-planet,
@ -8557,6 +8562,19 @@ pre {
padding: 12px 14px;
}
/* Form + list share one scroll body (no cramped nested table viewport). */
.ops-detail-modal__scroll--flow {
border: 0;
background: transparent;
border-radius: 0;
}
.ops-detail-modal__scroll--flow .pt-list-table-wrap {
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 8px;
overflow: visible;
}
.ume-entry-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));