@akiraka/quark-big-screen-ui 0.1.28 → 0.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BigScreenTemplateRenderer.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenTemplateRenderer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BigScreenTemplateRenderer.vue.d.ts","sourceRoot":"","sources":["../../src/components/BigScreenTemplateRenderer.vue"],"names":[],"mappings":"AAsNA,MAAM,WAAW,sBAAsB;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE;AAClO,MAAM,WAAW,gBAAgB;IAAG,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IAAC,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAAE;AACvN,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC;;;;;;;;AAmuBtH,wBAOG"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--qbs-surface-top: rgba(13, 24, 39, .92);--qbs-surface-bottom: rgba(8, 16, 28, .96);--qbs-border: rgba(142, 161, 178, .2);--qbs-text: #f6f8fb;--qbs-muted: #9fb2c7;--qbs-radius: 20px;--qbs-shadow: 0 18px 48px rgba(4, 10, 18, .28)}.qbs-panel[data-v-749400b6]{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;border:1px solid oklch(.6 .12 220 / .28);border-radius:10px;background:linear-gradient(160deg,#091b318c,#050f2066);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c8e4e9}.qbs-panel--overflow-hidden[data-v-749400b6]{overflow:hidden}.qbs-panel--padding-md[data-v-749400b6]{padding:14px 16px}.qbs-panel--padding-compact[data-v-749400b6]{padding:10px 12px}.qbs-panel--padding-tight[data-v-749400b6]{padding:12px 8px}.qbs-panel__corner[data-v-749400b6]{position:absolute;width:12px;height:12px;border:2px solid var(--qbs-accent);pointer-events:none}.qbs-panel__corner--tl[data-v-749400b6]{top:-1px;left:-1px;border-right:0;border-bottom:0}.qbs-panel__corner--tr[data-v-749400b6]{top:-1px;right:-1px;border-left:0;border-bottom:0}.qbs-panel__corner--bl[data-v-749400b6]{bottom:-1px;left:-1px;border-right:0;border-top:0}.qbs-panel__corner--br[data-v-749400b6]{right:-1px;bottom:-1px;border-left:0;border-top:0}.qbs-panel__header[data-v-749400b6]{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-width:0;font-weight:700;letter-spacing:1px}.qbs-panel__header--md[data-v-749400b6]{font-size:14px}.qbs-panel__header--sm[data-v-749400b6]{margin-bottom:8px;font-size:13px}.qbs-panel__bar[data-v-749400b6]{width:4px;height:14px;flex-shrink:0;border-radius:2px;background:var(--qbs-accent);box-shadow:0 0 8px var(--qbs-accent)}.qbs-panel__title[data-v-749400b6]{flex-shrink:0}.qbs-panel__header-prefix[data-v-749400b6]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.qbs-panel__header-center[data-v-749400b6]{display:inline-flex;flex:1;min-width:0;justify-content:center}.qbs-panel__header-extra[data-v-749400b6]{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.qbs-panel__live[data-v-749400b6]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:1px;color:#ff5050;color:oklch(.68 .22 25)}.qbs-panel__live-dot[data-v-749400b6]{width:7px;height:7px;border-radius:50%;background:#ff5050;background:oklch(.68 .22 25);box-shadow:0 0 8px #ff5050;box-shadow:0 0 8px oklch(.68 .22 25);animation:qbs-panel-blink-749400b6 1s steps(1,end) infinite}.qbs-panel__body[data-v-749400b6]{display:flex;flex:1;min-height:0;flex-direction:column}.qbs-panel--layout-metric .qbs-panel__body[data-v-749400b6]{align-items:center;justify-content:center;gap:4px;text-align:center}@keyframes qbs-panel-blink-749400b6{50%{opacity:.25}}.qbs-duty-compact[data-v-f5721bce]{display:flex;align-items:center;gap:12px}.qbs-duty-compact__avatar[data-v-f5721bce]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact__info[data-v-f5721bce]{display:flex;flex-direction:column}.qbs-duty-compact__name[data-v-f5721bce]{color:#cfebf0;font-size:15px;font-weight:700}.qbs-duty-compact__phone[data-v-f5721bce]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact__tag[data-v-f5721bce]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px}.qbs-duty[data-v-f5721bce]{display:flex;height:100%;min-height:0;flex-direction:column;gap:14px}.qbs-duty__summary[data-v-f5721bce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qbs-duty__summary-chip[data-v-f5721bce]{padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#0f1927bd}.qbs-duty__summary-chip span[data-v-f5721bce]{display:block;margin-bottom:6px;color:#8ca0b4;font-size:11px}.qbs-duty__summary-chip strong[data-v-f5721bce]{color:#f5f8fc;font-size:15px;line-height:1.2}.qbs-duty__list[data-v-f5721bce]{display:grid;min-height:0;gap:10px;overflow:auto}.qbs-duty__group[data-v-f5721bce]{padding:12px;border:1px solid rgba(157,176,198,.1);border-radius:16px;background:#0d1723c2}.qbs-duty__group-header[data-v-f5721bce]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#edf3f9;font-size:13px}.qbs-duty__group-header span[data-v-f5721bce]{color:#8ca0b4}.qbs-duty__users[data-v-f5721bce]{display:flex;flex-wrap:wrap;gap:8px}.qbs-duty__user[data-v-f5721bce]{padding:5px 10px;border-radius:999px;background:#19293ed1;color:#bfd0e0;font-size:12px}.qbs-duty__empty[data-v-f5721bce]{display:grid;min-height:140px;place-items:center;border:1px dashed rgba(157,176,198,.14);border-radius:16px;background:#0c162280;color:#7d91a6;font-size:13px}.qbs-alert-row[data-v-83959767]{display:block;box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:0;border-left:3px solid var(--qbs-alert-accent);border-radius:6px;background:#1c293d66;color:inherit;text-align:left;cursor:pointer}.qbs-alert-row--detail-wide[data-v-83959767]{padding-top:10px;padding-bottom:10px}.qbs-alert-row__main[data-v-83959767]{display:flex;align-items:stretch;gap:12px}.qbs-alert-row__copy[data-v-83959767]{flex:0 0 40%;min-width:0}.qbs-alert-row--detail-wide .qbs-alert-row__copy[data-v-83959767]{flex-basis:36%}.qbs-alert-row__title[data-v-83959767]{overflow:hidden;margin-bottom:5px;color:#d0e2e6;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__meta[data-v-83959767]{display:flex;align-items:center;gap:10px;min-width:0;color:#6e848f;font-size:11px}.qbs-alert-row__group[data-v-83959767]{overflow:hidden;max-width:110px;min-width:0;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__owner[data-v-83959767]{color:#64b3c0}.qbs-alert-row__time[data-v-83959767]{font-family:var(--font-mono,monospace)}.qbs-alert-row__tag[data-v-83959767]{margin-left:auto;padding:1px 6px;border:1px solid oklch(.68 .22 25 / .5);border-radius:4px;color:#ff5050;color:oklch(.68 .22 25);font-size:10px}.qbs-alert-row__status[data-v-83959767]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:#869ca7;font-size:10px}.qbs-alert-row__aside[data-v-83959767]{flex:1 1 60%;width:60%;align-self:center}.qbs-alert-row--detail-wide .qbs-alert-row__aside[data-v-83959767]{flex-basis:64%;width:64%}.qbs-metric-card--compact[data-v-07353599]{display:flex;min-width:0;flex-direction:column;padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#101a28c7}.qbs-metric-card--compact span[data-v-07353599]{margin-bottom:6px;color:#899eb1;font-size:11px}.qbs-metric-card--compact strong[data-v-07353599]{color:var(--qbs-metric-tone);font-size:18px;line-height:1.2}.qbs-metric-card__value[data-v-07353599]{color:var(--qbs-metric-tone);font-size:28px;font-weight:700;line-height:1}.qbs-metric-card__label[data-v-07353599]{color:#869ca7;font-size:11px;letter-spacing:1px;text-align:center}.qbs-header[data-v-cc041333]{position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(149,169,189,.24);border-radius:24px;background:linear-gradient(90deg,#07111df0,#0a1825e6 44%,#080f19f2);box-shadow:inset 0 1px #ffffff0f,0 18px 42px #050b1438}.qbs-header__glow[data-v-cc041333]{position:absolute;bottom:-40%;left:-8%;width:42%;height:160%;background:radial-gradient(circle,rgba(98,140,182,.22),transparent 72%)}.qbs-header__body[data-v-cc041333]{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;gap:20px;padding:0 28px}.qbs-header__brand[data-v-cc041333]{display:flex;min-width:0;align-items:center;gap:16px}.qbs-header__crest[data-v-cc041333]{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid rgba(154,188,222,.26);border-radius:14px;background:linear-gradient(180deg,#172f4ad6,#091422f5)}.qbs-header__crest b[data-v-cc041333]{width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#b7d3ef,#6f9cc7);box-shadow:0 0 20px #7ba3c947}.qbs-header p[data-v-cc041333]{margin:0 0 4px;color:#8da4bb;font-size:11px;letter-spacing:.28em}.qbs-header h1[data-v-cc041333]{margin:0;color:#f3f8fd;font-size:clamp(28px,2.2vw,42px);letter-spacing:.06em;line-height:1}.qbs-header__clock[data-v-cc041333]{display:grid;flex:none;justify-items:end;gap:4px}.qbs-header__clock strong[data-v-cc041333]{color:#f4f8fd;font-size:clamp(24px,1.8vw,34px);line-height:1}.qbs-header__clock span[data-v-cc041333]{color:#8ea5bb;font-size:12px;letter-spacing:.08em}.qbs-dist[data-v-88fc69e4]{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px}.qbs-dist__row[data-v-88fc69e4]{display:flex;align-items:center;gap:10px;min-width:0}.qbs-dist__row>i[data-v-88fc69e4]{width:8px;height:8px;flex:none;border-radius:50%;background:var(--qbs-dist-color);box-shadow:0 0 8px var(--qbs-dist-color)}.qbs-dist__row>span[data-v-88fc69e4]{width:76px;overflow:hidden;color:#9bb2bc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.qbs-dist__row>b[data-v-88fc69e4]{height:8px;flex:1;overflow:hidden;border-radius:999px;background:#202f428c}.qbs-dist__row em[data-v-88fc69e4]{display:block;height:100%;border-radius:inherit;background:var(--qbs-dist-color)}.qbs-dist__row strong[data-v-88fc69e4]{width:32px;color:var(--qbs-dist-color);font-family:var(--font-mono,monospace);font-size:12px;text-align:right}.qbs-dist__empty[data-v-88fc69e4]{display:grid;flex:1;place-items:center;color:#748a95;font-size:12px}.qbs-build-projects[data-v-c9634e0c]{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px}.qbs-build-projects__summary[data-v-c9634e0c]{display:flex;gap:14px}.qbs-build-projects__summary span[data-v-c9634e0c]{display:flex;flex-direction:column;color:#7d939e;font-size:11px}.qbs-build-projects__summary strong[data-v-c9634e0c]{color:#8ddde7;font-family:var(--font-mono,monospace);font-size:18px}.qbs-build-projects__list[data-v-c9634e0c]{display:grid;min-height:0;gap:8px;overflow:auto}.qbs-build-projects article[data-v-c9634e0c]{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid oklch(.58 .08 220 / .12)}.qbs-build-projects article>i[data-v-c9634e0c]{color:#7794a3;font-family:var(--font-mono,monospace);font-size:11px;font-style:normal}.qbs-build-projects article>div[data-v-c9634e0c]{width:110px;min-width:0}.qbs-build-projects strong[data-v-c9634e0c],.qbs-build-projects span[data-v-c9634e0c]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbs-build-projects strong[data-v-c9634e0c]{color:#d0e2e6;font-size:12px}.qbs-build-projects span[data-v-c9634e0c]{color:#6e848f;font-size:10px}.qbs-build-projects article>b[data-v-c9634e0c]{height:6px;flex:1;overflow:hidden;border-radius:999px;background:#202f428c}.qbs-build-projects em[data-v-c9634e0c]{display:block;height:100%;border-radius:inherit;background:#48b7c2}.qbs-build-projects small[data-v-c9634e0c]{color:#7aa7b0;font-size:10px}.qbs-build-projects__empty[data-v-c9634e0c]{display:grid;place-items:center;color:#748a95}.qbs-robot[data-v-534c73e7]{display:flex;height:100%;min-height:0;flex-direction:column;gap:16px}.qbs-robot__head[data-v-534c73e7]{display:flex;align-items:center;gap:14px}.qbs-robot__head i[data-v-534c73e7]{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#b7d3ef 0,#b7d3ef 15%,#315878 20%,#102337 66%);box-shadow:0 0 24px #6fa6cf}.qbs-robot__head strong[data-v-534c73e7],.qbs-robot__head span[data-v-534c73e7]{display:block}.qbs-robot__head strong[data-v-534c73e7]{color:#f4f8fd}.qbs-robot__head span[data-v-534c73e7]{margin-top:5px;color:#8da4bb;font-size:11px}.qbs-robot__metrics[data-v-534c73e7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qbs-robot__metrics span[data-v-534c73e7]{padding:10px;border:1px solid rgba(157,176,198,.12);border-radius:12px;background:#0f1927bd;color:#8ca0b4;font-size:11px}.qbs-robot__metrics b[data-v-534c73e7]{display:block;margin-top:5px;color:#f5f8fc;font-size:18px}.qbs-endpoint-network[data-v-adf0deda]{position:relative;height:100%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#0c263a,#07111e 70%)}.qbs-endpoint-network__canvas[data-v-adf0deda]{width:100%;height:100%;min-height:180px}.qbs-endpoint-network__reset[data-v-adf0deda]{position:absolute;z-index:2;top:8px;right:8px;border:1px solid rgba(103,232,249,.35);border-radius:8px;background:#061422e0;padding:5px 8px;color:#b9eaff;font-size:11px;cursor:pointer}.qbs-endpoint-network__empty[data-v-adf0deda]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#8da8ba;font-size:13px;pointer-events:none}.qbs-embed[data-v-f20c22f6]{width:100%;height:100%;overflow:hidden;border-radius:20px;background:#fff}.qbs-embed iframe[data-v-f20c22f6]{display:block;width:100%;height:100%;border:0;background:#fff}.qbs-embed div[data-v-f20c22f6]{display:grid;width:100%;height:100%;box-sizing:border-box;place-items:center;padding:20px;background:#101c2a;color:#9fb2c7;font-size:13px;text-align:center}.relative[data-v-c1f1f037]{--robot-blue: oklch(.55 .21 264);--robot-blue-dark: oklch(.45 .2 264);--robot-amber: oklch(.82 .16 72);--robot-eye: oklch(.88 .13 200)}.halo[data-v-6fd8ca14]{position:absolute;bottom:-2%;left:50%;transform:translate(-50%,50%);pointer-events:none;z-index:1}.halo-ring[data-v-6fd8ca14]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid oklch(.8 .13 205 / .5)}.halo-ring.r1[data-v-6fd8ca14]{width:100%;height:100%;animation:halo-pulse-6fd8ca14 3s ease-in-out infinite}.halo-ring.r2[data-v-6fd8ca14]{width:68%;height:68%;border-color:#2ad5e5cc;animation:halo-pulse-6fd8ca14 3s ease-in-out infinite .6s}.halo-core[data-v-6fd8ca14]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;height:34%;border-radius:50%;background:#00b3c259;background:oklch(.7 .15 205 / .35);filter:blur(8px)}@keyframes halo-pulse-6fd8ca14{0%,to{opacity:.5}50%{opacity:1}}.qbs-top-header[data-v-20d5fb13]{position:relative;z-index:2;display:grid;height:48px;grid-template-columns:auto 1fr auto;align-items:center;padding:0 20px;border-bottom:1px solid oklch(.6 .12 220 / .22)}.qbs-top-header__brand[data-v-20d5fb13]{display:flex;min-width:0;align-items:center;gap:10px;cursor:pointer}.qbs-top-header__brand span[data-v-20d5fb13]{width:8px;height:18px;background:#34dde5;box-shadow:0 0 10px #34dde5d9;clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)}.qbs-top-header h1[data-v-20d5fb13]{margin:0;background:linear-gradient(90deg,#e0f2f6,#9ae5ee 50%,#6fddea 75%,#53d9e7,#2ad5e5);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;font-weight:800;letter-spacing:3px;white-space:nowrap}.qbs-top-header__deco[data-v-20d5fb13]{justify-self:center;display:flex;width:68px;height:18px;align-items:flex-end;justify-content:center;gap:4px}.qbs-top-header__deco i[data-v-20d5fb13]{width:3px;border-radius:999px;background:#5a909d66}.qbs-top-header__deco i[data-v-20d5fb13]:nth-child(odd){height:60%}.qbs-top-header__deco i[data-v-20d5fb13]:nth-child(2n){height:100%}.qbs-top-header__deco.is-armed i[data-v-20d5fb13]{background:#57b5bf99}.qbs-top-header__clock[data-v-20d5fb13]{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;padding:4px 8px;cursor:pointer}.qbs-top-header__clock b[data-v-20d5fb13]{color:#b8e8ee;font-family:var(--font-mono,monospace);font-size:18px;letter-spacing:1.5px;line-height:1}.qbs-top-header__clock small[data-v-20d5fb13]{margin-top:2px;color:#7794a3;font-size:10px;letter-spacing:.8px;line-height:1.1}.qbs-duty-compact[data-v-cd7cff86]{display:flex;align-items:center;gap:12px}.qbs-duty-compact>div[data-v-cd7cff86]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact section[data-v-cd7cff86]{display:flex;flex-direction:column}.qbs-duty-compact strong[data-v-cd7cff86]{color:#cfebf0;font-size:15px}.qbs-duty-compact span[data-v-cd7cff86]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact em[data-v-cd7cff86]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px;font-style:normal}.base-modal-mask[data-v-e3bfd45f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#02061799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.base-modal-panel[data-v-e3bfd45f]{position:relative;display:flex;flex-direction:column;max-height:min(88vh,980px);overflow:hidden;border:1px solid rgb(96 165 250 / .18);border-radius:30px;background:linear-gradient(180deg,#0c121ffa,#080d19fa);box-shadow:0 28px 80px #02061775}.base-modal-panel--padded[data-v-e3bfd45f]{padding:24px}.base-modal-header[data-v-e3bfd45f]{position:relative;flex:0 0 auto;min-height:48px;display:flex;align-items:center;padding-right:48px}.base-modal-title-wrap[data-v-e3bfd45f]{min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:48px}.base-modal-panel--title-center .base-modal-title-wrap[data-v-e3bfd45f]{text-align:center}.base-modal-panel--title-left .base-modal-title-wrap[data-v-e3bfd45f]{text-align:left}.base-modal-eyebrow[data-v-e3bfd45f]{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#94a3b8c7}.base-modal-title[data-v-e3bfd45f]{margin:0;font-size:22px;font-weight:700;line-height:1.3;color:#f8fafc}.base-modal-close[data-v-e3bfd45f]{position:absolute;top:4px;right:8px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:12px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:28px;font-weight:300;line-height:1;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}.base-modal-close[data-v-e3bfd45f]:hover{color:#fff;text-shadow:0 0 14px rgb(148 163 184 / .55);transform:scale(1.08)}.base-modal-close[data-v-e3bfd45f]:focus-visible{outline:none;color:#fff;text-shadow:0 0 16px rgb(96 165 250 / .75);transform:scale(1.08)}.base-modal-close[data-v-e3bfd45f]:active{color:#fff;text-shadow:0 0 18px rgb(96 165 250 / .65);transform:scale(.96)}.base-modal-body[data-v-e3bfd45f]{flex:1;min-height:0;overflow-y:auto}.base-modal-footer[data-v-e3bfd45f]{margin-top:24px}.base-modal-fade-enter-active[data-v-e3bfd45f],.base-modal-fade-leave-active[data-v-e3bfd45f]{transition:opacity .2s ease}.base-modal-fade-enter-active .base-modal-panel[data-v-e3bfd45f],.base-modal-fade-leave-active .base-modal-panel[data-v-e3bfd45f]{transition:transform .22s ease,opacity .22s ease}.base-modal-fade-enter-from[data-v-e3bfd45f],.base-modal-fade-leave-to[data-v-e3bfd45f]{opacity:0}.base-modal-fade-enter-from .base-modal-panel[data-v-e3bfd45f],.base-modal-fade-leave-to .base-modal-panel[data-v-e3bfd45f]{opacity:0;transform:translateY(14px) scale(.98)}.metric-trend-chart[data-v-2cda3f9e]{width:100%;position:relative}.metric-trend-chart__reset[data-v-2cda3f9e]{position:absolute;top:8px;right:10px;z-index:3;border:1px solid rgb(96 165 250 / .18);border-radius:999px;background:#080d19e0;color:#e2e8f0e0;font-size:12px;line-height:1;padding:7px 12px;cursor:pointer}.metric-trend-chart__reset[data-v-2cda3f9e]:hover{border-color:#60a5fa57;background:#0e182af5}.metric-trend-chart.is-compact[data-v-2cda3f9e]{min-height:0}.metric-trend-chart__canvas[data-v-2cda3f9e]{width:100%}.metric-trend-chart.is-selection-enabled .metric-trend-chart__canvas[data-v-2cda3f9e]{cursor:crosshair}.metric-trend-chart__selection[data-v-2cda3f9e]{position:absolute;z-index:2;border:1px solid rgb(96 165 250 / .65);background:#60a5fa1f;border-radius:10px;pointer-events:none}.metric-trend-chart__stats[data-v-2cda3f9e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.metric-trend-chart__stat[data-v-2cda3f9e]{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:#0f172a8a;border:1px solid rgb(148 163 184 / .12);transition:border-color .18s ease,background .18s ease}.metric-trend-chart__stat.is-active[data-v-2cda3f9e]{border-color:#60a5fa6b;background:#142440b8}.metric-trend-chart__stat-label[data-v-2cda3f9e]{font-size:11px;color:#94a3b8c7}.metric-trend-chart__stat-value[data-v-2cda3f9e]{font-size:14px;font-weight:700;color:#e2e8f0f0}.metric-trend-chart__empty[data-v-2cda3f9e]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8b8;pointer-events:none}@media(max-width:640px){.metric-trend-chart__stats[data-v-2cda3f9e]{grid-template-columns:1fr}}.ui-button[data-v-5f786839]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:120px;border:1px solid transparent;background:transparent;color:#e2e8f0;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.ui-button[data-v-5f786839]:focus-visible{outline:none}.ui-button[data-v-5f786839]:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.ui-button--block[data-v-5f786839]{width:100%}.ui-button--xs[data-v-5f786839]{min-height:32px;min-width:0;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700}.ui-button--sm[data-v-5f786839]{min-height:36px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:600}.ui-button--md[data-v-5f786839]{min-height:44px;padding:11px 18px;border-radius:16px;font-size:14px;font-weight:600}.ui-button--lg[data-v-5f786839]{min-height:46px;padding:11px 30px;border-radius:14px;font-size:14px;font-weight:700}.ui-button--icon[data-v-5f786839]{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:14px}.ui-button--dialog.ui-button--secondary[data-v-5f786839]{border-color:#94a3b838;background:#0f172ae6;color:#cbd5e1}.ui-button--dialog.ui-button--secondary[data-v-5f786839]:hover,.ui-button--dialog.ui-button--secondary[data-v-5f786839]:focus-visible{border-color:#60a5fa47;background:#1e293bf0;color:#f8fafc}.ui-button--dialog.ui-button--primary[data-v-5f786839]{border-color:transparent;background:var(--ui-button-primary-bg, var(--alert-color, #38bdf8));color:var(--ui-button-primary-color, #fff)}.ui-button--dialog.ui-button--primary[data-v-5f786839]:hover,.ui-button--dialog.ui-button--primary[data-v-5f786839]:focus-visible{background:var(--ui-button-primary-hover-bg, color-mix(in oklab, var(--ui-button-primary-bg, var(--alert-color, #38bdf8)) 88%, white));color:var(--ui-button-primary-hover-color, #fff)}.ui-button--tech.ui-button--secondary[data-v-5f786839]{border-color:#344458;background:#061223;color:#a3bcc5;border-radius:3px}.ui-button--tech.ui-button--secondary[data-v-5f786839]:hover,.ui-button--tech.ui-button--secondary[data-v-5f786839]:focus-visible{border-color:#468497;background:#0b1a31}.ui-button--tech.ui-button--primary[data-v-5f786839]{border-color:var(--ui-button-tech-border, var(--alert-color, oklch(.82 .14 28)));background:var(--ui-button-tech-bg, oklch(.16 .06 258));color:var(--ui-button-tech-color, var(--alert-color, oklch(.82 .14 28)));box-shadow:0 0 22px var(--ui-button-tech-glow, var(--alert-glow, rgb(239 68 68 / .3)));border-radius:3px}.ui-button--tech.ui-button--primary[data-v-5f786839]:hover,.ui-button--tech.ui-button--primary[data-v-5f786839]:focus-visible{background:var(--ui-button-tech-hover-bg, oklch(.2 .07 258));box-shadow:0 0 40px var(--ui-button-tech-glow, var(--alert-glow, rgb(239 68 68 / .3)))}.ui-button--soft.ui-button--secondary[data-v-5f786839]{border-color:transparent;background:#e9f1ff;color:#3d5274}.ui-button--soft.ui-button--secondary[data-v-5f786839]:hover,.ui-button--soft.ui-button--secondary[data-v-5f786839]:focus-visible{background:#dce8ff;color:#27415f}.ui-button--soft.ui-button--primary[data-v-5f786839]{border-color:transparent;background:linear-gradient(135deg,#2f77ff,#4f5fff);color:#fff;box-shadow:0 10px 20px #4f5fff33}.ui-button--soft.ui-button--primary[data-v-5f786839]:hover,.ui-button--soft.ui-button--primary[data-v-5f786839]:focus-visible{background:linear-gradient(135deg,#266cff,#45f);box-shadow:0 12px 24px #4f5fff3d}.ui-button--soft.ui-button--danger[data-v-5f786839]{border-color:transparent;background:#fee2e2;color:#dc2626}.ui-button--soft.ui-button--danger[data-v-5f786839]:hover,.ui-button--soft.ui-button--danger[data-v-5f786839]:focus-visible{background:#fecaca;color:#b91c1c}.ui-button--surface.ui-button--danger[data-v-5f786839]{border-color:transparent;background:#fffffff5;box-shadow:0 10px 24px #7592bd14;color:#ff4f4f}.ui-button--surface.ui-button--danger[data-v-5f786839]:hover,.ui-button--surface.ui-button--danger[data-v-5f786839]:focus-visible{background:#fff;box-shadow:0 12px 28px #7592bd1f;color:#ef4444}.ui-button[data-v-5f786839]:active:not(:disabled){transform:scale(.98)}[data-v-ae5198b7] .alert-dialog-mask{background:#020617a8}[data-v-ae5198b7] .alert-dialog-panel{border-radius:30px}.alert-dialog[data-v-ae5198b7]{padding:24px;color:#e2e8f0}.alert-dialog--critical[data-v-ae5198b7]{--alert-color: #ef4444;--alert-soft: rgb(239 68 68 / .1)}.alert-dialog--warning[data-v-ae5198b7]{--alert-color: #f59e0b;--alert-soft: rgb(245 158 11 / .1)}.alert-dialog--recovery[data-v-ae5198b7]{--alert-color: #10b981;--alert-soft: rgb(16 185 129 / .1)}.alert-dialog--info[data-v-ae5198b7]{--alert-color: #38bdf8;--alert-soft: rgb(56 189 248 / .1)}.alert-dialog-normal[data-v-ae5198b7],.alert-dialog-monitor[data-v-ae5198b7]{margin-top:8px}.alert-dialog-meta[data-v-ae5198b7]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.alert-dialog-meta-item[data-v-ae5198b7]{border:1px solid rgb(148 163 184 / .12);border-radius:999px;background:#ffffff0a;padding:6px 10px;font-size:12px;color:#e2e8f09e}.alert-dialog-content[data-v-ae5198b7]{margin:0;font-size:14px;line-height:1.8;color:#e2e8f0e0}.alert-dialog-monitor[data-v-ae5198b7]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.alert-dialog-monitor--bottom[data-v-ae5198b7]{grid-template-columns:minmax(0,1fr)}.alert-dialog-monitor--bottom .alert-dialog-chart-card[data-v-ae5198b7]{margin-top:6px}.alert-dialog-monitor--bottom .alert-dialog-grid[data-v-ae5198b7]{gap:10px 12px}.alert-dialog-grid[data-v-ae5198b7]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.alert-dialog-field[data-v-ae5198b7]{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#0f172acc,#090e1adb);border:1px solid rgb(96 165 250 / .08);text-align:left}.alert-dialog-field.is-clickable[data-v-ae5198b7]{cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.alert-dialog-field.is-clickable[data-v-ae5198b7]:hover{border-color:#60a5fa3d;transform:translateY(-1px)}.alert-dialog-field.is-active[data-v-ae5198b7]{border-color:#60a5fa66;background:linear-gradient(180deg,#152545eb,#0a1222f5)}.alert-dialog-field[data-v-ae5198b7]:disabled{cursor:default}.alert-dialog-field--compact[data-v-ae5198b7]{gap:2px;padding:8px 10px;border-radius:14px;background:#080d197a;border-color:#60a5fa0f;box-shadow:inset 0 0 0 1px #ffffff04}.alert-dialog-field--compact.is-clickable[data-v-ae5198b7]:hover{border-color:#60a5fa1f;transform:none}.alert-dialog-field--compact.is-active[data-v-ae5198b7]{border-color:#60a5fa33;background:#0e182a9e}.alert-dialog-field-label[data-v-ae5198b7]{font-size:12px;color:#94a3b8d1}.alert-dialog-field--compact .alert-dialog-field-label[data-v-ae5198b7]{font-size:11px;color:#94a3b8a3}.alert-dialog-field-value[data-v-ae5198b7]{font-size:15px;font-weight:600;color:#e2e8f0}.alert-dialog-field--compact .alert-dialog-field-value[data-v-ae5198b7]{font-size:13px;font-weight:500;color:#e2e8f0c7}.alert-dialog-field-value.is-mono[data-v-ae5198b7]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.alert-dialog-field-value.is-accent[data-v-ae5198b7]{color:var(--alert-color)}.alert-dialog-chart-card[data-v-ae5198b7]{display:flex;flex-direction:column;border-radius:22px;background:radial-gradient(circle at top,#142440eb,#080d19f5);padding:18px;border:1px solid rgb(96 165 250 / .14);box-shadow:inset 0 0 0 1px #ffffff05}.alert-dialog-chart-title[data-v-ae5198b7]{margin:0 0 12px;font-size:13px;font-weight:700;color:#dbeafe}.alert-dialog-chart[data-v-ae5198b7]{width:100%;min-height:220px;height:220px;flex:1}.alert-dialog-chart-empty[data-v-ae5198b7]{display:flex;align-items:center;justify-content:center;min-height:220px;color:#94a3b8;font-size:13px}.alert-dialog-footer[data-v-ae5198b7]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.alert-dialog-details[data-v-ae5198b7]{margin-top:20px}.alert-dialog--normal[data-v-ae5198b7]{border-radius:28px;background:linear-gradient(180deg,var(--alert-soft),transparent 42%)}.alert-dialog--normal .alert-dialog-content[data-v-ae5198b7]{padding:20px 18px 0;color:#f1f5f9e6}.alert-dialog--monitor[data-v-ae5198b7]{background:radial-gradient(circle at top right,color-mix(in oklab,var(--alert-color) 18%,transparent),transparent 28%)}@media(max-width:900px){.alert-dialog[data-v-ae5198b7]{padding:20px}.alert-dialog-monitor[data-v-ae5198b7]{grid-template-columns:1fr}.alert-dialog-grid[data-v-ae5198b7]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.alert-dialog-grid[data-v-ae5198b7]{grid-template-columns:1fr}}.quark-timeline[data-v-edeffd99]{position:relative;display:flex;flex-direction:column}.quark-tl-item[data-v-192169cf]{position:relative;min-height:30px;padding-left:24px}.quark-tl-item__label[data-v-192169cf]{min-width:80px;padding-top:2px;margin-bottom:8px;color:#94a3b8;font-size:14px}.quark-tl-item__rail[data-v-192169cf]{position:absolute;left:0;top:0;height:100%;width:20px;text-align:center}.quark-tl-item__dot-content[data-v-192169cf]{position:relative;width:20px;height:22px;line-height:22px;z-index:1}.quark-tl-item__dot[data-v-192169cf]{position:relative;top:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.quark-tl-item__dot-inner[data-v-192169cf]{width:10px;height:10px;border-radius:50%;background:#475569;border:2px solid #0f172a;box-shadow:0 0 0 1px #475569}.quark-tl-item__dot-inner--hollow[data-v-192169cf]{background:#0f172a}.quark-tl-item--active .quark-tl-item__dot-inner[data-v-192169cf]{background:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.quark-tl-item--active .quark-tl-item__dot-inner--hollow[data-v-192169cf]{background:#0f172a;border-color:#38bdf8}.quark-tl-item__line[data-v-192169cf]{position:absolute;top:16px;bottom:-6px;left:10px;width:0;border-left:2px solid rgb(148 163 184 / .24)}.quark-tl-item--last .quark-tl-item__line[data-v-192169cf]{display:none}.quark-tl-item__body[data-v-192169cf]{position:relative;margin-left:12px;padding-bottom:20px}.quark-tl-item__content[data-v-192169cf]{position:relative;margin-bottom:8px;font-size:14px;line-height:1.5715}.quark-tl-item__time[data-v-192169cf]{font-size:11px;color:#94a3b8;margin-top:4px;padding-left:2px}.quark-collapse[data-v-e15791ba]{border-radius:12px;overflow:hidden}.quark-collapse--card[data-v-e15791ba]{display:flex;flex-direction:column;gap:8px}.quark-CollapseItem__header[data-v-a1768f99]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;font-size:13px;line-height:20px;transition:background-color .2s;border:1px solid rgb(96 165 250 / .16);background:#0f172ab8}.quark-CollapseItem__header[data-v-a1768f99]:hover{background:#142440c7}.quark-CollapseItem__arrow[data-v-a1768f99]{flex-shrink:0;transition:transform .2s;color:#94a3b8;display:flex;align-items:center}.quark-CollapseItem__arrow--open[data-v-a1768f99]{transform:rotate(90deg)}.quark-CollapseItem__header-content[data-v-a1768f99]{flex:1;min-width:0}.quark-CollapseItem__extra[data-v-a1768f99]{flex-shrink:0;display:flex;align-items:center;gap:8px}.quark-CollapseItem--disabled .quark-CollapseItem__header[data-v-a1768f99]{cursor:not-allowed;color:#64748b}.quark-CollapseItem__body[data-v-a1768f99]{padding:12px 14px;border:1px solid rgb(96 165 250 / .12);border-top:none;background:#02061780}.quark-CollapseItem--card .quark-CollapseItem__header[data-v-a1768f99]{border-radius:12px 12px 0 0}.quark-CollapseItem--card:not(.quark-CollapseItem--active) .quark-CollapseItem__header[data-v-a1768f99]{border-radius:12px}.quark-CollapseItem--card .quark-CollapseItem__body[data-v-a1768f99]{border-radius:0 0 12px 12px}.ui-segmented[data-v-3edc6ae6]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:4px;padding:4px;border-radius:999px}.ui-segmented__item[data-v-3edc6ae6]{border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.ui-segmented__item[data-v-3edc6ae6]:hover{transform:translateY(-1px)}.ui-segmented__item[data-v-3edc6ae6]:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf82e}.ui-segmented__label[data-v-3edc6ae6],.ui-segmented__badge[data-v-3edc6ae6]{display:inline-flex;align-items:center}.ui-segmented__badge[data-v-3edc6ae6]{min-width:18px;justify-content:center;border-radius:999px;font-family:var(--font-mono, ui-monospace, monospace)}.ui-segmented--default[data-v-3edc6ae6]{background:#ffffffd6;box-shadow:inset 0 0 0 1px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-segmented--default .ui-segmented__item[data-v-3edc6ae6]{color:#6b7a90}.ui-segmented--default .ui-segmented__item--active[data-v-3edc6ae6]{background:linear-gradient(135deg,#2f77ff,#4f5fff);color:#fff;box-shadow:0 10px 20px #4f5fff3d}.ui-segmented--default .ui-segmented__badge[data-v-3edc6ae6]{background:#0f172a14}.ui-segmented--default .ui-segmented__item--active .ui-segmented__badge[data-v-3edc6ae6]{background:#ffffff2e}.ui-segmented--tech[data-v-3edc6ae6]{background:#090e1ab8;box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 30px #02081738;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-segmented--tech .ui-segmented__item[data-v-3edc6ae6]{color:#8ea6c7}.ui-segmented--tech .ui-segmented__item--active[data-v-3edc6ae6]{background:linear-gradient(135deg,#38bdf838,#3b82f647);color:#ecfeff;box-shadow:inset 0 0 0 1px #7dd3fc52,0 8px 18px #0ea5e929}.ui-segmented--tech .ui-segmented__badge[data-v-3edc6ae6]{background:#94a3b81f}.ui-segmented--tech .ui-segmented__item--active .ui-segmented__badge[data-v-3edc6ae6]{background:#e0f2fe24}.ui-segmented--xs[data-v-3edc6ae6]{gap:3px;padding:3px}.ui-segmented--xs .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;font-size:10px;font-weight:700}.ui-segmented--xs .ui-segmented__badge[data-v-3edc6ae6]{min-width:15px;padding:0 5px;font-size:9px;line-height:14px}.ui-segmented--sm .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:11px;font-weight:700}.ui-segmented--sm .ui-segmented__badge[data-v-3edc6ae6]{padding:0 6px;font-size:10px;line-height:16px}.ui-segmented--md .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:13px;font-weight:700}.ui-segmented--md .ui-segmented__badge[data-v-3edc6ae6]{padding:0 7px;font-size:11px;line-height:18px}.ui-metric-value[data-v-fd8f0268]{font-family:var(--font-mono);font-weight:800;line-height:1.05;text-shadow:0 0 16px currentColor}.ui-metric-value--lg[data-v-fd8f0268]{font-size:30px}.ui-metric-value--md[data-v-fd8f0268]{font-size:22px}.ui-metric-value--sm[data-v-fd8f0268]{font-size:18px}.template-screen[data-v-93b143a3]{position:relative;width:100%;min-width:0;height:100dvh;min-height:0;overflow:hidden;background:#03121f}.template-screen__canvas[data-v-93b143a3]{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,#0d2e47 0,#03121f 62%)}.template-screen__widget[data-v-93b143a3]{position:absolute;box-sizing:border-box;padding:5px;overflow:hidden}.template-screen__widget--header[data-v-93b143a3]{padding:0}.template-screen__header[data-v-93b143a3]{height:100%;overflow:hidden}.template-screen__header[data-v-93b143a3] .qbs-top-header{height:100%;min-height:0}.template-screen__panel[data-v-93b143a3]{height:100%}.template-screen__state[data-v-93b143a3]{color:#a6c4da}.template-screen__robot[data-v-93b143a3]{position:relative;display:grid;height:100%;place-items:center}.template-screen__robot[data-v-93b143a3] .qbs-robot-halo{position:absolute}.template-screen__metrics[data-v-93b143a3]{display:grid;height:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.template-screen__metrics[data-v-93b143a3] .ui-metric-value--lg{font-size:clamp(42px,2.2vw,72px)}.template-screen__alerts[data-v-93b143a3]{display:grid;gap:8px;overflow:auto}.template-screen__placeholder[data-v-93b143a3]{display:grid;height:100%;place-items:center;color:#8da8ba;font-size:13px;text-align:center}.template-alert-detail[data-v-93b143a3]{padding:4px 0}.template-alert-detail__section>p[data-v-93b143a3]{margin:0 0 12px;color:#9eb5c9;font-size:13px}.template-alert-detail__entry[data-v-93b143a3]{padding:4px 0 14px}.template-alert-detail__entry strong[data-v-93b143a3],.template-alert-detail__entry span[data-v-93b143a3]{display:block}.template-alert-detail__entry strong[data-v-93b143a3]{color:#e8f6ff}.template-alert-detail__entry span[data-v-93b143a3]{margin-top:3px;color:#91abc0;font-size:12px}.template-alert-detail__entry p[data-v-93b143a3]{margin:7px 0;color:#b9cedc;line-height:1.6}.template-alert-detail__state[data-v-93b143a3]{display:grid;min-height:64px;place-items:center;color:#9eb5c9}.template-alert-detail__state.is-error[data-v-93b143a3]{color:#f38b8b}
|
|
1
|
+
:root{--qbs-surface-top: rgba(13, 24, 39, .92);--qbs-surface-bottom: rgba(8, 16, 28, .96);--qbs-border: rgba(142, 161, 178, .2);--qbs-text: #f6f8fb;--qbs-muted: #9fb2c7;--qbs-radius: 20px;--qbs-shadow: 0 18px 48px rgba(4, 10, 18, .28)}.qbs-panel[data-v-749400b6]{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;border:1px solid oklch(.6 .12 220 / .28);border-radius:10px;background:linear-gradient(160deg,#091b318c,#050f2066);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c8e4e9}.qbs-panel--overflow-hidden[data-v-749400b6]{overflow:hidden}.qbs-panel--padding-md[data-v-749400b6]{padding:14px 16px}.qbs-panel--padding-compact[data-v-749400b6]{padding:10px 12px}.qbs-panel--padding-tight[data-v-749400b6]{padding:12px 8px}.qbs-panel__corner[data-v-749400b6]{position:absolute;width:12px;height:12px;border:2px solid var(--qbs-accent);pointer-events:none}.qbs-panel__corner--tl[data-v-749400b6]{top:-1px;left:-1px;border-right:0;border-bottom:0}.qbs-panel__corner--tr[data-v-749400b6]{top:-1px;right:-1px;border-left:0;border-bottom:0}.qbs-panel__corner--bl[data-v-749400b6]{bottom:-1px;left:-1px;border-right:0;border-top:0}.qbs-panel__corner--br[data-v-749400b6]{right:-1px;bottom:-1px;border-left:0;border-top:0}.qbs-panel__header[data-v-749400b6]{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-width:0;font-weight:700;letter-spacing:1px}.qbs-panel__header--md[data-v-749400b6]{font-size:14px}.qbs-panel__header--sm[data-v-749400b6]{margin-bottom:8px;font-size:13px}.qbs-panel__bar[data-v-749400b6]{width:4px;height:14px;flex-shrink:0;border-radius:2px;background:var(--qbs-accent);box-shadow:0 0 8px var(--qbs-accent)}.qbs-panel__title[data-v-749400b6]{flex-shrink:0}.qbs-panel__header-prefix[data-v-749400b6]{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.qbs-panel__header-center[data-v-749400b6]{display:inline-flex;flex:1;min-width:0;justify-content:center}.qbs-panel__header-extra[data-v-749400b6]{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.qbs-panel__live[data-v-749400b6]{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:1px;color:#ff5050;color:oklch(.68 .22 25)}.qbs-panel__live-dot[data-v-749400b6]{width:7px;height:7px;border-radius:50%;background:#ff5050;background:oklch(.68 .22 25);box-shadow:0 0 8px #ff5050;box-shadow:0 0 8px oklch(.68 .22 25);animation:qbs-panel-blink-749400b6 1s steps(1,end) infinite}.qbs-panel__body[data-v-749400b6]{display:flex;flex:1;min-height:0;flex-direction:column}.qbs-panel--layout-metric .qbs-panel__body[data-v-749400b6]{align-items:center;justify-content:center;gap:4px;text-align:center}@keyframes qbs-panel-blink-749400b6{50%{opacity:.25}}.qbs-duty-compact[data-v-f5721bce]{display:flex;align-items:center;gap:12px}.qbs-duty-compact__avatar[data-v-f5721bce]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact__info[data-v-f5721bce]{display:flex;flex-direction:column}.qbs-duty-compact__name[data-v-f5721bce]{color:#cfebf0;font-size:15px;font-weight:700}.qbs-duty-compact__phone[data-v-f5721bce]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact__tag[data-v-f5721bce]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px}.qbs-duty[data-v-f5721bce]{display:flex;height:100%;min-height:0;flex-direction:column;gap:14px}.qbs-duty__summary[data-v-f5721bce]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qbs-duty__summary-chip[data-v-f5721bce]{padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#0f1927bd}.qbs-duty__summary-chip span[data-v-f5721bce]{display:block;margin-bottom:6px;color:#8ca0b4;font-size:11px}.qbs-duty__summary-chip strong[data-v-f5721bce]{color:#f5f8fc;font-size:15px;line-height:1.2}.qbs-duty__list[data-v-f5721bce]{display:grid;min-height:0;gap:10px;overflow:auto}.qbs-duty__group[data-v-f5721bce]{padding:12px;border:1px solid rgba(157,176,198,.1);border-radius:16px;background:#0d1723c2}.qbs-duty__group-header[data-v-f5721bce]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#edf3f9;font-size:13px}.qbs-duty__group-header span[data-v-f5721bce]{color:#8ca0b4}.qbs-duty__users[data-v-f5721bce]{display:flex;flex-wrap:wrap;gap:8px}.qbs-duty__user[data-v-f5721bce]{padding:5px 10px;border-radius:999px;background:#19293ed1;color:#bfd0e0;font-size:12px}.qbs-duty__empty[data-v-f5721bce]{display:grid;min-height:140px;place-items:center;border:1px dashed rgba(157,176,198,.14);border-radius:16px;background:#0c162280;color:#7d91a6;font-size:13px}.qbs-alert-row[data-v-83959767]{display:block;box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:0;border-left:3px solid var(--qbs-alert-accent);border-radius:6px;background:#1c293d66;color:inherit;text-align:left;cursor:pointer}.qbs-alert-row--detail-wide[data-v-83959767]{padding-top:10px;padding-bottom:10px}.qbs-alert-row__main[data-v-83959767]{display:flex;align-items:stretch;gap:12px}.qbs-alert-row__copy[data-v-83959767]{flex:0 0 40%;min-width:0}.qbs-alert-row--detail-wide .qbs-alert-row__copy[data-v-83959767]{flex-basis:36%}.qbs-alert-row__title[data-v-83959767]{overflow:hidden;margin-bottom:5px;color:#d0e2e6;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__meta[data-v-83959767]{display:flex;align-items:center;gap:10px;min-width:0;color:#6e848f;font-size:11px}.qbs-alert-row__group[data-v-83959767]{overflow:hidden;max-width:110px;min-width:0;text-overflow:ellipsis;white-space:nowrap}.qbs-alert-row__owner[data-v-83959767]{color:#64b3c0}.qbs-alert-row__time[data-v-83959767]{font-family:var(--font-mono,monospace)}.qbs-alert-row__tag[data-v-83959767]{margin-left:auto;padding:1px 6px;border:1px solid oklch(.68 .22 25 / .5);border-radius:4px;color:#ff5050;color:oklch(.68 .22 25);font-size:10px}.qbs-alert-row__status[data-v-83959767]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:#869ca7;font-size:10px}.qbs-alert-row__aside[data-v-83959767]{flex:1 1 60%;width:60%;align-self:center}.qbs-alert-row--detail-wide .qbs-alert-row__aside[data-v-83959767]{flex-basis:64%;width:64%}.qbs-metric-card--compact[data-v-07353599]{display:flex;min-width:0;flex-direction:column;padding:10px 12px;border:1px solid rgba(157,176,198,.12);border-radius:14px;background:#101a28c7}.qbs-metric-card--compact span[data-v-07353599]{margin-bottom:6px;color:#899eb1;font-size:11px}.qbs-metric-card--compact strong[data-v-07353599]{color:var(--qbs-metric-tone);font-size:18px;line-height:1.2}.qbs-metric-card__value[data-v-07353599]{color:var(--qbs-metric-tone);font-size:28px;font-weight:700;line-height:1}.qbs-metric-card__label[data-v-07353599]{color:#869ca7;font-size:11px;letter-spacing:1px;text-align:center}.qbs-header[data-v-cc041333]{position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(149,169,189,.24);border-radius:24px;background:linear-gradient(90deg,#07111df0,#0a1825e6 44%,#080f19f2);box-shadow:inset 0 1px #ffffff0f,0 18px 42px #050b1438}.qbs-header__glow[data-v-cc041333]{position:absolute;bottom:-40%;left:-8%;width:42%;height:160%;background:radial-gradient(circle,rgba(98,140,182,.22),transparent 72%)}.qbs-header__body[data-v-cc041333]{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;gap:20px;padding:0 28px}.qbs-header__brand[data-v-cc041333]{display:flex;min-width:0;align-items:center;gap:16px}.qbs-header__crest[data-v-cc041333]{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid rgba(154,188,222,.26);border-radius:14px;background:linear-gradient(180deg,#172f4ad6,#091422f5)}.qbs-header__crest b[data-v-cc041333]{width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#b7d3ef,#6f9cc7);box-shadow:0 0 20px #7ba3c947}.qbs-header p[data-v-cc041333]{margin:0 0 4px;color:#8da4bb;font-size:11px;letter-spacing:.28em}.qbs-header h1[data-v-cc041333]{margin:0;color:#f3f8fd;font-size:clamp(28px,2.2vw,42px);letter-spacing:.06em;line-height:1}.qbs-header__clock[data-v-cc041333]{display:grid;flex:none;justify-items:end;gap:4px}.qbs-header__clock strong[data-v-cc041333]{color:#f4f8fd;font-size:clamp(24px,1.8vw,34px);line-height:1}.qbs-header__clock span[data-v-cc041333]{color:#8ea5bb;font-size:12px;letter-spacing:.08em}.qbs-dist[data-v-88fc69e4]{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px}.qbs-dist__row[data-v-88fc69e4]{display:flex;align-items:center;gap:10px;min-width:0}.qbs-dist__row>i[data-v-88fc69e4]{width:8px;height:8px;flex:none;border-radius:50%;background:var(--qbs-dist-color);box-shadow:0 0 8px var(--qbs-dist-color)}.qbs-dist__row>span[data-v-88fc69e4]{width:76px;overflow:hidden;color:#9bb2bc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.qbs-dist__row>b[data-v-88fc69e4]{height:8px;flex:1;overflow:hidden;border-radius:999px;background:#202f428c}.qbs-dist__row em[data-v-88fc69e4]{display:block;height:100%;border-radius:inherit;background:var(--qbs-dist-color)}.qbs-dist__row strong[data-v-88fc69e4]{width:32px;color:var(--qbs-dist-color);font-family:var(--font-mono,monospace);font-size:12px;text-align:right}.qbs-dist__empty[data-v-88fc69e4]{display:grid;flex:1;place-items:center;color:#748a95;font-size:12px}.qbs-build-projects[data-v-c9634e0c]{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px}.qbs-build-projects__summary[data-v-c9634e0c]{display:flex;gap:14px}.qbs-build-projects__summary span[data-v-c9634e0c]{display:flex;flex-direction:column;color:#7d939e;font-size:11px}.qbs-build-projects__summary strong[data-v-c9634e0c]{color:#8ddde7;font-family:var(--font-mono,monospace);font-size:18px}.qbs-build-projects__list[data-v-c9634e0c]{display:grid;min-height:0;gap:8px;overflow:auto}.qbs-build-projects article[data-v-c9634e0c]{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid oklch(.58 .08 220 / .12)}.qbs-build-projects article>i[data-v-c9634e0c]{color:#7794a3;font-family:var(--font-mono,monospace);font-size:11px;font-style:normal}.qbs-build-projects article>div[data-v-c9634e0c]{width:110px;min-width:0}.qbs-build-projects strong[data-v-c9634e0c],.qbs-build-projects span[data-v-c9634e0c]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbs-build-projects strong[data-v-c9634e0c]{color:#d0e2e6;font-size:12px}.qbs-build-projects span[data-v-c9634e0c]{color:#6e848f;font-size:10px}.qbs-build-projects article>b[data-v-c9634e0c]{height:6px;flex:1;overflow:hidden;border-radius:999px;background:#202f428c}.qbs-build-projects em[data-v-c9634e0c]{display:block;height:100%;border-radius:inherit;background:#48b7c2}.qbs-build-projects small[data-v-c9634e0c]{color:#7aa7b0;font-size:10px}.qbs-build-projects__empty[data-v-c9634e0c]{display:grid;place-items:center;color:#748a95}.qbs-robot[data-v-534c73e7]{display:flex;height:100%;min-height:0;flex-direction:column;gap:16px}.qbs-robot__head[data-v-534c73e7]{display:flex;align-items:center;gap:14px}.qbs-robot__head i[data-v-534c73e7]{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#b7d3ef 0,#b7d3ef 15%,#315878 20%,#102337 66%);box-shadow:0 0 24px #6fa6cf}.qbs-robot__head strong[data-v-534c73e7],.qbs-robot__head span[data-v-534c73e7]{display:block}.qbs-robot__head strong[data-v-534c73e7]{color:#f4f8fd}.qbs-robot__head span[data-v-534c73e7]{margin-top:5px;color:#8da4bb;font-size:11px}.qbs-robot__metrics[data-v-534c73e7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qbs-robot__metrics span[data-v-534c73e7]{padding:10px;border:1px solid rgba(157,176,198,.12);border-radius:12px;background:#0f1927bd;color:#8ca0b4;font-size:11px}.qbs-robot__metrics b[data-v-534c73e7]{display:block;margin-top:5px;color:#f5f8fc;font-size:18px}.qbs-endpoint-network[data-v-adf0deda]{position:relative;height:100%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#0c263a,#07111e 70%)}.qbs-endpoint-network__canvas[data-v-adf0deda]{width:100%;height:100%;min-height:180px}.qbs-endpoint-network__reset[data-v-adf0deda]{position:absolute;z-index:2;top:8px;right:8px;border:1px solid rgba(103,232,249,.35);border-radius:8px;background:#061422e0;padding:5px 8px;color:#b9eaff;font-size:11px;cursor:pointer}.qbs-endpoint-network__empty[data-v-adf0deda]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#8da8ba;font-size:13px;pointer-events:none}.qbs-embed[data-v-f20c22f6]{width:100%;height:100%;overflow:hidden;border-radius:20px;background:#fff}.qbs-embed iframe[data-v-f20c22f6]{display:block;width:100%;height:100%;border:0;background:#fff}.qbs-embed div[data-v-f20c22f6]{display:grid;width:100%;height:100%;box-sizing:border-box;place-items:center;padding:20px;background:#101c2a;color:#9fb2c7;font-size:13px;text-align:center}.relative[data-v-c1f1f037]{--robot-blue: oklch(.55 .21 264);--robot-blue-dark: oklch(.45 .2 264);--robot-amber: oklch(.82 .16 72);--robot-eye: oklch(.88 .13 200)}.halo[data-v-6fd8ca14]{position:absolute;bottom:-2%;left:50%;transform:translate(-50%,50%);pointer-events:none;z-index:1}.halo-ring[data-v-6fd8ca14]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid oklch(.8 .13 205 / .5)}.halo-ring.r1[data-v-6fd8ca14]{width:100%;height:100%;animation:halo-pulse-6fd8ca14 3s ease-in-out infinite}.halo-ring.r2[data-v-6fd8ca14]{width:68%;height:68%;border-color:#2ad5e5cc;animation:halo-pulse-6fd8ca14 3s ease-in-out infinite .6s}.halo-core[data-v-6fd8ca14]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;height:34%;border-radius:50%;background:#00b3c259;background:oklch(.7 .15 205 / .35);filter:blur(8px)}@keyframes halo-pulse-6fd8ca14{0%,to{opacity:.5}50%{opacity:1}}.qbs-top-header[data-v-20d5fb13]{position:relative;z-index:2;display:grid;height:48px;grid-template-columns:auto 1fr auto;align-items:center;padding:0 20px;border-bottom:1px solid oklch(.6 .12 220 / .22)}.qbs-top-header__brand[data-v-20d5fb13]{display:flex;min-width:0;align-items:center;gap:10px;cursor:pointer}.qbs-top-header__brand span[data-v-20d5fb13]{width:8px;height:18px;background:#34dde5;box-shadow:0 0 10px #34dde5d9;clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)}.qbs-top-header h1[data-v-20d5fb13]{margin:0;background:linear-gradient(90deg,#e0f2f6,#9ae5ee 50%,#6fddea 75%,#53d9e7,#2ad5e5);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;font-weight:800;letter-spacing:3px;white-space:nowrap}.qbs-top-header__deco[data-v-20d5fb13]{justify-self:center;display:flex;width:68px;height:18px;align-items:flex-end;justify-content:center;gap:4px}.qbs-top-header__deco i[data-v-20d5fb13]{width:3px;border-radius:999px;background:#5a909d66}.qbs-top-header__deco i[data-v-20d5fb13]:nth-child(odd){height:60%}.qbs-top-header__deco i[data-v-20d5fb13]:nth-child(2n){height:100%}.qbs-top-header__deco.is-armed i[data-v-20d5fb13]{background:#57b5bf99}.qbs-top-header__clock[data-v-20d5fb13]{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;padding:4px 8px;cursor:pointer}.qbs-top-header__clock b[data-v-20d5fb13]{color:#b8e8ee;font-family:var(--font-mono,monospace);font-size:18px;letter-spacing:1.5px;line-height:1}.qbs-top-header__clock small[data-v-20d5fb13]{margin-top:2px;color:#7794a3;font-size:10px;letter-spacing:.8px;line-height:1.1}.qbs-duty-compact[data-v-cd7cff86]{display:flex;align-items:center;gap:12px}.qbs-duty-compact>div[data-v-cd7cff86]{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:#34dde5;box-shadow:0 0 14px #34dde599;color:#050e1a;font-size:18px;font-weight:700}.qbs-duty-compact section[data-v-cd7cff86]{display:flex;flex-direction:column}.qbs-duty-compact strong[data-v-cd7cff86]{color:#cfebf0;font-size:15px}.qbs-duty-compact span[data-v-cd7cff86]{color:#7d939e;font-family:var(--font-mono,monospace);font-size:12px}.qbs-duty-compact em[data-v-cd7cff86]{margin-left:auto;padding:4px 10px;border:1px solid oklch(.82 .13 200 / .4);border-radius:20px;background:#34dde51a;color:#34dde5;font-size:11px;font-style:normal}.base-modal-mask[data-v-e3bfd45f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#02061799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.base-modal-panel[data-v-e3bfd45f]{position:relative;display:flex;flex-direction:column;max-height:min(88vh,980px);overflow:hidden;border:1px solid rgb(96 165 250 / .18);border-radius:30px;background:linear-gradient(180deg,#0c121ffa,#080d19fa);box-shadow:0 28px 80px #02061775}.base-modal-panel--padded[data-v-e3bfd45f]{padding:24px}.base-modal-header[data-v-e3bfd45f]{position:relative;flex:0 0 auto;min-height:48px;display:flex;align-items:center;padding-right:48px}.base-modal-title-wrap[data-v-e3bfd45f]{min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:48px}.base-modal-panel--title-center .base-modal-title-wrap[data-v-e3bfd45f]{text-align:center}.base-modal-panel--title-left .base-modal-title-wrap[data-v-e3bfd45f]{text-align:left}.base-modal-eyebrow[data-v-e3bfd45f]{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#94a3b8c7}.base-modal-title[data-v-e3bfd45f]{margin:0;font-size:22px;font-weight:700;line-height:1.3;color:#f8fafc}.base-modal-close[data-v-e3bfd45f]{position:absolute;top:4px;right:8px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:12px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:28px;font-weight:300;line-height:1;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}.base-modal-close[data-v-e3bfd45f]:hover{color:#fff;text-shadow:0 0 14px rgb(148 163 184 / .55);transform:scale(1.08)}.base-modal-close[data-v-e3bfd45f]:focus-visible{outline:none;color:#fff;text-shadow:0 0 16px rgb(96 165 250 / .75);transform:scale(1.08)}.base-modal-close[data-v-e3bfd45f]:active{color:#fff;text-shadow:0 0 18px rgb(96 165 250 / .65);transform:scale(.96)}.base-modal-body[data-v-e3bfd45f]{flex:1;min-height:0;overflow-y:auto}.base-modal-footer[data-v-e3bfd45f]{margin-top:24px}.base-modal-fade-enter-active[data-v-e3bfd45f],.base-modal-fade-leave-active[data-v-e3bfd45f]{transition:opacity .2s ease}.base-modal-fade-enter-active .base-modal-panel[data-v-e3bfd45f],.base-modal-fade-leave-active .base-modal-panel[data-v-e3bfd45f]{transition:transform .22s ease,opacity .22s ease}.base-modal-fade-enter-from[data-v-e3bfd45f],.base-modal-fade-leave-to[data-v-e3bfd45f]{opacity:0}.base-modal-fade-enter-from .base-modal-panel[data-v-e3bfd45f],.base-modal-fade-leave-to .base-modal-panel[data-v-e3bfd45f]{opacity:0;transform:translateY(14px) scale(.98)}.metric-trend-chart[data-v-2cda3f9e]{width:100%;position:relative}.metric-trend-chart__reset[data-v-2cda3f9e]{position:absolute;top:8px;right:10px;z-index:3;border:1px solid rgb(96 165 250 / .18);border-radius:999px;background:#080d19e0;color:#e2e8f0e0;font-size:12px;line-height:1;padding:7px 12px;cursor:pointer}.metric-trend-chart__reset[data-v-2cda3f9e]:hover{border-color:#60a5fa57;background:#0e182af5}.metric-trend-chart.is-compact[data-v-2cda3f9e]{min-height:0}.metric-trend-chart__canvas[data-v-2cda3f9e]{width:100%}.metric-trend-chart.is-selection-enabled .metric-trend-chart__canvas[data-v-2cda3f9e]{cursor:crosshair}.metric-trend-chart__selection[data-v-2cda3f9e]{position:absolute;z-index:2;border:1px solid rgb(96 165 250 / .65);background:#60a5fa1f;border-radius:10px;pointer-events:none}.metric-trend-chart__stats[data-v-2cda3f9e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.metric-trend-chart__stat[data-v-2cda3f9e]{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:#0f172a8a;border:1px solid rgb(148 163 184 / .12);transition:border-color .18s ease,background .18s ease}.metric-trend-chart__stat.is-active[data-v-2cda3f9e]{border-color:#60a5fa6b;background:#142440b8}.metric-trend-chart__stat-label[data-v-2cda3f9e]{font-size:11px;color:#94a3b8c7}.metric-trend-chart__stat-value[data-v-2cda3f9e]{font-size:14px;font-weight:700;color:#e2e8f0f0}.metric-trend-chart__empty[data-v-2cda3f9e]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8b8;pointer-events:none}@media(max-width:640px){.metric-trend-chart__stats[data-v-2cda3f9e]{grid-template-columns:1fr}}.ui-button[data-v-5f786839]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:120px;border:1px solid transparent;background:transparent;color:#e2e8f0;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.ui-button[data-v-5f786839]:focus-visible{outline:none}.ui-button[data-v-5f786839]:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.ui-button--block[data-v-5f786839]{width:100%}.ui-button--xs[data-v-5f786839]{min-height:32px;min-width:0;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700}.ui-button--sm[data-v-5f786839]{min-height:36px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:600}.ui-button--md[data-v-5f786839]{min-height:44px;padding:11px 18px;border-radius:16px;font-size:14px;font-weight:600}.ui-button--lg[data-v-5f786839]{min-height:46px;padding:11px 30px;border-radius:14px;font-size:14px;font-weight:700}.ui-button--icon[data-v-5f786839]{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:14px}.ui-button--dialog.ui-button--secondary[data-v-5f786839]{border-color:#94a3b838;background:#0f172ae6;color:#cbd5e1}.ui-button--dialog.ui-button--secondary[data-v-5f786839]:hover,.ui-button--dialog.ui-button--secondary[data-v-5f786839]:focus-visible{border-color:#60a5fa47;background:#1e293bf0;color:#f8fafc}.ui-button--dialog.ui-button--primary[data-v-5f786839]{border-color:transparent;background:var(--ui-button-primary-bg, var(--alert-color, #38bdf8));color:var(--ui-button-primary-color, #fff)}.ui-button--dialog.ui-button--primary[data-v-5f786839]:hover,.ui-button--dialog.ui-button--primary[data-v-5f786839]:focus-visible{background:var(--ui-button-primary-hover-bg, color-mix(in oklab, var(--ui-button-primary-bg, var(--alert-color, #38bdf8)) 88%, white));color:var(--ui-button-primary-hover-color, #fff)}.ui-button--tech.ui-button--secondary[data-v-5f786839]{border-color:#344458;background:#061223;color:#a3bcc5;border-radius:3px}.ui-button--tech.ui-button--secondary[data-v-5f786839]:hover,.ui-button--tech.ui-button--secondary[data-v-5f786839]:focus-visible{border-color:#468497;background:#0b1a31}.ui-button--tech.ui-button--primary[data-v-5f786839]{border-color:var(--ui-button-tech-border, var(--alert-color, oklch(.82 .14 28)));background:var(--ui-button-tech-bg, oklch(.16 .06 258));color:var(--ui-button-tech-color, var(--alert-color, oklch(.82 .14 28)));box-shadow:0 0 22px var(--ui-button-tech-glow, var(--alert-glow, rgb(239 68 68 / .3)));border-radius:3px}.ui-button--tech.ui-button--primary[data-v-5f786839]:hover,.ui-button--tech.ui-button--primary[data-v-5f786839]:focus-visible{background:var(--ui-button-tech-hover-bg, oklch(.2 .07 258));box-shadow:0 0 40px var(--ui-button-tech-glow, var(--alert-glow, rgb(239 68 68 / .3)))}.ui-button--soft.ui-button--secondary[data-v-5f786839]{border-color:transparent;background:#e9f1ff;color:#3d5274}.ui-button--soft.ui-button--secondary[data-v-5f786839]:hover,.ui-button--soft.ui-button--secondary[data-v-5f786839]:focus-visible{background:#dce8ff;color:#27415f}.ui-button--soft.ui-button--primary[data-v-5f786839]{border-color:transparent;background:linear-gradient(135deg,#2f77ff,#4f5fff);color:#fff;box-shadow:0 10px 20px #4f5fff33}.ui-button--soft.ui-button--primary[data-v-5f786839]:hover,.ui-button--soft.ui-button--primary[data-v-5f786839]:focus-visible{background:linear-gradient(135deg,#266cff,#45f);box-shadow:0 12px 24px #4f5fff3d}.ui-button--soft.ui-button--danger[data-v-5f786839]{border-color:transparent;background:#fee2e2;color:#dc2626}.ui-button--soft.ui-button--danger[data-v-5f786839]:hover,.ui-button--soft.ui-button--danger[data-v-5f786839]:focus-visible{background:#fecaca;color:#b91c1c}.ui-button--surface.ui-button--danger[data-v-5f786839]{border-color:transparent;background:#fffffff5;box-shadow:0 10px 24px #7592bd14;color:#ff4f4f}.ui-button--surface.ui-button--danger[data-v-5f786839]:hover,.ui-button--surface.ui-button--danger[data-v-5f786839]:focus-visible{background:#fff;box-shadow:0 12px 28px #7592bd1f;color:#ef4444}.ui-button[data-v-5f786839]:active:not(:disabled){transform:scale(.98)}[data-v-ae5198b7] .alert-dialog-mask{background:#020617a8}[data-v-ae5198b7] .alert-dialog-panel{border-radius:30px}.alert-dialog[data-v-ae5198b7]{padding:24px;color:#e2e8f0}.alert-dialog--critical[data-v-ae5198b7]{--alert-color: #ef4444;--alert-soft: rgb(239 68 68 / .1)}.alert-dialog--warning[data-v-ae5198b7]{--alert-color: #f59e0b;--alert-soft: rgb(245 158 11 / .1)}.alert-dialog--recovery[data-v-ae5198b7]{--alert-color: #10b981;--alert-soft: rgb(16 185 129 / .1)}.alert-dialog--info[data-v-ae5198b7]{--alert-color: #38bdf8;--alert-soft: rgb(56 189 248 / .1)}.alert-dialog-normal[data-v-ae5198b7],.alert-dialog-monitor[data-v-ae5198b7]{margin-top:8px}.alert-dialog-meta[data-v-ae5198b7]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.alert-dialog-meta-item[data-v-ae5198b7]{border:1px solid rgb(148 163 184 / .12);border-radius:999px;background:#ffffff0a;padding:6px 10px;font-size:12px;color:#e2e8f09e}.alert-dialog-content[data-v-ae5198b7]{margin:0;font-size:14px;line-height:1.8;color:#e2e8f0e0}.alert-dialog-monitor[data-v-ae5198b7]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.alert-dialog-monitor--bottom[data-v-ae5198b7]{grid-template-columns:minmax(0,1fr)}.alert-dialog-monitor--bottom .alert-dialog-chart-card[data-v-ae5198b7]{margin-top:6px}.alert-dialog-monitor--bottom .alert-dialog-grid[data-v-ae5198b7]{gap:10px 12px}.alert-dialog-grid[data-v-ae5198b7]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.alert-dialog-field[data-v-ae5198b7]{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#0f172acc,#090e1adb);border:1px solid rgb(96 165 250 / .08);text-align:left}.alert-dialog-field.is-clickable[data-v-ae5198b7]{cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.alert-dialog-field.is-clickable[data-v-ae5198b7]:hover{border-color:#60a5fa3d;transform:translateY(-1px)}.alert-dialog-field.is-active[data-v-ae5198b7]{border-color:#60a5fa66;background:linear-gradient(180deg,#152545eb,#0a1222f5)}.alert-dialog-field[data-v-ae5198b7]:disabled{cursor:default}.alert-dialog-field--compact[data-v-ae5198b7]{gap:2px;padding:8px 10px;border-radius:14px;background:#080d197a;border-color:#60a5fa0f;box-shadow:inset 0 0 0 1px #ffffff04}.alert-dialog-field--compact.is-clickable[data-v-ae5198b7]:hover{border-color:#60a5fa1f;transform:none}.alert-dialog-field--compact.is-active[data-v-ae5198b7]{border-color:#60a5fa33;background:#0e182a9e}.alert-dialog-field-label[data-v-ae5198b7]{font-size:12px;color:#94a3b8d1}.alert-dialog-field--compact .alert-dialog-field-label[data-v-ae5198b7]{font-size:11px;color:#94a3b8a3}.alert-dialog-field-value[data-v-ae5198b7]{font-size:15px;font-weight:600;color:#e2e8f0}.alert-dialog-field--compact .alert-dialog-field-value[data-v-ae5198b7]{font-size:13px;font-weight:500;color:#e2e8f0c7}.alert-dialog-field-value.is-mono[data-v-ae5198b7]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.alert-dialog-field-value.is-accent[data-v-ae5198b7]{color:var(--alert-color)}.alert-dialog-chart-card[data-v-ae5198b7]{display:flex;flex-direction:column;border-radius:22px;background:radial-gradient(circle at top,#142440eb,#080d19f5);padding:18px;border:1px solid rgb(96 165 250 / .14);box-shadow:inset 0 0 0 1px #ffffff05}.alert-dialog-chart-title[data-v-ae5198b7]{margin:0 0 12px;font-size:13px;font-weight:700;color:#dbeafe}.alert-dialog-chart[data-v-ae5198b7]{width:100%;min-height:220px;height:220px;flex:1}.alert-dialog-chart-empty[data-v-ae5198b7]{display:flex;align-items:center;justify-content:center;min-height:220px;color:#94a3b8;font-size:13px}.alert-dialog-footer[data-v-ae5198b7]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.alert-dialog-details[data-v-ae5198b7]{margin-top:20px}.alert-dialog--normal[data-v-ae5198b7]{border-radius:28px;background:linear-gradient(180deg,var(--alert-soft),transparent 42%)}.alert-dialog--normal .alert-dialog-content[data-v-ae5198b7]{padding:20px 18px 0;color:#f1f5f9e6}.alert-dialog--monitor[data-v-ae5198b7]{background:radial-gradient(circle at top right,color-mix(in oklab,var(--alert-color) 18%,transparent),transparent 28%)}@media(max-width:900px){.alert-dialog[data-v-ae5198b7]{padding:20px}.alert-dialog-monitor[data-v-ae5198b7]{grid-template-columns:1fr}.alert-dialog-grid[data-v-ae5198b7]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.alert-dialog-grid[data-v-ae5198b7]{grid-template-columns:1fr}}.quark-timeline[data-v-edeffd99]{position:relative;display:flex;flex-direction:column}.quark-tl-item[data-v-192169cf]{position:relative;min-height:30px;padding-left:24px}.quark-tl-item__label[data-v-192169cf]{min-width:80px;padding-top:2px;margin-bottom:8px;color:#94a3b8;font-size:14px}.quark-tl-item__rail[data-v-192169cf]{position:absolute;left:0;top:0;height:100%;width:20px;text-align:center}.quark-tl-item__dot-content[data-v-192169cf]{position:relative;width:20px;height:22px;line-height:22px;z-index:1}.quark-tl-item__dot[data-v-192169cf]{position:relative;top:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.quark-tl-item__dot-inner[data-v-192169cf]{width:10px;height:10px;border-radius:50%;background:#475569;border:2px solid #0f172a;box-shadow:0 0 0 1px #475569}.quark-tl-item__dot-inner--hollow[data-v-192169cf]{background:#0f172a}.quark-tl-item--active .quark-tl-item__dot-inner[data-v-192169cf]{background:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.quark-tl-item--active .quark-tl-item__dot-inner--hollow[data-v-192169cf]{background:#0f172a;border-color:#38bdf8}.quark-tl-item__line[data-v-192169cf]{position:absolute;top:16px;bottom:-6px;left:10px;width:0;border-left:2px solid rgb(148 163 184 / .24)}.quark-tl-item--last .quark-tl-item__line[data-v-192169cf]{display:none}.quark-tl-item__body[data-v-192169cf]{position:relative;margin-left:12px;padding-bottom:20px}.quark-tl-item__content[data-v-192169cf]{position:relative;margin-bottom:8px;font-size:14px;line-height:1.5715}.quark-tl-item__time[data-v-192169cf]{font-size:11px;color:#94a3b8;margin-top:4px;padding-left:2px}.quark-collapse[data-v-e15791ba]{border-radius:12px;overflow:hidden}.quark-collapse--card[data-v-e15791ba]{display:flex;flex-direction:column;gap:8px}.quark-CollapseItem__header[data-v-a1768f99]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;font-size:13px;line-height:20px;transition:background-color .2s;border:1px solid rgb(96 165 250 / .16);background:#0f172ab8}.quark-CollapseItem__header[data-v-a1768f99]:hover{background:#142440c7}.quark-CollapseItem__arrow[data-v-a1768f99]{flex-shrink:0;transition:transform .2s;color:#94a3b8;display:flex;align-items:center}.quark-CollapseItem__arrow--open[data-v-a1768f99]{transform:rotate(90deg)}.quark-CollapseItem__header-content[data-v-a1768f99]{flex:1;min-width:0}.quark-CollapseItem__extra[data-v-a1768f99]{flex-shrink:0;display:flex;align-items:center;gap:8px}.quark-CollapseItem--disabled .quark-CollapseItem__header[data-v-a1768f99]{cursor:not-allowed;color:#64748b}.quark-CollapseItem__body[data-v-a1768f99]{padding:12px 14px;border:1px solid rgb(96 165 250 / .12);border-top:none;background:#02061780}.quark-CollapseItem--card .quark-CollapseItem__header[data-v-a1768f99]{border-radius:12px 12px 0 0}.quark-CollapseItem--card:not(.quark-CollapseItem--active) .quark-CollapseItem__header[data-v-a1768f99]{border-radius:12px}.quark-CollapseItem--card .quark-CollapseItem__body[data-v-a1768f99]{border-radius:0 0 12px 12px}.ui-segmented[data-v-3edc6ae6]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:4px;padding:4px;border-radius:999px}.ui-segmented__item[data-v-3edc6ae6]{border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.ui-segmented__item[data-v-3edc6ae6]:hover{transform:translateY(-1px)}.ui-segmented__item[data-v-3edc6ae6]:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf82e}.ui-segmented__label[data-v-3edc6ae6],.ui-segmented__badge[data-v-3edc6ae6]{display:inline-flex;align-items:center}.ui-segmented__badge[data-v-3edc6ae6]{min-width:18px;justify-content:center;border-radius:999px;font-family:var(--font-mono, ui-monospace, monospace)}.ui-segmented--default[data-v-3edc6ae6]{background:#ffffffd6;box-shadow:inset 0 0 0 1px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-segmented--default .ui-segmented__item[data-v-3edc6ae6]{color:#6b7a90}.ui-segmented--default .ui-segmented__item--active[data-v-3edc6ae6]{background:linear-gradient(135deg,#2f77ff,#4f5fff);color:#fff;box-shadow:0 10px 20px #4f5fff3d}.ui-segmented--default .ui-segmented__badge[data-v-3edc6ae6]{background:#0f172a14}.ui-segmented--default .ui-segmented__item--active .ui-segmented__badge[data-v-3edc6ae6]{background:#ffffff2e}.ui-segmented--tech[data-v-3edc6ae6]{background:#090e1ab8;box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 30px #02081738;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-segmented--tech .ui-segmented__item[data-v-3edc6ae6]{color:#8ea6c7}.ui-segmented--tech .ui-segmented__item--active[data-v-3edc6ae6]{background:linear-gradient(135deg,#38bdf838,#3b82f647);color:#ecfeff;box-shadow:inset 0 0 0 1px #7dd3fc52,0 8px 18px #0ea5e929}.ui-segmented--tech .ui-segmented__badge[data-v-3edc6ae6]{background:#94a3b81f}.ui-segmented--tech .ui-segmented__item--active .ui-segmented__badge[data-v-3edc6ae6]{background:#e0f2fe24}.ui-segmented--xs[data-v-3edc6ae6]{gap:3px;padding:3px}.ui-segmented--xs .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;font-size:10px;font-weight:700}.ui-segmented--xs .ui-segmented__badge[data-v-3edc6ae6]{min-width:15px;padding:0 5px;font-size:9px;line-height:14px}.ui-segmented--sm .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:11px;font-weight:700}.ui-segmented--sm .ui-segmented__badge[data-v-3edc6ae6]{padding:0 6px;font-size:10px;line-height:16px}.ui-segmented--md .ui-segmented__item[data-v-3edc6ae6]{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:13px;font-weight:700}.ui-segmented--md .ui-segmented__badge[data-v-3edc6ae6]{padding:0 7px;font-size:11px;line-height:18px}.ui-metric-value[data-v-fd8f0268]{font-family:var(--font-mono);font-weight:800;line-height:1.05;text-shadow:0 0 16px currentColor}.ui-metric-value--lg[data-v-fd8f0268]{font-size:30px}.ui-metric-value--md[data-v-fd8f0268]{font-size:22px}.ui-metric-value--sm[data-v-fd8f0268]{font-size:18px}.template-screen[data-v-1eeb2907]{position:relative;width:100%;min-width:0;height:100dvh;min-height:0;overflow:hidden;background:#03121f}.template-screen__canvas[data-v-1eeb2907]{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,#0d2e47 0,#03121f 62%)}.template-screen__widget[data-v-1eeb2907]{position:absolute;box-sizing:border-box;padding:5px;overflow:hidden}.template-screen__widget--header[data-v-1eeb2907]{padding:0}.template-screen__header[data-v-1eeb2907]{height:100%;overflow:hidden}.template-screen__header[data-v-1eeb2907] .qbs-top-header{height:100%;min-height:0}.template-screen__panel[data-v-1eeb2907]{height:100%}.template-screen__state[data-v-1eeb2907]{color:#a6c4da}.template-screen__robot[data-v-1eeb2907]{position:relative;display:grid;height:100%;place-items:center}.template-screen__robot[data-v-1eeb2907] .qbs-robot-halo{position:absolute}.template-screen__metrics[data-v-1eeb2907]{display:grid;height:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.template-screen__metrics[data-v-1eeb2907] .ui-metric-value--lg{font-size:clamp(42px,2.2vw,72px)}.template-screen__alerts[data-v-1eeb2907]{display:grid;gap:8px;overflow:auto}.template-screen__placeholder[data-v-1eeb2907]{display:grid;height:100%;place-items:center;color:#8da8ba;font-size:13px;text-align:center}.template-alert-detail[data-v-1eeb2907]{padding:4px 0}.template-alert-detail__section>p[data-v-1eeb2907]{margin:0 0 12px;color:#9eb5c9;font-size:13px}.template-alert-detail__entry[data-v-1eeb2907]{padding:4px 0 14px}.template-alert-detail__entry strong[data-v-1eeb2907],.template-alert-detail__entry span[data-v-1eeb2907]{display:block}.template-alert-detail__entry strong[data-v-1eeb2907]{color:#e8f6ff}.template-alert-detail__entry span[data-v-1eeb2907]{margin-top:3px;color:#91abc0;font-size:12px}.template-alert-detail__entry p[data-v-1eeb2907]{margin:7px 0;color:#b9cedc;line-height:1.6}.template-alert-detail__state[data-v-1eeb2907]{display:grid;min-height:64px;place-items:center;color:#9eb5c9}.template-alert-detail__state.is-error[data-v-1eeb2907]{color:#f38b8b}
|
package/dist/index.js
CHANGED
|
@@ -79652,7 +79652,9 @@ const RQe = {
|
|
|
79652
79652
|
return (((k = t.runtime) == null ? void 0 : k.widgets) || []).filter(($) => $.enabled);
|
|
79653
79653
|
}), g = Fe(() => p.value.some((k) => k.widgetType === "screen_header")), y = (k) => {
|
|
79654
79654
|
const $ = `${k.layout.w / d.value * 100}%`, B = `${k.layout.x / d.value * 100}%`;
|
|
79655
|
-
if (
|
|
79655
|
+
if (v.value) return { left: B, top: `${k.layout.y * v.value / f.value * 100}%`, width: $, height: `${k.layout.h * v.value / f.value * 100}%` };
|
|
79656
|
+
if (!g.value)
|
|
79657
|
+
return { left: B, top: `${k.layout.y / 12 * 100}%`, width: $, height: `${k.layout.h / 12 * 100}%` };
|
|
79656
79658
|
if (k.widgetType === "screen_header") return { left: B, top: "0", width: $, height: `${FR / f.value * 100}%` };
|
|
79657
79659
|
const z = v.value || (f.value - FR - Iae) / 11, V = FR + Iae + Math.max(0, k.layout.y - 1) * z;
|
|
79658
79660
|
return { left: B, top: `${V / f.value * 100}%`, width: $, height: `${k.layout.h * z / f.value * 100}%` };
|
|
@@ -79966,7 +79968,7 @@ const RQe = {
|
|
|
79966
79968
|
], 32);
|
|
79967
79969
|
};
|
|
79968
79970
|
}
|
|
79969
|
-
}), dtt = /* @__PURE__ */ er(Het, [["__scopeId", "data-v-
|
|
79971
|
+
}), dtt = /* @__PURE__ */ er(Het, [["__scopeId", "data-v-1eeb2907"]]), Wet = {
|
|
79970
79972
|
screen_header: {
|
|
79971
79973
|
dateText: "2026-07-27",
|
|
79972
79974
|
timeText: "14:30",
|
package/dist/index.umd.cjs
CHANGED
|
@@ -172,4 +172,4 @@ echarts.use([`+k+"]);":"Unknown series "+D))}return}if(h==="tooltip"){if(_){proc
|
|
|
172
172
|
</div>
|
|
173
173
|
${$e}
|
|
174
174
|
</div>
|
|
175
|
-
`}},xAxis:{type:"category",boundaryGap:!1,data:w.value,minInterval:1,axisLabel:{color:Q,fontSize:de?9:10,interval:"auto",hideOverlap:!0,margin:10},axisLine:{lineStyle:{color:"rgba(148,163,184,0.22)"}},axisTick:{show:!1}},yAxis:{type:"value",scale:!0,min:ft=>ft.min===ft.max?ft.min-1:void 0,max:ft=>ft.min===ft.max?ft.max+1:void 0,splitNumber:de?3:4,axisLabel:{color:Q,fontSize:de?9:10,formatter:ft=>_(ft),margin:8},splitLine:{lineStyle:{color:le,type:"dashed"}},axisLine:{show:!1},axisTick:{show:!1}},series:tt}});function U(){t.value&&((!o||o.isDisposed())&&(o=V5e(t.value,void 0,{renderer:"canvas"}),ke()),o.clear(),o.setOption(H.value,!0))}async function V(Q=!1){await b.nextTick(),t.value&&(Q&&o&&(o.dispose(),o=null),U())}function W(){i.value=null}function pe(Q){const le=e.compact,de=le?40:52,tt=le?18:26,ft=le?34:42,Ht=le?22:34;return{minX:de,maxX:Math.max(de,Q.width-tt),top:ft,height:Math.max(0,Q.height-ft-Ht)}}function ce(){a.value=null,h=null,window.removeEventListener("mousemove",ut),window.removeEventListener("mouseup",Mt),window.removeEventListener("touchmove",Xn),window.removeEventListener("touchend",no),window.removeEventListener("touchcancel",Bi)}function te(){c&&(clearTimeout(c),c=null),f=null}function ke(){!o||l||(o.getZr().on("mousedown",or),l=!0)}function ne(){!o||!l||(o.getZr().off("mousedown",or),l=!1)}function be(){!t.value||u||(t.value.addEventListener("touchstart",Mn,{passive:!0}),u=!0)}function He(){!t.value||!u||(t.value.removeEventListener("touchstart",Mn),u=!1)}function Fe(Q){if(!h)return;const le=Math.min(h.startX,Q),de=Math.max(h.startX,Q);a.value={left:`${le}px`,top:`${h.top}px`,width:`${Math.max(0,de-le)}px`,height:`${h.height}px`}}function rt(Q,le){var ul,cl;if(!g.value.length)return null;const de=((ul=i.value)==null?void 0:ul.start)??0,tt=((cl=i.value)==null?void 0:cl.end)??g.value.length-1,ft=tt-de+1;if(ft<2||!h)return null;const Ht=h.maxX-h.minX;if(Ht<=0)return null;const Pe=(Q-h.minX)/Ht,ge=(le-h.minX)/Ht,Ae=Math.round(Math.min(Pe,ge)*(ft-1)),Ie=Math.round(Math.max(Pe,ge)*(ft-1)),$e=Math.max(de,Math.min(tt,de+Ae)),bt=Math.max(de,Math.min(tt,de+Ie));return bt-$e<1||$e===de&&bt===tt?null:{start:$e,end:bt}}function ut(Q){if(!h)return;const le=Q.clientX-h.rect.left,de=Math.max(h.minX,Math.min(h.maxX,le));Fe(de)}function nt(Q){if(!h)return;if(Math.abs(Q-h.startX)>=12){const de=rt(h.startX,Q);de&&(i.value=de)}ce()}function Mt(Q){if(!h)return;const le=Q.clientX-h.rect.left,de=Math.max(h.minX,Math.min(h.maxX,le));nt(de)}function or(Q){if(!e.enableSelectionZoom||e.compact||S.value.length<2||!t.value||Q.event&&Q.event.button!==0)return;const le=t.value.getBoundingClientRect(),de=pe(le);Q.offsetX<de.minX||Q.offsetX>de.maxX||Q.offsetY<de.top||Q.offsetY>de.top+de.height||(h={rect:le,startX:Q.offsetX,minX:de.minX,maxX:de.maxX,top:de.top,height:de.height},Fe(Q.offsetX),window.addEventListener("mousemove",ut),window.addEventListener("mouseup",Mt))}function Rr(Q){if(!t.value)return null;const le=Q.touches[0]||Q.changedTouches[0];if(!le)return null;const de=t.value.getBoundingClientRect();return{offsetX:le.clientX-de.left,offsetY:le.clientY-de.top,clientX:le.clientX,clientY:le.clientY}}function Mn(Q){if(!e.enableSelectionZoom||e.compact||S.value.length<2||Q.touches.length!==1)return;const le=Rr(Q);le&&(te(),ce(),f={startClientX:le.clientX,startClientY:le.clientY,startOffsetX:le.offsetX,startOffsetY:le.offsetY,active:!1,cancelled:!1},window.addEventListener("touchmove",Xn,{passive:!1}),window.addEventListener("touchend",no,{passive:!1}),window.addEventListener("touchcancel",Bi,{passive:!1}),c=setTimeout(()=>{!f||f.cancelled||(or({offsetX:f.startOffsetX,offsetY:f.startOffsetY}),h&&(f.active=!0,Fe(f.startOffsetX)))},UJe))}function Xn(Q){const le=Rr(Q);if(!le)return;if(f&&!f.active){const tt=le.clientX-f.startClientX,ft=le.clientY-f.startClientY;if(Math.abs(ft)>jJe&&Math.abs(ft)>Math.abs(tt)*1.2){f.cancelled=!0,te(),ce();return}return}if(!h)return;const de=Math.max(h.minX,Math.min(h.maxX,le.offsetX));Fe(de),Q.preventDefault()}function no(Q){const le=!!(f!=null&&f.active);if(te(),!h){ce();return}const de=Rr(Q);if(!de){ce();return}const tt=Math.max(h.minX,Math.min(h.maxX,de.offsetX));nt(tt),le&&Q.preventDefault()}function Bi(){te(),ce()}return b.onMounted(()=>{V(!0),t.value&&(s=new ResizeObserver(()=>{o==null||o.resize()}),s.observe(t.value)),be()}),b.watch(H,()=>{V(!1)},{deep:!0}),b.watch(E,(Q,le)=>{typeof window<"u"&&window.__QUARK_DEBUG_METRIC__&&console.debug("[MetricTrendChart]",{prevSignature:le,nextSignature:Q,rawValues:e.values,rawTimestamps:e.timestamps,safeValues:p.value,points:g.value.length});const de=le?JSON.parse(le).values.length:0,tt=JSON.parse(Q).values.length;V(de<2||tt<2)}),b.watch(()=>e.height,()=>{V(!1)}),b.watch(()=>[e.values,e.timestamps],()=>{i.value=null},{deep:!0}),b.onBeforeUnmount(()=>{ne(),He(),s==null||s.disconnect(),s=null,te(),ce(),o==null||o.dispose(),o=null}),(Q,le)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["metric-trend-chart",{"is-compact":r.compact,"is-selection-enabled":r.enableSelectionZoom&&!r.compact}])},[x.value?(b.openBlock(),b.createElementBlock("button",{key:0,type:"button",class:"metric-trend-chart__reset",onClick:W}," 重置范围 ")):b.createCommentVNode("",!0),b.createElementVNode("div",{ref_key:"chartRef",ref:t,class:"metric-trend-chart__canvas",style:b.normalizeStyle({height:`${r.height}px`})},null,4),a.value?(b.openBlock(),b.createElementBlock("div",{key:1,class:"metric-trend-chart__selection",style:b.normalizeStyle(a.value)},null,4)):b.createCommentVNode("",!0),p.value.length>0&&!r.compact?(b.openBlock(),b.createElementBlock("div",FJe,[b.createElementVNode("div",{class:b.normalizeClass(["metric-trend-chart__stat",{"is-active":n.value==="min"}]),onMouseenter:le[0]||(le[0]=de=>T("min")),onMouseleave:C},[le[2]||(le[2]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"最小值",-1)),b.createElementVNode("span",zJe,b.toDisplayString(_(k.value.min)),1)],34),b.createElementVNode("div",{class:b.normalizeClass(["metric-trend-chart__stat",{"is-active":n.value==="max"}]),onMouseenter:le[1]||(le[1]=de=>T("max")),onMouseleave:C},[le[3]||(le[3]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"最大值",-1)),b.createElementVNode("span",qJe,b.toDisplayString(_(k.value.max)),1)],34),b.createElementVNode("div",GJe,[le[4]||(le[4]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"平均值",-1)),b.createElementVNode("span",HJe,b.toDisplayString(_(k.value.avg)),1)])])):b.createCommentVNode("",!0),p.value.length<2?(b.openBlock(),b.createElementBlock("div",WJe,b.toDisplayString(p.value.length===1?"数据点不足":"暂无趋势数据"),1)):b.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-2cda3f9e"]]),YJe=["type","disabled"],Lg=Wt(b.defineComponent({__name:"UiButton",props:{variant:{default:"primary"},appearance:{default:"dialog"},size:{default:"md"},type:{default:"button"},disabled:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("button",{class:b.normalizeClass(["ui-button",[`ui-button--${r.variant}`,`ui-button--${r.appearance}`,`ui-button--${r.size}`,{"ui-button--block":r.block}]]),type:r.type,disabled:r.disabled},[b.renderSlot(e.$slots,"default",{},void 0,!0)],10,YJe))}}),[["__scopeId","data-v-5f786839"]]),XJe={class:"alert-dialog-info"},KJe={key:0,class:"alert-dialog-meta"},ZJe={key:1,class:"alert-dialog-grid"},JJe=["disabled","onClick"],QJe={class:"alert-dialog-field-label"},eQe={key:2,class:"alert-dialog-content"},tQe={key:0,class:"alert-dialog-chart-card"},rQe={class:"alert-dialog-chart-title"},nQe={key:1,class:"alert-dialog-normal"},iQe={key:0,class:"alert-dialog-meta"},aQe={key:1,class:"alert-dialog-content"},oQe={key:2,class:"alert-dialog-details"},sQe={key:3,class:"alert-dialog-footer"},yge=Wt(b.defineComponent({__name:"AlertDialog",props:{modelValue:{type:Boolean},title:{},subtitle:{default:""},content:{default:""},layout:{default:"normal"},level:{default:"info"},source:{default:""},timestamp:{default:""},showCloseButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!1},showConfirmButton:{type:Boolean,default:!1},titleAlign:{default:"center"},cancelText:{default:"关闭"},confirmText:{default:"确认"},actionSize:{default:"md"},closeOnMask:{type:Boolean,default:!0},autoCloseMs:{default:0},monitorFields:{default:()=>[]},trend:{default:()=>[]},chartTimestamps:{default:()=>[]},chartTriggerTime:{default:""},chartTriggerValue:{default:""},chartContext:{default:()=>({})},chartTitle:{default:""},chartPlacement:{default:"side"},chartShowExtremaMarkers:{type:Boolean,default:!1},chartEnableExtremaHover:{type:Boolean,default:!1},chartEnableSelectionZoom:{type:Boolean,default:!1},infoItems:{default:()=>[]},monitorFieldsVariant:{default:"cards"}},emits:["update:modelValue","close","confirm","timeout"],setup(r,{emit:e}){const t=r,n=e;let i=null,a=null;const o=b.ref(0),s=b.ref(null),l=b.computed(()=>t.layout==="monitor"?"min(92vw, 1180px)":"min(92vw, 760px)"),u=b.computed(()=>t.showCancelButton||t.showConfirmButton),c=b.computed(()=>{const _=[];if(t.source&&_.push({key:"source",value:t.source}),t.timestamp){const S=typeof t.timestamp=="number"?new Date(t.timestamp):new Date(String(t.timestamp));_.push({key:"timestamp",value:Number.isNaN(S.getTime())?String(t.timestamp):S.toLocaleString("zh-CN")})}return _}),h=b.computed(()=>{const _=[...c.value];return t.infoItems.forEach((S,w)=>{S&&_.push({key:`info-${w}`,value:S})}),_}),f=b.computed(()=>t.trend.filter(_=>Number.isFinite(_))),d=b.computed(()=>f.value.length>1),v=b.computed(()=>{switch(t.level){case"critical":return"#ef4444";case"warning":return"#f59e0b";case"recovery":return"#10b981";default:return"#38bdf8"}});function p(){i&&(clearTimeout(i),i=null),a&&(clearInterval(a),a=null),o.value=0}function g(){p(),!(!t.modelValue||!t.autoCloseMs||t.autoCloseMs<=0)&&(o.value=t.autoCloseMs,a=setInterval(()=>{o.value=Math.max(0,o.value-1e3)},1e3),i=setTimeout(()=>{p(),n("timeout"),m()},t.autoCloseMs))}function m(){p(),s.value=null,n("update:modelValue",!1),n("close")}function y(_){s.value=s.value===_?null:_}return b.watch(()=>[t.modelValue,t.autoCloseMs],g,{immediate:!0}),b.watch(()=>t.modelValue,_=>{_||(s.value=null)}),b.onBeforeUnmount(p),(_,S)=>(b.openBlock(),b.createBlock(pee,{"model-value":r.modelValue,title:r.title,eyebrow:"","title-align":r.titleAlign,"show-close-button":r.showCloseButton,"close-on-mask":r.closeOnMask,padded:!1,width:l.value,"panel-class":"alert-dialog-panel","mask-class":"alert-dialog-mask","onUpdate:modelValue":S[1]||(S[1]=w=>n("update:modelValue",w)),onClose:m},{default:b.withCtx(()=>[b.createElementVNode("div",{class:b.normalizeClass(["alert-dialog",[`alert-dialog--${r.level}`,`alert-dialog--${r.layout}`,`alert-dialog--title-${r.titleAlign}`]])},[r.layout==="monitor"?(b.openBlock(),b.createElementBlock("div",{key:0,class:b.normalizeClass(["alert-dialog-monitor",{"alert-dialog-monitor--bottom":r.chartPlacement==="bottom"}])},[b.createElementVNode("div",XJe,[h.value.length?(b.openBlock(),b.createElementBlock("div",KJe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(h.value,w=>(b.openBlock(),b.createElementBlock("span",{key:w.key,class:"alert-dialog-meta-item"},b.toDisplayString(w.value),1))),128))])):b.createCommentVNode("",!0),r.monitorFields.length?(b.openBlock(),b.createElementBlock("div",ZJe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(r.monitorFields,w=>(b.openBlock(),b.createElementBlock("button",{key:w.label,type:"button",class:b.normalizeClass(["alert-dialog-field",`alert-dialog-field--${r.monitorFieldsVariant}`,{"is-clickable":w.marker,"is-active":s.value===w.marker}]),disabled:!w.marker,onClick:x=>w.marker&&y(w.marker)},[b.createElementVNode("span",QJe,b.toDisplayString(w.label),1),b.createElementVNode("span",{class:b.normalizeClass(["alert-dialog-field-value",{"is-mono":w.mono,"is-accent":w.accent}])},b.toDisplayString(w.value),3)],10,JJe))),128))])):b.createCommentVNode("",!0),r.content?(b.openBlock(),b.createElementBlock("p",eQe,b.toDisplayString(r.content),1)):b.renderSlot(_.$slots,"default",{},void 0,!0,3)]),d.value?(b.openBlock(),b.createElementBlock("div",tQe,[b.createElementVNode("p",rQe,b.toDisplayString(r.chartTitle||"监控趋势"),1),b.createVNode(ub,{class:"alert-dialog-chart",values:f.value,timestamps:r.chartTimestamps,"trigger-time":r.chartTriggerTime,"trigger-value":r.chartTriggerValue,context:r.chartContext,color:v.value,height:220,"show-extrema-markers":r.chartShowExtremaMarkers,"enable-extrema-hover":r.chartEnableExtremaHover,"active-marker":s.value,"enable-selection-zoom":r.chartEnableSelectionZoom},null,8,["values","timestamps","trigger-time","trigger-value","context","color","show-extrema-markers","enable-extrema-hover","active-marker","enable-selection-zoom"])])):b.createCommentVNode("",!0)],2)):(b.openBlock(),b.createElementBlock("div",nQe,[h.value.length?(b.openBlock(),b.createElementBlock("div",iQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(h.value,w=>(b.openBlock(),b.createElementBlock("span",{key:w.key,class:"alert-dialog-meta-item"},b.toDisplayString(w.value),1))),128))])):b.createCommentVNode("",!0),r.content?(b.openBlock(),b.createElementBlock("p",aQe,b.toDisplayString(r.content),1)):b.renderSlot(_.$slots,"default",{},void 0,!0,2)])),_.$slots.details?(b.openBlock(),b.createElementBlock("div",oQe,[b.renderSlot(_.$slots,"details",{},void 0,!0)])):b.createCommentVNode("",!0),_.$slots.footer||u.value?(b.openBlock(),b.createElementBlock("div",sQe,[b.renderSlot(_.$slots,"footer",{},()=>[r.showCancelButton?(b.openBlock(),b.createBlock(Lg,{key:0,variant:"secondary",appearance:"dialog",size:r.actionSize,onClick:m},{default:b.withCtx(()=>[b.createTextVNode(b.toDisplayString(r.cancelText),1)]),_:1},8,["size"])):b.createCommentVNode("",!0),r.showConfirmButton?(b.openBlock(),b.createBlock(Lg,{key:1,variant:"primary",appearance:"dialog",size:r.actionSize,onClick:S[0]||(S[0]=w=>n("confirm"))},{default:b.withCtx(()=>[b.createTextVNode(b.toDisplayString(r.confirmText),1)]),_:1},8,["size"])):b.createCommentVNode("",!0)],!0)])):b.createCommentVNode("",!0)],2)]),_:3},8,["model-value","title","title-align","show-close-button","close-on-mask","width"]))}}),[["__scopeId","data-v-ae5198b7"]]),_ge=Wt(b.defineComponent({__name:"Timeline",props:{theme:{default:"default"}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-timeline",`quark-timeline--${r.theme}`])},[b.renderSlot(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-edeffd99"]]),lQe={key:0,class:"quark-tl-item__label"},uQe={key:1,class:"quark-tl-item__rail"},cQe={class:"quark-tl-item__dot-content"},hQe={class:"quark-tl-item__dot"},fQe={class:"quark-tl-item__body"},dQe={class:"quark-tl-item__content"},vQe={key:0,class:"quark-tl-item__time"},bge=Wt(b.defineComponent({__name:"TimelineItem",props:{time:{},active:{type:Boolean,default:!1},last:{type:Boolean,default:!1},lineColor:{default:""},dotColor:{default:""},hideDot:{type:Boolean,default:!1},dotType:{default:"solid"},lineType:{default:"solid"},label:{default:""}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-tl-item",{"quark-tl-item--active":r.active,"quark-tl-item--last":r.last}])},[e.$slots.label||r.label?(b.openBlock(),b.createElementBlock("div",lQe,[b.renderSlot(e.$slots,"label",{},()=>[b.createTextVNode(b.toDisplayString(r.label),1)],!0)])):b.createCommentVNode("",!0),r.hideDot?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",uQe,[r.last?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",{key:0,class:"quark-tl-item__line",style:b.normalizeStyle({borderColor:r.lineColor||void 0,borderLeftStyle:r.lineType})},null,4)),b.createElementVNode("div",cQe,[b.createElementVNode("div",hQe,[b.renderSlot(e.$slots,"dot",{},()=>[b.createElementVNode("div",{class:b.normalizeClass(["quark-tl-item__dot-inner",`quark-tl-item__dot-inner--${r.dotType}`]),style:b.normalizeStyle(r.dotColor?{backgroundColor:r.dotType==="solid"?r.dotColor:void 0,borderColor:r.dotColor}:{})},null,6)],!0)])])])),b.createElementVNode("div",fQe,[b.createElementVNode("div",dQe,[b.renderSlot(e.$slots,"default",{},void 0,!0)]),r.time?(b.openBlock(),b.createElementBlock("div",vQe,b.toDisplayString(r.time),1)):b.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-192169cf"]]),pQe=Wt(b.defineComponent({__name:"Collapse",props:{defaultActiveKey:{default:()=>[]},accordion:{type:Boolean,default:!1},theme:{default:"default"},card:{type:Boolean,default:!1}},setup(r){const e=r,t=b.ref(new Set(e.defaultActiveKey));function n(i){e.accordion?t.value.has(i)?t.value.clear():t.value=new Set([i]):t.value.has(i)?(t.value.delete(i),t.value=new Set(t.value)):(t.value.add(i),t.value=new Set(t.value))}return b.provide("collapse-active-keys",t),b.provide("collapse-toggle",n),b.provide("collapse-theme",b.computed(()=>e.theme)),b.provide("collapse-card",b.computed(()=>e.card)),(i,a)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-collapse",`quark-collapse--${r.theme}`,{"quark-collapse--card":r.card}])},[b.renderSlot(i.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-e15791ba"]]),gQe={class:"quark-CollapseItem__header-content"},mQe={class:"quark-CollapseItem__body"},yQe=Wt(b.defineComponent({__name:"CollapseItem",props:{itemKey:{},key:{},header:{},disabled:{type:Boolean,default:!1}},setup(r){const e=r,t=b.computed(()=>e.itemKey??e.key??e.header??"collapse-item"),n=b.inject("collapse-active-keys"),i=b.inject("collapse-toggle"),a=b.inject("collapse-theme"),o=b.inject("collapse-card"),s=b.computed(()=>n.value.has(t.value));function l(){e.disabled||i(t.value)}return(u,c)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-CollapseItem",{"quark-CollapseItem--active":s.value,"quark-CollapseItem--card":b.unref(o),"quark-CollapseItem--disabled":r.disabled},`quark-CollapseItem--${b.unref(a)}`])},[b.createElementVNode("div",{class:b.normalizeClass(["quark-CollapseItem__header",{"quark-CollapseItem__header--active":s.value}]),onClick:l},[b.createElementVNode("span",{class:b.normalizeClass(["quark-CollapseItem__arrow",{"quark-CollapseItem__arrow--open":s.value}])},[...c[1]||(c[1]=[b.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor"},[b.createElementVNode("path",{d:"M4.7 2.3a.5.5 0 0 0-.7.7L7.3 6 4 9a.5.5 0 0 0 .7.7l3.7-3.7a.5.5 0 0 0 0-.7L4.7 2.3z"})],-1)])],2),b.createElementVNode("div",gQe,[b.renderSlot(u.$slots,"header",{},()=>[b.createTextVNode(b.toDisplayString(r.header),1)],!0)]),u.$slots.extra?(b.openBlock(),b.createElementBlock("div",{key:0,class:"quark-CollapseItem__extra",onClick:c[0]||(c[0]=b.withModifiers(()=>{},["stop"]))},[b.renderSlot(u.$slots,"extra",{},void 0,!0)])):b.createCommentVNode("",!0)],2),b.withDirectives(b.createElementVNode("div",mQe,[b.renderSlot(u.$slots,"default",{},void 0,!0)],512),[[b.vShow,s.value]])],2))}}),[["__scopeId","data-v-a1768f99"]]),_Qe=["aria-label"],bQe=["aria-checked","onClick"],SQe={class:"ui-segmented__label"},wQe={key:0,class:"ui-segmented__badge"},VV=Wt(b.defineComponent({__name:"UiSegmented",props:{modelValue:{},items:{},ariaLabel:{},variant:{default:"default"},size:{default:"md"}},emits:["update:modelValue"],setup(r,{emit:e}){const t=e;return(n,i)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["ui-segmented",[`ui-segmented--${r.variant}`,`ui-segmented--${r.size}`]]),role:"radiogroup","aria-label":r.ariaLabel},[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(r.items,a=>(b.openBlock(),b.createElementBlock("button",{key:a.value,class:b.normalizeClass(["ui-segmented__item",{"ui-segmented__item--active":r.modelValue===a.value}]),type:"button",role:"radio","aria-checked":r.modelValue===a.value,onClick:o=>t("update:modelValue",a.value)},[b.createElementVNode("span",SQe,b.toDisplayString(a.label),1),a.badge!==void 0?(b.openBlock(),b.createElementBlock("span",wQe,b.toDisplayString(a.badge),1)):b.createCommentVNode("",!0)],10,bQe))),128))],10,_Qe))}}),[["__scopeId","data-v-3edc6ae6"]]),xQe=Wt(b.defineComponent({__name:"UiMetricValue",props:{value:{},tone:{default:""},size:{default:"lg"}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("span",{class:b.normalizeClass(["ui-metric-value",`ui-metric-value--${r.size}`]),style:b.normalizeStyle(r.tone?{color:r.tone}:void 0)},b.toDisplayString(r.value),7))}}),[["__scopeId","data-v-fd8f0268"]]),EQe={key:0,class:"template-screen__state"},TQe={key:1,class:"template-screen__canvas"},CQe={key:0,class:"template-screen__header"},IQe={class:"template-screen__alerts"},DQe={key:0,class:"template-screen__placeholder"},AQe={key:4,class:"template-screen__metrics"},kQe={key:0,class:"template-screen__robot"},OQe={key:4,class:"template-screen__placeholder"},PQe={class:"template-alert-detail"},MQe={key:0,class:"template-alert-detail__state"},RQe={key:1,class:"template-alert-detail__state is-error"},NQe={key:2,class:"template-alert-detail__section"},LQe={class:"template-alert-detail__entry"},BQe={key:0},$Qe={key:1,class:"template-alert-detail__state"},FV=48,Sge=5,VQe=Wt(b.defineComponent({__name:"BigScreenTemplateRenderer",props:{runtime:{},showHalo:{type:Boolean},loadAlertDetail:{type:Function}},emits:["secretTap","openDuty"],setup(r,{emit:e}){const t=r,n=e,i=b.ref("active"),a=b.ref("all"),o=b.ref(null),s=b.ref(!1),l=b.ref(null),u=b.ref(!1),c=b.ref("");let h=0;b.computed(()=>{var R;return((R=t.runtime)==null?void 0:R.profile.baseWidth)||1920});const f=b.computed(()=>{var R;return((R=t.runtime)==null?void 0:R.profile.baseHeight)||1080}),d=b.computed(()=>{var R,B;return Math.max(1,Number((B=(R=t.runtime)==null?void 0:R.profile.theme)==null?void 0:B.gridColumns)||16)}),v=b.computed(()=>{var R,B;return Number((B=(R=t.runtime)==null?void 0:R.profile.theme)==null?void 0:B.gridRowHeight)||0}),p=b.computed(()=>{var R;return(((R=t.runtime)==null?void 0:R.widgets)||[]).filter(B=>B.enabled)}),g=b.computed(()=>p.value.some(R=>R.widgetType==="screen_header")),m=R=>{const B=`${R.layout.w/d.value*100}%`,$=`${R.layout.x/d.value*100}%`;if(!g.value)return{left:$,top:`${R.layout.y/12*100}%`,width:B,height:`${R.layout.h/12*100}%`};if(R.widgetType==="screen_header")return{left:$,top:"0",width:B,height:`${FV/f.value*100}%`};const z=v.value||(f.value-FV-Sge)/11,F=FV+Sge+Math.max(0,R.layout.y-1)*z;return{left:$,top:`${F/f.value*100}%`,width:B,height:`${R.layout.h*z/f.value*100}%`}},y=R=>R.data.stats||{},_=R=>R.data.items||[],S=R=>R.data.groups||[];function w(R){const B=String(R.severity||"").toLowerCase();return B.includes("crit")||B.includes("high")?"high":B.includes("warn")||B.includes("mid")?"mid":"low"}function x(R){return{high:"#ef4444",mid:"#f59e0b",low:"#38bdf8"}[w(R)]}function E(R){return String(R.status||"").toUpperCase()==="RESOLVED"}const T=R=>_(R).filter(B=>i.value==="resolved"?E(B):!E(B)).filter(B=>a.value==="all"||w(B)===a.value),C=R=>{const B=y(R);return[{label:"告警中",value:"active",badge:Number(B.todayPending||0)},{label:"已恢复",value:"resolved",badge:Number(B.todayResolved||0)}]},I=R=>{const B=_(R).filter($=>i.value==="resolved"?E($):!E($));return[{label:"全部",value:"all",badge:B.length},{label:"严重",value:"high",badge:B.filter($=>w($)==="high").length},{label:"警告",value:"mid",badge:B.filter($=>w($)==="mid").length},{label:"提示",value:"low",badge:B.filter($=>w($)==="low").length}]};function D(){t.runtime||n("secretTap")}async function k(R){const B=++h;o.value=R,l.value=null,c.value="",u.value=!0,s.value=!0;try{const $=t.loadAlertDetail?await t.loadAlertDetail(R.id):null;B===h&&(l.value=$.alert||null)}catch($){B===h&&(c.value=$ instanceof Error?$.message:"获取告警详情失败")}finally{B===h&&(u.value=!1)}}const A=b.computed(()=>({...o.value||{},...l.value||{}})),P=b.computed(()=>{var $,z,F,H;const R=A.value;if(!R.id)return[];const B=R.labels||{};return[R.source?`来源 · ${R.source}`:"",R.groupName||($=R.groupNames)!=null&&$[0]?`分组 · ${R.groupName||((z=R.groupNames)==null?void 0:z[0])}`:"",R.assignedUserName||(F=R.assignedUsers)!=null&&F[0]?`负责人 · ${R.assignedUserName||((H=R.assignedUsers)==null?void 0:H[0])}`:"",R.severityText||R.severity?`级别 · ${R.severityText||R.severity}`:"",R.firedAt?`首次触发 · ${R.firedAt}`:"",R.triggerTime?`触发时间 · ${R.triggerTime}`:"",R.escalationCount!=null?`触发次数 · ${R.escalationCount}`:"",B.job?`Job · ${B.job}`:"",B.instance?`Instance · ${B.instance}`:""].filter(Boolean)}),M=b.computed(()=>{var $,z;const R=((($=l.value)==null?void 0:$.actions)||[]).map(F=>({type:"action",time:F.createdAt||"",title:N(F.actionType),content:F.content||"",operator:F.operatorName||""})),B=(((z=l.value)==null?void 0:z.fires)||[]).map(F=>({type:"fire",time:F.firedAt||"",title:`告警触发 · ${F.severityText||F.severity||""}`,content:F.content||F.triggerValue||"",chartValues:F.chartValues||[],chartTimestamps:F.chartTimestamps||[]}));return[...R,...B].sort((F,H)=>String(F.time).localeCompare(String(H.time)))});function N(R){return{ASSIGN:"分配",ACK:"确认",ACKNOWLEDGED:"确认",COMMENT:"备注",ESCALATE:"升级",RESOLVE:"解决",RESOLVED:"解决",REOPEN:"告警复现",SUPPRESS:"抑制",SILENCE:"静默",REASSIGN:"转交",COLLABORATE:"协同处理"}[R||""]||R||"操作"}function L(){h++,s.value=!1,l.value=null,c.value=""}return(R,B)=>{var $,z;return b.openBlock(),b.createElementBlock("div",{class:"template-screen",onDblclick:D},[r.runtime?(b.openBlock(),b.createElementBlock("div",TQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(p.value,F=>(b.openBlock(),b.createElementBlock("article",{key:F.id,class:b.normalizeClass(["template-screen__widget",{"template-screen__widget--header":F.widgetType==="screen_header"}]),style:b.normalizeStyle(m(F))},[F.widgetType==="screen_header"?(b.openBlock(),b.createElementBlock("div",CQe,[b.createVNode(vee,{title:String(F.props.title||"运维监控大屏"),time:String(F.data.timeText||"--:--"),date:`${F.data.dateText||""} ${F.data.weekdayText||""}`,onTitleDoubleClick:B[0]||(B[0]=H=>n("secretTap"))},null,8,["title","time","date"])])):F.widgetType==="external_embed"?(b.openBlock(),b.createBlock(hee,{key:1,title:F.title||"外部仪表盘",url:String(F.props.url||"")},null,8,["title","url"])):F.widgetType==="endpoint_distribution"?(b.openBlock(),b.createBlock(hd,{key:2,title:F.title||"端点分布图",class:"template-screen__panel"},{default:b.withCtx(()=>[b.createVNode(cee,{items:_(F)},null,8,["items"])]),_:2},1032,["title"])):F.widgetType==="alert_latest"?(b.openBlock(),b.createBlock(hd,{key:3,title:F.title||"最新告警",class:"template-screen__panel"},{"header-center":b.withCtx(()=>[b.createVNode(VV,{modelValue:i.value,"onUpdate:modelValue":B[1]||(B[1]=H=>i.value=H),items:C(F),variant:"tech",size:"xs","aria-label":"告警状态筛选"},null,8,["modelValue","items"])]),"header-extra":b.withCtx(()=>[b.createVNode(VV,{modelValue:a.value,"onUpdate:modelValue":B[2]||(B[2]=H=>a.value=H),items:I(F),variant:"tech",size:"xs","aria-label":"告警级别筛选"},null,8,["modelValue","items"])]),default:b.withCtx(()=>[b.createElementVNode("div",IQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(T(F),H=>{var U;return b.openBlock(),b.createBlock(qV,{key:H.id,title:H.title,group:((U=H.groupNames)==null?void 0:U.join(" / "))||"未分组",time:H.firedAt,"status-text":H.statusText||H.status,accent:x(H),onSelect:V=>k(H)},{aside:b.withCtx(()=>{var V;return[(V=H.chartValues)!=null&&V.length?(b.openBlock(),b.createBlock(ub,{key:0,values:H.chartValues,timestamps:H.chartTimestamps||[],"trigger-time":H.firedAt,"trigger-value":H.triggerValue||"",color:x(H),height:72,compact:""},null,8,["values","timestamps","trigger-time","trigger-value","color"])):b.createCommentVNode("",!0)]}),_:2},1032,["title","group","time","status-text","accent","onSelect"])}),128)),T(F).length?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",DQe,"暂无符合条件的告警"))])]),_:2},1032,["title"])):F.widgetType==="alert_overview"?(b.openBlock(),b.createElementBlock("div",AQe,[(b.openBlock(),b.createElementBlock(b.Fragment,null,b.renderList([{label:"总数",key:"todayTotal",tone:"oklch(0.82 0.13 200)"},{label:"待处理",key:"todayPending",tone:"oklch(0.82 0.15 75)"},{label:"已处理",key:"todayResolved",tone:"oklch(0.74 0.16 155)"},{label:"逾期待处理",key:"overdueTotal",tone:"oklch(0.68 0.22 25)"}],H=>b.createVNode(GV,{key:H.key,label:H.label,tone:H.tone},{default:b.withCtx(()=>[b.createVNode(xQe,{value:y(F)[H.key]||0,tone:H.tone,size:"lg"},null,8,["value","tone"])]),_:2},1032,["label","tone"])),64))])):(b.openBlock(),b.createBlock(hd,{key:5,title:F.title||F.widgetType,class:"template-screen__panel"},b.createSlots({default:b.withCtx(()=>{var H,U,V,W,pe,ce,te,ke,ne,be,He,Fe,rt;return[F.widgetType==="robot"?(b.openBlock(),b.createElementBlock("div",kQe,[r.showHalo?(b.openBlock(),b.createBlock(dee,{key:0,width:180})):b.createCommentVNode("",!0),b.createVNode(fee,{emotion:String(F.data.emotion||"neutral")},null,8,["emotion"])])):F.widgetType==="duty_today"?(b.openBlock(),b.createBlock(zV,{key:1,compact:"","person-name":((V=(U=(H=S(F)[0])==null?void 0:H.users)==null?void 0:U[0])==null?void 0:V.nickName)||((ce=(pe=(W=S(F)[0])==null?void 0:W.users)==null?void 0:pe[0])==null?void 0:ce.username)||"暂无值班人员","person-phone":((ne=(ke=(te=S(F)[0])==null?void 0:te.users)==null?void 0:ke[0])==null?void 0:ne.phone)||"","person-tag":((be=S(F)[0])==null?void 0:be.groupName)||"每日告警值班"},null,8,["person-name","person-phone","person-tag"])):F.widgetType==="build_projects"?(b.openBlock(),b.createBlock(WV,{key:2,items:_(F),"building-count":Number(((He=F.data.summary)==null?void 0:He.buildingCount)||0),"today-builds":Number(((Fe=F.data.summary)==null?void 0:Fe.todayBuilds)||0),"success-rate":Number(((rt=F.data.summary)==null?void 0:rt.successRate)||0)},null,8,["items","building-count","today-builds","success-rate"])):F.widgetType==="build_distribution"?(b.openBlock(),b.createBlock(HV,{key:3,items:_(F),total:Number(F.data.total||0)},null,8,["items","total"])):(b.openBlock(),b.createElementBlock("div",OQe,"暂无可展示内容"))]}),_:2},[F.widgetType==="duty_today"&&F.props.showAllButton!==!1?{name:"header-extra",fn:b.withCtx(()=>[b.createVNode(Lg,{variant:"secondary",appearance:"tech",size:"xs",onClick:B[3]||(B[3]=H=>n("openDuty"))},{default:b.withCtx(()=>[...B[5]||(B[5]=[b.createTextVNode("全部值班",-1)])]),_:1})]),key:"0"}:void 0]),1032,["title"]))],6))),128))])):(b.openBlock(),b.createElementBlock("div",EQe,"请先在设置中选择大屏模板")),o.value?(b.openBlock(),b.createBlock(yge,{key:2,modelValue:s.value,"onUpdate:modelValue":B[4]||(B[4]=F=>s.value=F),title:"告警详情",subtitle:`${A.value.groupName||(($=A.value.groupNames)==null?void 0:$[0])||"系统告警"} · ${A.value.assignedUserName||((z=A.value.assignedUsers)==null?void 0:z[0])||"未分配"}`,layout:"monitor",level:w(A.value)==="high"?"critical":w(A.value)==="mid"?"warning":"info",content:A.value.content||"暂无详细内容","info-items":P.value,"monitor-fields-variant":"compact",trend:A.value.chartValues||[],"chart-timestamps":A.value.chartTimestamps||[],"chart-trigger-time":A.value.triggerTime||A.value.firedAt||"","chart-trigger-value":A.value.triggerValue||"","chart-title":"监控折线图","chart-placement":"bottom","chart-show-extrema-markers":!1,"chart-enable-extrema-hover":!0,"chart-enable-selection-zoom":!0,"show-cancel-button":!1,"show-confirm-button":!1,"show-close-button":!0,onClose:L},{details:b.withCtx(()=>{var F,H,U,V;return[b.createElementVNode("div",PQe,[u.value?(b.openBlock(),b.createElementBlock("div",MQe,"正在加载告警详情...")):c.value?(b.openBlock(),b.createElementBlock("div",RQe,b.toDisplayString(c.value),1)):(b.openBlock(),b.createElementBlock("section",NQe,[b.createElementVNode("p",null,"完整流水（操作 "+b.toDisplayString(((H=(F=l.value)==null?void 0:F.actions)==null?void 0:H.length)||0)+" 条 + 触发 "+b.toDisplayString(((V=(U=l.value)==null?void 0:U.fires)==null?void 0:V.length)||0)+" 次）",1),M.value.length?(b.openBlock(),b.createBlock(_ge,{key:0},{default:b.withCtx(()=>[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(M.value,(W,pe)=>(b.openBlock(),b.createBlock(bge,{key:`${W.type}-${W.time}-${pe}`,last:pe===M.value.length-1,time:W.time,"dot-color":W.type==="fire"?"#ff7d00":"#0fc6c2"},{default:b.withCtx(()=>{var ce;return[b.createElementVNode("div",LQe,[b.createElementVNode("strong",null,b.toDisplayString(W.title),1),W.operator?(b.openBlock(),b.createElementBlock("span",BQe,b.toDisplayString(W.operator),1)):b.createCommentVNode("",!0),b.createElementVNode("p",null,b.toDisplayString(W.content),1),(ce=W.chartValues)!=null&&ce.length?(b.openBlock(),b.createBlock(ub,{key:1,values:W.chartValues,timestamps:W.chartTimestamps||[],height:180,color:W.type==="fire"?"#ff7d00":"#38bdf8","enable-selection-zoom":!0},null,8,["values","timestamps","color"])):b.createCommentVNode("",!0)])]}),_:2},1032,["last","time","dot-color"]))),128))]),_:1})):(b.openBlock(),b.createElementBlock("div",$Qe,"暂无流水记录"))]))])]}),footer:b.withCtx(()=>[b.createVNode(Lg,{variant:"secondary",appearance:"tech",size:"lg",onClick:L},{default:b.withCtx(()=>[...B[6]||(B[6]=[b.createTextVNode("关闭窗口",-1)])]),_:1})]),_:1},8,["modelValue","subtitle","level","content","info-items","trend","chart-timestamps","chart-trigger-time","chart-trigger-value"])):b.createCommentVNode("",!0)],32)}}}),[["__scopeId","data-v-93b143a3"]]),wge={screen_header:{dateText:"2026-07-27",timeText:"14:30",weekdayText:"星期一"},robot:{status:"online",mode:"guard",emotion:"neutral",generatedAt:"2026-07-27 14:30:00",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86},alerts:{todayTotal:12,todayPending:3,criticalCount:1,warningCount:5},builds:{buildingCount:4,todayBuilds:28,successRate:98.6}},duty_today:{date:"2026-07-27",totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:101,nickName:"张工",username:"zhang"},{userId:102,nickName:"李工",username:"li"}]},{groupId:2,groupName:"网络组",users:[{userId:103,nickName:"王工",username:"wang"}]}]},alert_overview:{stats:{todayTotal:12,todayPending:3,todayResolved:8,overdueTotal:1}},alert_latest:{total:3,stats:{todayTotal:12,todayPending:3,todayResolved:9,overdueTotal:1,criticalCount:1,warningCount:5,infoCount:6},items:[{id:1,alertId:"AL-20260727-001",title:"边缘节点延迟升高",severity:"WARN",severityText:"警告",status:"pending",statusText:"待处理",source:"edge-01",firedAt:"14:20",groupNames:["网络组"],triggerValue:"218ms",chartValues:[118,125,131,146,153,168,182,196,218],chartTimestamps:["13:40","13:45","13:50","13:55","14:00","14:05","14:10","14:15","14:20"]},{id:2,alertId:"AL-20260727-002",title:"构建队列等待时间过长",severity:"CRITICAL",severityText:"严重",status:"processing",statusText:"处理中",source:"CI/CD",firedAt:"14:08",groupNames:["平台组"],triggerValue:"14min",chartValues:[4,5,5,7,8,10,12,14],chartTimestamps:["13:33","13:38","13:43","13:48","13:53","13:58","14:03","14:08"]},{id:3,alertId:"AL-20260727-003",title:"磁盘使用率接近阈值",severity:"INFO",severityText:"提示",status:"RESOLVED",statusText:"已恢复",source:"node-03",firedAt:"13:56",groupNames:["运维组"],triggerValue:"88%",chartValues:[72,75,78,81,85,88,83,78],chartTimestamps:["13:21","13:26","13:31","13:36","13:41","13:46","13:51","13:56"]}]},build_projects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68},{pipelineId:2,buildId:102,jobName:"quark-api",statusText:"构建中",currentStage:"镜像打包",buildUser:"李工",progress:42}]},build_distribution:{total:100,items:[{name:"应用构建",count:42},{name:"镜像构建",count:27},{name:"基础设施",count:18},{name:"其他任务",count:13}]},endpoint_distribution:{summary:{total:3},items:[{id:1,nodeName:"edge-01",nodeIp:"10.10.2.11",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:12.4}]},{id:2,nodeName:"edge-02",nodeIp:"10.10.2.12",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:18.7}]},{id:3,nodeName:"edge-03",nodeIp:"10.10.2.13",nodeStatus:!1,heartbeatResults:[]}]},external_embed:{}};function FQe(r){return JSON.parse(JSON.stringify(wge[r]))}St.BigScreenAlertRow=qV,St.BigScreenBuildDistribution=HV,St.BigScreenBuildProjects=WV,St.BigScreenDutyContent=zV,St.BigScreenEndpointDistribution=cee,St.BigScreenExternalEmbed=hee,St.BigScreenHeader=fme,St.BigScreenMetricCard=GV,St.BigScreenPanel=hd,St.BigScreenRobotSummary=wme,St.BigScreenTemplateRenderer=VQe,St.QuarkAlertDialog=yge,St.QuarkBaseModal=pee,St.QuarkCollapse=pQe,St.QuarkCollapseItem=yQe,St.QuarkDutyCompact=hRe,St.QuarkMetricTrendChart=ub,St.QuarkRobot=fee,St.QuarkRobotHalo=dee,St.QuarkTimeline=_ge,St.QuarkTimelineItem=bge,St.QuarkTopHeader=vee,St.QuarkUiButton=Lg,St.QuarkUiSegmented=VV,St.bigScreenPreviewFixtures=wge,St.getBigScreenPreviewData=FQe,Object.defineProperty(St,Symbol.toStringTag,{value:"Module"})}));
|
|
175
|
+
`}},xAxis:{type:"category",boundaryGap:!1,data:w.value,minInterval:1,axisLabel:{color:Q,fontSize:de?9:10,interval:"auto",hideOverlap:!0,margin:10},axisLine:{lineStyle:{color:"rgba(148,163,184,0.22)"}},axisTick:{show:!1}},yAxis:{type:"value",scale:!0,min:ft=>ft.min===ft.max?ft.min-1:void 0,max:ft=>ft.min===ft.max?ft.max+1:void 0,splitNumber:de?3:4,axisLabel:{color:Q,fontSize:de?9:10,formatter:ft=>_(ft),margin:8},splitLine:{lineStyle:{color:le,type:"dashed"}},axisLine:{show:!1},axisTick:{show:!1}},series:tt}});function U(){t.value&&((!o||o.isDisposed())&&(o=V5e(t.value,void 0,{renderer:"canvas"}),ke()),o.clear(),o.setOption(H.value,!0))}async function V(Q=!1){await b.nextTick(),t.value&&(Q&&o&&(o.dispose(),o=null),U())}function W(){i.value=null}function pe(Q){const le=e.compact,de=le?40:52,tt=le?18:26,ft=le?34:42,Ht=le?22:34;return{minX:de,maxX:Math.max(de,Q.width-tt),top:ft,height:Math.max(0,Q.height-ft-Ht)}}function ce(){a.value=null,h=null,window.removeEventListener("mousemove",ut),window.removeEventListener("mouseup",Mt),window.removeEventListener("touchmove",Xn),window.removeEventListener("touchend",no),window.removeEventListener("touchcancel",Bi)}function te(){c&&(clearTimeout(c),c=null),f=null}function ke(){!o||l||(o.getZr().on("mousedown",or),l=!0)}function ne(){!o||!l||(o.getZr().off("mousedown",or),l=!1)}function be(){!t.value||u||(t.value.addEventListener("touchstart",Mn,{passive:!0}),u=!0)}function He(){!t.value||!u||(t.value.removeEventListener("touchstart",Mn),u=!1)}function Fe(Q){if(!h)return;const le=Math.min(h.startX,Q),de=Math.max(h.startX,Q);a.value={left:`${le}px`,top:`${h.top}px`,width:`${Math.max(0,de-le)}px`,height:`${h.height}px`}}function rt(Q,le){var ul,cl;if(!g.value.length)return null;const de=((ul=i.value)==null?void 0:ul.start)??0,tt=((cl=i.value)==null?void 0:cl.end)??g.value.length-1,ft=tt-de+1;if(ft<2||!h)return null;const Ht=h.maxX-h.minX;if(Ht<=0)return null;const Pe=(Q-h.minX)/Ht,ge=(le-h.minX)/Ht,Ae=Math.round(Math.min(Pe,ge)*(ft-1)),Ie=Math.round(Math.max(Pe,ge)*(ft-1)),$e=Math.max(de,Math.min(tt,de+Ae)),bt=Math.max(de,Math.min(tt,de+Ie));return bt-$e<1||$e===de&&bt===tt?null:{start:$e,end:bt}}function ut(Q){if(!h)return;const le=Q.clientX-h.rect.left,de=Math.max(h.minX,Math.min(h.maxX,le));Fe(de)}function nt(Q){if(!h)return;if(Math.abs(Q-h.startX)>=12){const de=rt(h.startX,Q);de&&(i.value=de)}ce()}function Mt(Q){if(!h)return;const le=Q.clientX-h.rect.left,de=Math.max(h.minX,Math.min(h.maxX,le));nt(de)}function or(Q){if(!e.enableSelectionZoom||e.compact||S.value.length<2||!t.value||Q.event&&Q.event.button!==0)return;const le=t.value.getBoundingClientRect(),de=pe(le);Q.offsetX<de.minX||Q.offsetX>de.maxX||Q.offsetY<de.top||Q.offsetY>de.top+de.height||(h={rect:le,startX:Q.offsetX,minX:de.minX,maxX:de.maxX,top:de.top,height:de.height},Fe(Q.offsetX),window.addEventListener("mousemove",ut),window.addEventListener("mouseup",Mt))}function Rr(Q){if(!t.value)return null;const le=Q.touches[0]||Q.changedTouches[0];if(!le)return null;const de=t.value.getBoundingClientRect();return{offsetX:le.clientX-de.left,offsetY:le.clientY-de.top,clientX:le.clientX,clientY:le.clientY}}function Mn(Q){if(!e.enableSelectionZoom||e.compact||S.value.length<2||Q.touches.length!==1)return;const le=Rr(Q);le&&(te(),ce(),f={startClientX:le.clientX,startClientY:le.clientY,startOffsetX:le.offsetX,startOffsetY:le.offsetY,active:!1,cancelled:!1},window.addEventListener("touchmove",Xn,{passive:!1}),window.addEventListener("touchend",no,{passive:!1}),window.addEventListener("touchcancel",Bi,{passive:!1}),c=setTimeout(()=>{!f||f.cancelled||(or({offsetX:f.startOffsetX,offsetY:f.startOffsetY}),h&&(f.active=!0,Fe(f.startOffsetX)))},UJe))}function Xn(Q){const le=Rr(Q);if(!le)return;if(f&&!f.active){const tt=le.clientX-f.startClientX,ft=le.clientY-f.startClientY;if(Math.abs(ft)>jJe&&Math.abs(ft)>Math.abs(tt)*1.2){f.cancelled=!0,te(),ce();return}return}if(!h)return;const de=Math.max(h.minX,Math.min(h.maxX,le.offsetX));Fe(de),Q.preventDefault()}function no(Q){const le=!!(f!=null&&f.active);if(te(),!h){ce();return}const de=Rr(Q);if(!de){ce();return}const tt=Math.max(h.minX,Math.min(h.maxX,de.offsetX));nt(tt),le&&Q.preventDefault()}function Bi(){te(),ce()}return b.onMounted(()=>{V(!0),t.value&&(s=new ResizeObserver(()=>{o==null||o.resize()}),s.observe(t.value)),be()}),b.watch(H,()=>{V(!1)},{deep:!0}),b.watch(E,(Q,le)=>{typeof window<"u"&&window.__QUARK_DEBUG_METRIC__&&console.debug("[MetricTrendChart]",{prevSignature:le,nextSignature:Q,rawValues:e.values,rawTimestamps:e.timestamps,safeValues:p.value,points:g.value.length});const de=le?JSON.parse(le).values.length:0,tt=JSON.parse(Q).values.length;V(de<2||tt<2)}),b.watch(()=>e.height,()=>{V(!1)}),b.watch(()=>[e.values,e.timestamps],()=>{i.value=null},{deep:!0}),b.onBeforeUnmount(()=>{ne(),He(),s==null||s.disconnect(),s=null,te(),ce(),o==null||o.dispose(),o=null}),(Q,le)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["metric-trend-chart",{"is-compact":r.compact,"is-selection-enabled":r.enableSelectionZoom&&!r.compact}])},[x.value?(b.openBlock(),b.createElementBlock("button",{key:0,type:"button",class:"metric-trend-chart__reset",onClick:W}," 重置范围 ")):b.createCommentVNode("",!0),b.createElementVNode("div",{ref_key:"chartRef",ref:t,class:"metric-trend-chart__canvas",style:b.normalizeStyle({height:`${r.height}px`})},null,4),a.value?(b.openBlock(),b.createElementBlock("div",{key:1,class:"metric-trend-chart__selection",style:b.normalizeStyle(a.value)},null,4)):b.createCommentVNode("",!0),p.value.length>0&&!r.compact?(b.openBlock(),b.createElementBlock("div",FJe,[b.createElementVNode("div",{class:b.normalizeClass(["metric-trend-chart__stat",{"is-active":n.value==="min"}]),onMouseenter:le[0]||(le[0]=de=>T("min")),onMouseleave:C},[le[2]||(le[2]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"最小值",-1)),b.createElementVNode("span",zJe,b.toDisplayString(_(k.value.min)),1)],34),b.createElementVNode("div",{class:b.normalizeClass(["metric-trend-chart__stat",{"is-active":n.value==="max"}]),onMouseenter:le[1]||(le[1]=de=>T("max")),onMouseleave:C},[le[3]||(le[3]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"最大值",-1)),b.createElementVNode("span",qJe,b.toDisplayString(_(k.value.max)),1)],34),b.createElementVNode("div",GJe,[le[4]||(le[4]=b.createElementVNode("span",{class:"metric-trend-chart__stat-label"},"平均值",-1)),b.createElementVNode("span",HJe,b.toDisplayString(_(k.value.avg)),1)])])):b.createCommentVNode("",!0),p.value.length<2?(b.openBlock(),b.createElementBlock("div",WJe,b.toDisplayString(p.value.length===1?"数据点不足":"暂无趋势数据"),1)):b.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-2cda3f9e"]]),YJe=["type","disabled"],Lg=Wt(b.defineComponent({__name:"UiButton",props:{variant:{default:"primary"},appearance:{default:"dialog"},size:{default:"md"},type:{default:"button"},disabled:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("button",{class:b.normalizeClass(["ui-button",[`ui-button--${r.variant}`,`ui-button--${r.appearance}`,`ui-button--${r.size}`,{"ui-button--block":r.block}]]),type:r.type,disabled:r.disabled},[b.renderSlot(e.$slots,"default",{},void 0,!0)],10,YJe))}}),[["__scopeId","data-v-5f786839"]]),XJe={class:"alert-dialog-info"},KJe={key:0,class:"alert-dialog-meta"},ZJe={key:1,class:"alert-dialog-grid"},JJe=["disabled","onClick"],QJe={class:"alert-dialog-field-label"},eQe={key:2,class:"alert-dialog-content"},tQe={key:0,class:"alert-dialog-chart-card"},rQe={class:"alert-dialog-chart-title"},nQe={key:1,class:"alert-dialog-normal"},iQe={key:0,class:"alert-dialog-meta"},aQe={key:1,class:"alert-dialog-content"},oQe={key:2,class:"alert-dialog-details"},sQe={key:3,class:"alert-dialog-footer"},yge=Wt(b.defineComponent({__name:"AlertDialog",props:{modelValue:{type:Boolean},title:{},subtitle:{default:""},content:{default:""},layout:{default:"normal"},level:{default:"info"},source:{default:""},timestamp:{default:""},showCloseButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!1},showConfirmButton:{type:Boolean,default:!1},titleAlign:{default:"center"},cancelText:{default:"关闭"},confirmText:{default:"确认"},actionSize:{default:"md"},closeOnMask:{type:Boolean,default:!0},autoCloseMs:{default:0},monitorFields:{default:()=>[]},trend:{default:()=>[]},chartTimestamps:{default:()=>[]},chartTriggerTime:{default:""},chartTriggerValue:{default:""},chartContext:{default:()=>({})},chartTitle:{default:""},chartPlacement:{default:"side"},chartShowExtremaMarkers:{type:Boolean,default:!1},chartEnableExtremaHover:{type:Boolean,default:!1},chartEnableSelectionZoom:{type:Boolean,default:!1},infoItems:{default:()=>[]},monitorFieldsVariant:{default:"cards"}},emits:["update:modelValue","close","confirm","timeout"],setup(r,{emit:e}){const t=r,n=e;let i=null,a=null;const o=b.ref(0),s=b.ref(null),l=b.computed(()=>t.layout==="monitor"?"min(92vw, 1180px)":"min(92vw, 760px)"),u=b.computed(()=>t.showCancelButton||t.showConfirmButton),c=b.computed(()=>{const _=[];if(t.source&&_.push({key:"source",value:t.source}),t.timestamp){const S=typeof t.timestamp=="number"?new Date(t.timestamp):new Date(String(t.timestamp));_.push({key:"timestamp",value:Number.isNaN(S.getTime())?String(t.timestamp):S.toLocaleString("zh-CN")})}return _}),h=b.computed(()=>{const _=[...c.value];return t.infoItems.forEach((S,w)=>{S&&_.push({key:`info-${w}`,value:S})}),_}),f=b.computed(()=>t.trend.filter(_=>Number.isFinite(_))),d=b.computed(()=>f.value.length>1),v=b.computed(()=>{switch(t.level){case"critical":return"#ef4444";case"warning":return"#f59e0b";case"recovery":return"#10b981";default:return"#38bdf8"}});function p(){i&&(clearTimeout(i),i=null),a&&(clearInterval(a),a=null),o.value=0}function g(){p(),!(!t.modelValue||!t.autoCloseMs||t.autoCloseMs<=0)&&(o.value=t.autoCloseMs,a=setInterval(()=>{o.value=Math.max(0,o.value-1e3)},1e3),i=setTimeout(()=>{p(),n("timeout"),m()},t.autoCloseMs))}function m(){p(),s.value=null,n("update:modelValue",!1),n("close")}function y(_){s.value=s.value===_?null:_}return b.watch(()=>[t.modelValue,t.autoCloseMs],g,{immediate:!0}),b.watch(()=>t.modelValue,_=>{_||(s.value=null)}),b.onBeforeUnmount(p),(_,S)=>(b.openBlock(),b.createBlock(pee,{"model-value":r.modelValue,title:r.title,eyebrow:"","title-align":r.titleAlign,"show-close-button":r.showCloseButton,"close-on-mask":r.closeOnMask,padded:!1,width:l.value,"panel-class":"alert-dialog-panel","mask-class":"alert-dialog-mask","onUpdate:modelValue":S[1]||(S[1]=w=>n("update:modelValue",w)),onClose:m},{default:b.withCtx(()=>[b.createElementVNode("div",{class:b.normalizeClass(["alert-dialog",[`alert-dialog--${r.level}`,`alert-dialog--${r.layout}`,`alert-dialog--title-${r.titleAlign}`]])},[r.layout==="monitor"?(b.openBlock(),b.createElementBlock("div",{key:0,class:b.normalizeClass(["alert-dialog-monitor",{"alert-dialog-monitor--bottom":r.chartPlacement==="bottom"}])},[b.createElementVNode("div",XJe,[h.value.length?(b.openBlock(),b.createElementBlock("div",KJe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(h.value,w=>(b.openBlock(),b.createElementBlock("span",{key:w.key,class:"alert-dialog-meta-item"},b.toDisplayString(w.value),1))),128))])):b.createCommentVNode("",!0),r.monitorFields.length?(b.openBlock(),b.createElementBlock("div",ZJe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(r.monitorFields,w=>(b.openBlock(),b.createElementBlock("button",{key:w.label,type:"button",class:b.normalizeClass(["alert-dialog-field",`alert-dialog-field--${r.monitorFieldsVariant}`,{"is-clickable":w.marker,"is-active":s.value===w.marker}]),disabled:!w.marker,onClick:x=>w.marker&&y(w.marker)},[b.createElementVNode("span",QJe,b.toDisplayString(w.label),1),b.createElementVNode("span",{class:b.normalizeClass(["alert-dialog-field-value",{"is-mono":w.mono,"is-accent":w.accent}])},b.toDisplayString(w.value),3)],10,JJe))),128))])):b.createCommentVNode("",!0),r.content?(b.openBlock(),b.createElementBlock("p",eQe,b.toDisplayString(r.content),1)):b.renderSlot(_.$slots,"default",{},void 0,!0,3)]),d.value?(b.openBlock(),b.createElementBlock("div",tQe,[b.createElementVNode("p",rQe,b.toDisplayString(r.chartTitle||"监控趋势"),1),b.createVNode(ub,{class:"alert-dialog-chart",values:f.value,timestamps:r.chartTimestamps,"trigger-time":r.chartTriggerTime,"trigger-value":r.chartTriggerValue,context:r.chartContext,color:v.value,height:220,"show-extrema-markers":r.chartShowExtremaMarkers,"enable-extrema-hover":r.chartEnableExtremaHover,"active-marker":s.value,"enable-selection-zoom":r.chartEnableSelectionZoom},null,8,["values","timestamps","trigger-time","trigger-value","context","color","show-extrema-markers","enable-extrema-hover","active-marker","enable-selection-zoom"])])):b.createCommentVNode("",!0)],2)):(b.openBlock(),b.createElementBlock("div",nQe,[h.value.length?(b.openBlock(),b.createElementBlock("div",iQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(h.value,w=>(b.openBlock(),b.createElementBlock("span",{key:w.key,class:"alert-dialog-meta-item"},b.toDisplayString(w.value),1))),128))])):b.createCommentVNode("",!0),r.content?(b.openBlock(),b.createElementBlock("p",aQe,b.toDisplayString(r.content),1)):b.renderSlot(_.$slots,"default",{},void 0,!0,2)])),_.$slots.details?(b.openBlock(),b.createElementBlock("div",oQe,[b.renderSlot(_.$slots,"details",{},void 0,!0)])):b.createCommentVNode("",!0),_.$slots.footer||u.value?(b.openBlock(),b.createElementBlock("div",sQe,[b.renderSlot(_.$slots,"footer",{},()=>[r.showCancelButton?(b.openBlock(),b.createBlock(Lg,{key:0,variant:"secondary",appearance:"dialog",size:r.actionSize,onClick:m},{default:b.withCtx(()=>[b.createTextVNode(b.toDisplayString(r.cancelText),1)]),_:1},8,["size"])):b.createCommentVNode("",!0),r.showConfirmButton?(b.openBlock(),b.createBlock(Lg,{key:1,variant:"primary",appearance:"dialog",size:r.actionSize,onClick:S[0]||(S[0]=w=>n("confirm"))},{default:b.withCtx(()=>[b.createTextVNode(b.toDisplayString(r.confirmText),1)]),_:1},8,["size"])):b.createCommentVNode("",!0)],!0)])):b.createCommentVNode("",!0)],2)]),_:3},8,["model-value","title","title-align","show-close-button","close-on-mask","width"]))}}),[["__scopeId","data-v-ae5198b7"]]),_ge=Wt(b.defineComponent({__name:"Timeline",props:{theme:{default:"default"}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-timeline",`quark-timeline--${r.theme}`])},[b.renderSlot(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-edeffd99"]]),lQe={key:0,class:"quark-tl-item__label"},uQe={key:1,class:"quark-tl-item__rail"},cQe={class:"quark-tl-item__dot-content"},hQe={class:"quark-tl-item__dot"},fQe={class:"quark-tl-item__body"},dQe={class:"quark-tl-item__content"},vQe={key:0,class:"quark-tl-item__time"},bge=Wt(b.defineComponent({__name:"TimelineItem",props:{time:{},active:{type:Boolean,default:!1},last:{type:Boolean,default:!1},lineColor:{default:""},dotColor:{default:""},hideDot:{type:Boolean,default:!1},dotType:{default:"solid"},lineType:{default:"solid"},label:{default:""}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-tl-item",{"quark-tl-item--active":r.active,"quark-tl-item--last":r.last}])},[e.$slots.label||r.label?(b.openBlock(),b.createElementBlock("div",lQe,[b.renderSlot(e.$slots,"label",{},()=>[b.createTextVNode(b.toDisplayString(r.label),1)],!0)])):b.createCommentVNode("",!0),r.hideDot?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",uQe,[r.last?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",{key:0,class:"quark-tl-item__line",style:b.normalizeStyle({borderColor:r.lineColor||void 0,borderLeftStyle:r.lineType})},null,4)),b.createElementVNode("div",cQe,[b.createElementVNode("div",hQe,[b.renderSlot(e.$slots,"dot",{},()=>[b.createElementVNode("div",{class:b.normalizeClass(["quark-tl-item__dot-inner",`quark-tl-item__dot-inner--${r.dotType}`]),style:b.normalizeStyle(r.dotColor?{backgroundColor:r.dotType==="solid"?r.dotColor:void 0,borderColor:r.dotColor}:{})},null,6)],!0)])])])),b.createElementVNode("div",fQe,[b.createElementVNode("div",dQe,[b.renderSlot(e.$slots,"default",{},void 0,!0)]),r.time?(b.openBlock(),b.createElementBlock("div",vQe,b.toDisplayString(r.time),1)):b.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-192169cf"]]),pQe=Wt(b.defineComponent({__name:"Collapse",props:{defaultActiveKey:{default:()=>[]},accordion:{type:Boolean,default:!1},theme:{default:"default"},card:{type:Boolean,default:!1}},setup(r){const e=r,t=b.ref(new Set(e.defaultActiveKey));function n(i){e.accordion?t.value.has(i)?t.value.clear():t.value=new Set([i]):t.value.has(i)?(t.value.delete(i),t.value=new Set(t.value)):(t.value.add(i),t.value=new Set(t.value))}return b.provide("collapse-active-keys",t),b.provide("collapse-toggle",n),b.provide("collapse-theme",b.computed(()=>e.theme)),b.provide("collapse-card",b.computed(()=>e.card)),(i,a)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-collapse",`quark-collapse--${r.theme}`,{"quark-collapse--card":r.card}])},[b.renderSlot(i.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-e15791ba"]]),gQe={class:"quark-CollapseItem__header-content"},mQe={class:"quark-CollapseItem__body"},yQe=Wt(b.defineComponent({__name:"CollapseItem",props:{itemKey:{},key:{},header:{},disabled:{type:Boolean,default:!1}},setup(r){const e=r,t=b.computed(()=>e.itemKey??e.key??e.header??"collapse-item"),n=b.inject("collapse-active-keys"),i=b.inject("collapse-toggle"),a=b.inject("collapse-theme"),o=b.inject("collapse-card"),s=b.computed(()=>n.value.has(t.value));function l(){e.disabled||i(t.value)}return(u,c)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["quark-CollapseItem",{"quark-CollapseItem--active":s.value,"quark-CollapseItem--card":b.unref(o),"quark-CollapseItem--disabled":r.disabled},`quark-CollapseItem--${b.unref(a)}`])},[b.createElementVNode("div",{class:b.normalizeClass(["quark-CollapseItem__header",{"quark-CollapseItem__header--active":s.value}]),onClick:l},[b.createElementVNode("span",{class:b.normalizeClass(["quark-CollapseItem__arrow",{"quark-CollapseItem__arrow--open":s.value}])},[...c[1]||(c[1]=[b.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"currentColor"},[b.createElementVNode("path",{d:"M4.7 2.3a.5.5 0 0 0-.7.7L7.3 6 4 9a.5.5 0 0 0 .7.7l3.7-3.7a.5.5 0 0 0 0-.7L4.7 2.3z"})],-1)])],2),b.createElementVNode("div",gQe,[b.renderSlot(u.$slots,"header",{},()=>[b.createTextVNode(b.toDisplayString(r.header),1)],!0)]),u.$slots.extra?(b.openBlock(),b.createElementBlock("div",{key:0,class:"quark-CollapseItem__extra",onClick:c[0]||(c[0]=b.withModifiers(()=>{},["stop"]))},[b.renderSlot(u.$slots,"extra",{},void 0,!0)])):b.createCommentVNode("",!0)],2),b.withDirectives(b.createElementVNode("div",mQe,[b.renderSlot(u.$slots,"default",{},void 0,!0)],512),[[b.vShow,s.value]])],2))}}),[["__scopeId","data-v-a1768f99"]]),_Qe=["aria-label"],bQe=["aria-checked","onClick"],SQe={class:"ui-segmented__label"},wQe={key:0,class:"ui-segmented__badge"},VV=Wt(b.defineComponent({__name:"UiSegmented",props:{modelValue:{},items:{},ariaLabel:{},variant:{default:"default"},size:{default:"md"}},emits:["update:modelValue"],setup(r,{emit:e}){const t=e;return(n,i)=>(b.openBlock(),b.createElementBlock("div",{class:b.normalizeClass(["ui-segmented",[`ui-segmented--${r.variant}`,`ui-segmented--${r.size}`]]),role:"radiogroup","aria-label":r.ariaLabel},[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(r.items,a=>(b.openBlock(),b.createElementBlock("button",{key:a.value,class:b.normalizeClass(["ui-segmented__item",{"ui-segmented__item--active":r.modelValue===a.value}]),type:"button",role:"radio","aria-checked":r.modelValue===a.value,onClick:o=>t("update:modelValue",a.value)},[b.createElementVNode("span",SQe,b.toDisplayString(a.label),1),a.badge!==void 0?(b.openBlock(),b.createElementBlock("span",wQe,b.toDisplayString(a.badge),1)):b.createCommentVNode("",!0)],10,bQe))),128))],10,_Qe))}}),[["__scopeId","data-v-3edc6ae6"]]),xQe=Wt(b.defineComponent({__name:"UiMetricValue",props:{value:{},tone:{default:""},size:{default:"lg"}},setup(r){return(e,t)=>(b.openBlock(),b.createElementBlock("span",{class:b.normalizeClass(["ui-metric-value",`ui-metric-value--${r.size}`]),style:b.normalizeStyle(r.tone?{color:r.tone}:void 0)},b.toDisplayString(r.value),7))}}),[["__scopeId","data-v-fd8f0268"]]),EQe={key:0,class:"template-screen__state"},TQe={key:1,class:"template-screen__canvas"},CQe={key:0,class:"template-screen__header"},IQe={class:"template-screen__alerts"},DQe={key:0,class:"template-screen__placeholder"},AQe={key:4,class:"template-screen__metrics"},kQe={key:0,class:"template-screen__robot"},OQe={key:4,class:"template-screen__placeholder"},PQe={class:"template-alert-detail"},MQe={key:0,class:"template-alert-detail__state"},RQe={key:1,class:"template-alert-detail__state is-error"},NQe={key:2,class:"template-alert-detail__section"},LQe={class:"template-alert-detail__entry"},BQe={key:0},$Qe={key:1,class:"template-alert-detail__state"},FV=48,Sge=5,VQe=Wt(b.defineComponent({__name:"BigScreenTemplateRenderer",props:{runtime:{},showHalo:{type:Boolean},loadAlertDetail:{type:Function}},emits:["secretTap","openDuty"],setup(r,{emit:e}){const t=r,n=e,i=b.ref("active"),a=b.ref("all"),o=b.ref(null),s=b.ref(!1),l=b.ref(null),u=b.ref(!1),c=b.ref("");let h=0;b.computed(()=>{var R;return((R=t.runtime)==null?void 0:R.profile.baseWidth)||1920});const f=b.computed(()=>{var R;return((R=t.runtime)==null?void 0:R.profile.baseHeight)||1080}),d=b.computed(()=>{var R,B;return Math.max(1,Number((B=(R=t.runtime)==null?void 0:R.profile.theme)==null?void 0:B.gridColumns)||16)}),v=b.computed(()=>{var R,B;return Number((B=(R=t.runtime)==null?void 0:R.profile.theme)==null?void 0:B.gridRowHeight)||0}),p=b.computed(()=>{var R;return(((R=t.runtime)==null?void 0:R.widgets)||[]).filter(B=>B.enabled)}),g=b.computed(()=>p.value.some(R=>R.widgetType==="screen_header")),m=R=>{const B=`${R.layout.w/d.value*100}%`,$=`${R.layout.x/d.value*100}%`;if(v.value)return{left:$,top:`${R.layout.y*v.value/f.value*100}%`,width:B,height:`${R.layout.h*v.value/f.value*100}%`};if(!g.value)return{left:$,top:`${R.layout.y/12*100}%`,width:B,height:`${R.layout.h/12*100}%`};if(R.widgetType==="screen_header")return{left:$,top:"0",width:B,height:`${FV/f.value*100}%`};const z=v.value||(f.value-FV-Sge)/11,F=FV+Sge+Math.max(0,R.layout.y-1)*z;return{left:$,top:`${F/f.value*100}%`,width:B,height:`${R.layout.h*z/f.value*100}%`}},y=R=>R.data.stats||{},_=R=>R.data.items||[],S=R=>R.data.groups||[];function w(R){const B=String(R.severity||"").toLowerCase();return B.includes("crit")||B.includes("high")?"high":B.includes("warn")||B.includes("mid")?"mid":"low"}function x(R){return{high:"#ef4444",mid:"#f59e0b",low:"#38bdf8"}[w(R)]}function E(R){return String(R.status||"").toUpperCase()==="RESOLVED"}const T=R=>_(R).filter(B=>i.value==="resolved"?E(B):!E(B)).filter(B=>a.value==="all"||w(B)===a.value),C=R=>{const B=y(R);return[{label:"告警中",value:"active",badge:Number(B.todayPending||0)},{label:"已恢复",value:"resolved",badge:Number(B.todayResolved||0)}]},I=R=>{const B=_(R).filter($=>i.value==="resolved"?E($):!E($));return[{label:"全部",value:"all",badge:B.length},{label:"严重",value:"high",badge:B.filter($=>w($)==="high").length},{label:"警告",value:"mid",badge:B.filter($=>w($)==="mid").length},{label:"提示",value:"low",badge:B.filter($=>w($)==="low").length}]};function D(){t.runtime||n("secretTap")}async function k(R){const B=++h;o.value=R,l.value=null,c.value="",u.value=!0,s.value=!0;try{const $=t.loadAlertDetail?await t.loadAlertDetail(R.id):null;B===h&&(l.value=$.alert||null)}catch($){B===h&&(c.value=$ instanceof Error?$.message:"获取告警详情失败")}finally{B===h&&(u.value=!1)}}const A=b.computed(()=>({...o.value||{},...l.value||{}})),P=b.computed(()=>{var $,z,F,H;const R=A.value;if(!R.id)return[];const B=R.labels||{};return[R.source?`来源 · ${R.source}`:"",R.groupName||($=R.groupNames)!=null&&$[0]?`分组 · ${R.groupName||((z=R.groupNames)==null?void 0:z[0])}`:"",R.assignedUserName||(F=R.assignedUsers)!=null&&F[0]?`负责人 · ${R.assignedUserName||((H=R.assignedUsers)==null?void 0:H[0])}`:"",R.severityText||R.severity?`级别 · ${R.severityText||R.severity}`:"",R.firedAt?`首次触发 · ${R.firedAt}`:"",R.triggerTime?`触发时间 · ${R.triggerTime}`:"",R.escalationCount!=null?`触发次数 · ${R.escalationCount}`:"",B.job?`Job · ${B.job}`:"",B.instance?`Instance · ${B.instance}`:""].filter(Boolean)}),M=b.computed(()=>{var $,z;const R=((($=l.value)==null?void 0:$.actions)||[]).map(F=>({type:"action",time:F.createdAt||"",title:N(F.actionType),content:F.content||"",operator:F.operatorName||""})),B=(((z=l.value)==null?void 0:z.fires)||[]).map(F=>({type:"fire",time:F.firedAt||"",title:`告警触发 · ${F.severityText||F.severity||""}`,content:F.content||F.triggerValue||"",chartValues:F.chartValues||[],chartTimestamps:F.chartTimestamps||[]}));return[...R,...B].sort((F,H)=>String(F.time).localeCompare(String(H.time)))});function N(R){return{ASSIGN:"分配",ACK:"确认",ACKNOWLEDGED:"确认",COMMENT:"备注",ESCALATE:"升级",RESOLVE:"解决",RESOLVED:"解决",REOPEN:"告警复现",SUPPRESS:"抑制",SILENCE:"静默",REASSIGN:"转交",COLLABORATE:"协同处理"}[R||""]||R||"操作"}function L(){h++,s.value=!1,l.value=null,c.value=""}return(R,B)=>{var $,z;return b.openBlock(),b.createElementBlock("div",{class:"template-screen",onDblclick:D},[r.runtime?(b.openBlock(),b.createElementBlock("div",TQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(p.value,F=>(b.openBlock(),b.createElementBlock("article",{key:F.id,class:b.normalizeClass(["template-screen__widget",{"template-screen__widget--header":F.widgetType==="screen_header"}]),style:b.normalizeStyle(m(F))},[F.widgetType==="screen_header"?(b.openBlock(),b.createElementBlock("div",CQe,[b.createVNode(vee,{title:String(F.props.title||"运维监控大屏"),time:String(F.data.timeText||"--:--"),date:`${F.data.dateText||""} ${F.data.weekdayText||""}`,onTitleDoubleClick:B[0]||(B[0]=H=>n("secretTap"))},null,8,["title","time","date"])])):F.widgetType==="external_embed"?(b.openBlock(),b.createBlock(hee,{key:1,title:F.title||"外部仪表盘",url:String(F.props.url||"")},null,8,["title","url"])):F.widgetType==="endpoint_distribution"?(b.openBlock(),b.createBlock(hd,{key:2,title:F.title||"端点分布图",class:"template-screen__panel"},{default:b.withCtx(()=>[b.createVNode(cee,{items:_(F)},null,8,["items"])]),_:2},1032,["title"])):F.widgetType==="alert_latest"?(b.openBlock(),b.createBlock(hd,{key:3,title:F.title||"最新告警",class:"template-screen__panel"},{"header-center":b.withCtx(()=>[b.createVNode(VV,{modelValue:i.value,"onUpdate:modelValue":B[1]||(B[1]=H=>i.value=H),items:C(F),variant:"tech",size:"xs","aria-label":"告警状态筛选"},null,8,["modelValue","items"])]),"header-extra":b.withCtx(()=>[b.createVNode(VV,{modelValue:a.value,"onUpdate:modelValue":B[2]||(B[2]=H=>a.value=H),items:I(F),variant:"tech",size:"xs","aria-label":"告警级别筛选"},null,8,["modelValue","items"])]),default:b.withCtx(()=>[b.createElementVNode("div",IQe,[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(T(F),H=>{var U;return b.openBlock(),b.createBlock(qV,{key:H.id,title:H.title,group:((U=H.groupNames)==null?void 0:U.join(" / "))||"未分组",time:H.firedAt,"status-text":H.statusText||H.status,accent:x(H),onSelect:V=>k(H)},{aside:b.withCtx(()=>{var V;return[(V=H.chartValues)!=null&&V.length?(b.openBlock(),b.createBlock(ub,{key:0,values:H.chartValues,timestamps:H.chartTimestamps||[],"trigger-time":H.firedAt,"trigger-value":H.triggerValue||"",color:x(H),height:72,compact:""},null,8,["values","timestamps","trigger-time","trigger-value","color"])):b.createCommentVNode("",!0)]}),_:2},1032,["title","group","time","status-text","accent","onSelect"])}),128)),T(F).length?b.createCommentVNode("",!0):(b.openBlock(),b.createElementBlock("div",DQe,"暂无符合条件的告警"))])]),_:2},1032,["title"])):F.widgetType==="alert_overview"?(b.openBlock(),b.createElementBlock("div",AQe,[(b.openBlock(),b.createElementBlock(b.Fragment,null,b.renderList([{label:"总数",key:"todayTotal",tone:"oklch(0.82 0.13 200)"},{label:"待处理",key:"todayPending",tone:"oklch(0.82 0.15 75)"},{label:"已处理",key:"todayResolved",tone:"oklch(0.74 0.16 155)"},{label:"逾期待处理",key:"overdueTotal",tone:"oklch(0.68 0.22 25)"}],H=>b.createVNode(GV,{key:H.key,label:H.label,tone:H.tone},{default:b.withCtx(()=>[b.createVNode(xQe,{value:y(F)[H.key]||0,tone:H.tone,size:"lg"},null,8,["value","tone"])]),_:2},1032,["label","tone"])),64))])):(b.openBlock(),b.createBlock(hd,{key:5,title:F.title||F.widgetType,class:"template-screen__panel"},b.createSlots({default:b.withCtx(()=>{var H,U,V,W,pe,ce,te,ke,ne,be,He,Fe,rt;return[F.widgetType==="robot"?(b.openBlock(),b.createElementBlock("div",kQe,[r.showHalo?(b.openBlock(),b.createBlock(dee,{key:0,width:180})):b.createCommentVNode("",!0),b.createVNode(fee,{emotion:String(F.data.emotion||"neutral")},null,8,["emotion"])])):F.widgetType==="duty_today"?(b.openBlock(),b.createBlock(zV,{key:1,compact:"","person-name":((V=(U=(H=S(F)[0])==null?void 0:H.users)==null?void 0:U[0])==null?void 0:V.nickName)||((ce=(pe=(W=S(F)[0])==null?void 0:W.users)==null?void 0:pe[0])==null?void 0:ce.username)||"暂无值班人员","person-phone":((ne=(ke=(te=S(F)[0])==null?void 0:te.users)==null?void 0:ke[0])==null?void 0:ne.phone)||"","person-tag":((be=S(F)[0])==null?void 0:be.groupName)||"每日告警值班"},null,8,["person-name","person-phone","person-tag"])):F.widgetType==="build_projects"?(b.openBlock(),b.createBlock(WV,{key:2,items:_(F),"building-count":Number(((He=F.data.summary)==null?void 0:He.buildingCount)||0),"today-builds":Number(((Fe=F.data.summary)==null?void 0:Fe.todayBuilds)||0),"success-rate":Number(((rt=F.data.summary)==null?void 0:rt.successRate)||0)},null,8,["items","building-count","today-builds","success-rate"])):F.widgetType==="build_distribution"?(b.openBlock(),b.createBlock(HV,{key:3,items:_(F),total:Number(F.data.total||0)},null,8,["items","total"])):(b.openBlock(),b.createElementBlock("div",OQe,"暂无可展示内容"))]}),_:2},[F.widgetType==="duty_today"&&F.props.showAllButton!==!1?{name:"header-extra",fn:b.withCtx(()=>[b.createVNode(Lg,{variant:"secondary",appearance:"tech",size:"xs",onClick:B[3]||(B[3]=H=>n("openDuty"))},{default:b.withCtx(()=>[...B[5]||(B[5]=[b.createTextVNode("全部值班",-1)])]),_:1})]),key:"0"}:void 0]),1032,["title"]))],6))),128))])):(b.openBlock(),b.createElementBlock("div",EQe,"请先在设置中选择大屏模板")),o.value?(b.openBlock(),b.createBlock(yge,{key:2,modelValue:s.value,"onUpdate:modelValue":B[4]||(B[4]=F=>s.value=F),title:"告警详情",subtitle:`${A.value.groupName||(($=A.value.groupNames)==null?void 0:$[0])||"系统告警"} · ${A.value.assignedUserName||((z=A.value.assignedUsers)==null?void 0:z[0])||"未分配"}`,layout:"monitor",level:w(A.value)==="high"?"critical":w(A.value)==="mid"?"warning":"info",content:A.value.content||"暂无详细内容","info-items":P.value,"monitor-fields-variant":"compact",trend:A.value.chartValues||[],"chart-timestamps":A.value.chartTimestamps||[],"chart-trigger-time":A.value.triggerTime||A.value.firedAt||"","chart-trigger-value":A.value.triggerValue||"","chart-title":"监控折线图","chart-placement":"bottom","chart-show-extrema-markers":!1,"chart-enable-extrema-hover":!0,"chart-enable-selection-zoom":!0,"show-cancel-button":!1,"show-confirm-button":!1,"show-close-button":!0,onClose:L},{details:b.withCtx(()=>{var F,H,U,V;return[b.createElementVNode("div",PQe,[u.value?(b.openBlock(),b.createElementBlock("div",MQe,"正在加载告警详情...")):c.value?(b.openBlock(),b.createElementBlock("div",RQe,b.toDisplayString(c.value),1)):(b.openBlock(),b.createElementBlock("section",NQe,[b.createElementVNode("p",null,"完整流水（操作 "+b.toDisplayString(((H=(F=l.value)==null?void 0:F.actions)==null?void 0:H.length)||0)+" 条 + 触发 "+b.toDisplayString(((V=(U=l.value)==null?void 0:U.fires)==null?void 0:V.length)||0)+" 次）",1),M.value.length?(b.openBlock(),b.createBlock(_ge,{key:0},{default:b.withCtx(()=>[(b.openBlock(!0),b.createElementBlock(b.Fragment,null,b.renderList(M.value,(W,pe)=>(b.openBlock(),b.createBlock(bge,{key:`${W.type}-${W.time}-${pe}`,last:pe===M.value.length-1,time:W.time,"dot-color":W.type==="fire"?"#ff7d00":"#0fc6c2"},{default:b.withCtx(()=>{var ce;return[b.createElementVNode("div",LQe,[b.createElementVNode("strong",null,b.toDisplayString(W.title),1),W.operator?(b.openBlock(),b.createElementBlock("span",BQe,b.toDisplayString(W.operator),1)):b.createCommentVNode("",!0),b.createElementVNode("p",null,b.toDisplayString(W.content),1),(ce=W.chartValues)!=null&&ce.length?(b.openBlock(),b.createBlock(ub,{key:1,values:W.chartValues,timestamps:W.chartTimestamps||[],height:180,color:W.type==="fire"?"#ff7d00":"#38bdf8","enable-selection-zoom":!0},null,8,["values","timestamps","color"])):b.createCommentVNode("",!0)])]}),_:2},1032,["last","time","dot-color"]))),128))]),_:1})):(b.openBlock(),b.createElementBlock("div",$Qe,"暂无流水记录"))]))])]}),footer:b.withCtx(()=>[b.createVNode(Lg,{variant:"secondary",appearance:"tech",size:"lg",onClick:L},{default:b.withCtx(()=>[...B[6]||(B[6]=[b.createTextVNode("关闭窗口",-1)])]),_:1})]),_:1},8,["modelValue","subtitle","level","content","info-items","trend","chart-timestamps","chart-trigger-time","chart-trigger-value"])):b.createCommentVNode("",!0)],32)}}}),[["__scopeId","data-v-1eeb2907"]]),wge={screen_header:{dateText:"2026-07-27",timeText:"14:30",weekdayText:"星期一"},robot:{status:"online",mode:"guard",emotion:"neutral",generatedAt:"2026-07-27 14:30:00",summary:{dutyGroups:3,todayAlerts:12,buildingCount:4,endpointNodes:86},alerts:{todayTotal:12,todayPending:3,criticalCount:1,warningCount:5},builds:{buildingCount:4,todayBuilds:28,successRate:98.6}},duty_today:{date:"2026-07-27",totalGroups:3,totalUsers:8,groups:[{groupId:1,groupName:"平台组",users:[{userId:101,nickName:"张工",username:"zhang"},{userId:102,nickName:"李工",username:"li"}]},{groupId:2,groupName:"网络组",users:[{userId:103,nickName:"王工",username:"wang"}]}]},alert_overview:{stats:{todayTotal:12,todayPending:3,todayResolved:8,overdueTotal:1}},alert_latest:{total:3,stats:{todayTotal:12,todayPending:3,todayResolved:9,overdueTotal:1,criticalCount:1,warningCount:5,infoCount:6},items:[{id:1,alertId:"AL-20260727-001",title:"边缘节点延迟升高",severity:"WARN",severityText:"警告",status:"pending",statusText:"待处理",source:"edge-01",firedAt:"14:20",groupNames:["网络组"],triggerValue:"218ms",chartValues:[118,125,131,146,153,168,182,196,218],chartTimestamps:["13:40","13:45","13:50","13:55","14:00","14:05","14:10","14:15","14:20"]},{id:2,alertId:"AL-20260727-002",title:"构建队列等待时间过长",severity:"CRITICAL",severityText:"严重",status:"processing",statusText:"处理中",source:"CI/CD",firedAt:"14:08",groupNames:["平台组"],triggerValue:"14min",chartValues:[4,5,5,7,8,10,12,14],chartTimestamps:["13:33","13:38","13:43","13:48","13:53","13:58","14:03","14:08"]},{id:3,alertId:"AL-20260727-003",title:"磁盘使用率接近阈值",severity:"INFO",severityText:"提示",status:"RESOLVED",statusText:"已恢复",source:"node-03",firedAt:"13:56",groupNames:["运维组"],triggerValue:"88%",chartValues:[72,75,78,81,85,88,83,78],chartTimestamps:["13:21","13:26","13:31","13:36","13:41","13:46","13:51","13:56"]}]},build_projects:{summary:{buildingCount:4,todayBuilds:28,successRate:98.6},items:[{pipelineId:1,buildId:101,jobName:"eagle-eye-web",statusText:"构建中",currentStage:"测试",buildUser:"system",progress:68},{pipelineId:2,buildId:102,jobName:"quark-api",statusText:"构建中",currentStage:"镜像打包",buildUser:"李工",progress:42}]},build_distribution:{total:100,items:[{name:"应用构建",count:42},{name:"镜像构建",count:27},{name:"基础设施",count:18},{name:"其他任务",count:13}]},endpoint_distribution:{summary:{total:3},items:[{id:1,nodeName:"edge-01",nodeIp:"10.10.2.11",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:12.4}]},{id:2,nodeName:"edge-02",nodeIp:"10.10.2.12",nodeStatus:!0,heartbeatResults:[{targetName:"API Gateway",targetIp:"10.10.1.10",latencyMs:18.7}]},{id:3,nodeName:"edge-03",nodeIp:"10.10.2.13",nodeStatus:!1,heartbeatResults:[]}]},external_embed:{}};function FQe(r){return JSON.parse(JSON.stringify(wge[r]))}St.BigScreenAlertRow=qV,St.BigScreenBuildDistribution=HV,St.BigScreenBuildProjects=WV,St.BigScreenDutyContent=zV,St.BigScreenEndpointDistribution=cee,St.BigScreenExternalEmbed=hee,St.BigScreenHeader=fme,St.BigScreenMetricCard=GV,St.BigScreenPanel=hd,St.BigScreenRobotSummary=wme,St.BigScreenTemplateRenderer=VQe,St.QuarkAlertDialog=yge,St.QuarkBaseModal=pee,St.QuarkCollapse=pQe,St.QuarkCollapseItem=yQe,St.QuarkDutyCompact=hRe,St.QuarkMetricTrendChart=ub,St.QuarkRobot=fee,St.QuarkRobotHalo=dee,St.QuarkTimeline=_ge,St.QuarkTimelineItem=bge,St.QuarkTopHeader=vee,St.QuarkUiButton=Lg,St.QuarkUiSegmented=VV,St.bigScreenPreviewFixtures=wge,St.getBigScreenPreviewData=FQe,Object.defineProperty(St,Symbol.toStringTag,{value:"Module"})}));
|