agentworkshop 0.7.34 → 0.7.38

package/app/pages/daq/[id].vue

@@ -972,7 +972,7 @@ watch(effectiveRefreshMs, () => armHistTimer())
 .hist-canvas { width: 100%; height: 130px; border: 1px solid var(--line); border-radius: var(--radius-chip); background: var(--paper-deep); }
 .raw-table { width: 100%; margin-top: 10px; font-size: 11px; border-collapse: collapse; }
 .raw-table th, .raw-table td { padding: 4px 6px; text-align: left; border-bottom: 1px solid var(--divider-hair); }
-.raw-table th { font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-fainter); }
+.raw-table th { font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-faint); }
 
 .st-pill {
   display: inline-block;

package/app/pages/daq/index.vue

@@ -1601,7 +1601,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   font-size: 10.5px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .strip-label small { font-size: 10px; color: var(--ink-faint); }
 .strip-scroll {
@@ -1639,7 +1639,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   opacity: 0.55;
 }
 .line-pill b { font-weight: 600; }
-.line-pill small { font-size: 10.5px; color: var(--ink-fainter); }
+.line-pill small { font-size: 10.5px; color: var(--ink-faint); }
 .line-pill:hover { border-color: var(--lc, var(--accent)); color: var(--ink); }
 .line-pill.on {
   color: var(--ink);
@@ -1693,8 +1693,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   background: var(--surface-glass);
   border: 1px solid var(--glass-line);
   border-radius: 10px;
-  backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
-  -webkit-backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
+  backdrop-filter: var(--aurora-blur) saturate(1.15);
 }
 .ops-panel.alarm-panel.live { border-color: color-mix(in srgb, var(--tone-danger-dot) 40%, var(--glass-line)); }
 .panel-head {
@@ -1898,7 +1897,6 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   padding: 22px 24px;
   background: var(--surface-glass-strong);
   backdrop-filter: var(--aurora-blur);
-  -webkit-backdrop-filter: var(--aurora-blur);
   border: 1px solid var(--glass-line);
   border-radius: var(--radius-panel);
   box-shadow: var(--glass-edge), var(--shadow-float);
@@ -1935,7 +1933,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   border: 1px solid var(--line-strong);
   border-radius: var(--radius-chip);
 }
-.hint { font-size: 10px; color: var(--ink-fainter); }
+.hint { font-size: 10px; color: var(--ink-faint); }
 .test-row { display: flex; gap: 10px; align-items: center; margin: 6px 0 4px; }
 .test-result { font-family: var(--font-mono); font-size: 11px; }
 .test-result.ok { color: var(--tone-success-dot); }
@@ -1957,7 +1955,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .tpl-table td { padding: 7px 8px; border-bottom: 1px solid var(--divider-hair); }
 .tpl-table td b { margin-right: 8px; }
 .tpl-table .range { font-size: 11.5px; color: var(--ink-soft); }
-.tpl-table .empty { color: var(--ink-fainter); font-size: 12px; text-align: center; padding: 14px 0; }
+.tpl-table .empty { color: var(--ink-faint); font-size: 12px; text-align: center; padding: 14px 0; }
 .tpl-table .actions { white-space: nowrap; }
 
 /* ---------- 节点筛选工具条 ---------- */
@@ -1978,7 +1976,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   font-size: 10px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .inp-sel {
   min-width: 112px;
@@ -1997,7 +1995,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   width: 168px;
   min-width: 0;
 }
-.flt-search::placeholder { color: var(--ink-fainter); }
+.flt-search::placeholder { color: var(--ink-faint); }
 .count { padding-bottom: 4px; font-size: 11px; color: var(--ink-faint); }
 
 /* ── 行内产线/绑定/运行态样式见 DaqNodeRow.vue scoped 块 ── */
@@ -2058,7 +2056,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   opacity: 1;
 }
 .opt-filters { display: flex; gap: 8px; align-items: center; }
-.opt-empty { font-size: 11.5px; color: var(--ink-fainter); }
+.opt-empty { font-size: 11.5px; color: var(--ink-faint); }
 .opt-list { display: flex; flex-direction: column; gap: 7px; margin: 0; padding: 0; list-style: none; }
 .opt-row {
   display: flex;
@@ -2086,7 +2084,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .opt-status.rolled-back { color: var(--tone-danger-dot); border-color: color-mix(in srgb, var(--tone-danger-dot) 45%, transparent); }
 .opt-node { overflow: hidden; font-size: 12.5px; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
 .opt-params { flex: none; font-size: 11px; color: var(--tone-info-dot); }
-.opt-time { flex: none; margin-left: auto; font-size: 10px; color: var(--ink-fainter); }
+.opt-time { flex: none; margin-left: auto; font-size: 10px; color: var(--ink-faint); }
 .mini-act {
   flex: none;
   padding: 2px 9px;
@@ -2103,7 +2101,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .opt-judge.rollback, .opt-judge.keep, .opt-judge.uncertain { color: var(--ink-soft); }
 .opt-judge b { font-weight: 600; }
 .opt-open-hint { color: var(--tone-warning-dot); }
-.opt-agg { color: var(--ink-fainter); }
+.opt-agg { color: var(--ink-faint); }
 .opt-series { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 4px; }
 .opt-ch { display: flex; flex: 1 1 180px; gap: 8px; align-items: center; min-width: 160px; }
 .opt-spark { width: 120px; height: 30px; }

package/app/pages/dcw/[id].vue

@@ -2499,7 +2499,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .runs { margin-top: 6px; }
 
 .modal-mask { position: fixed; z-index: 50; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--scrim); backdrop-filter: blur(2px); }
-.modal { width: 680px; max-width: 94vw; max-height: 88vh; overflow-y: auto; padding: 22px 24px; background: var(--surface-glass-strong); backdrop-filter: var(--aurora-blur); -webkit-backdrop-filter: var(--aurora-blur); border: 1px solid var(--glass-line); border-radius: var(--radius-panel); box-shadow: var(--glass-edge), var(--shadow-float); }
+.modal { width: 680px; max-width: 94vw; max-height: 88vh; overflow-y: auto; padding: 22px 24px; background: var(--surface-glass-strong); backdrop-filter: var(--aurora-blur); border: 1px solid var(--glass-line); border-radius: var(--radius-panel); box-shadow: var(--glass-edge), var(--shadow-float); }
 .m-title { margin: 0 0 14px; font-size: 17px; }
 .seg-row { display: flex; gap: 8px; margin-bottom: 14px; }
 .seg { flex: 1; padding: 8px 0; font-size: 13px; cursor: pointer; color: var(--ink-faint); background: var(--paper-deep); border: 1px solid var(--line); border-radius: var(--radius-chip); }
@@ -2511,7 +2511,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .param-del { margin-bottom: 2px; }
 .f { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
 .f em { margin-left: 3px; font-style: normal; }
-.hint { font-size: 10px; color: var(--ink-fainter); }
+.hint { font-size: 10px; color: var(--ink-faint); }
 .test-row { display: flex; gap: 10px; align-items: center; margin: 6px 0 4px; }
 .test-result { font-family: var(--font-mono); font-size: 11px; }
 .test-result.good { color: var(--tone-success-dot); }

package/app/pages/dcw/index.vue

@@ -774,7 +774,6 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   border: 1px solid var(--glass-line);
   border-radius: 999px;
   backdrop-filter: var(--frost-blur);
-  -webkit-backdrop-filter: var(--frost-blur);
 }
 .warn-badge { color: var(--tone-warning-dot); background: var(--tone-warning-bg); border-color: color-mix(in srgb, var(--tone-warning-dot) 32%, transparent); }
 .tpl-btn { color: var(--tone-info-dot); background: var(--tone-info-bg); border-color: color-mix(in srgb, var(--tone-info-dot) 34%, transparent); cursor: pointer; }
@@ -821,7 +820,6 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   text-align: left;
   background: var(--surface-glass);
   backdrop-filter: var(--aurora-blur);
-  -webkit-backdrop-filter: var(--aurora-blur);
   border: 1px solid var(--glass-line);
   border-radius: var(--radius-panel);
   box-shadow: var(--glass-edge);
@@ -871,7 +869,7 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   flex: none;
   font-family: var(--font-mono);
   font-size: 10px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .lc-state.on { color: var(--tone-success-dot); }
 /* 头部图标钮:编辑/删除,悬停语义色染色 */
@@ -884,7 +882,7 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   height: 22px;
   padding: 0;
   font-size: 13px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   background: transparent;
   border: 0;
   border-radius: 6px;
@@ -902,7 +900,7 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
 .lc-act.danger:hover { color: var(--tone-danger-dot); background: var(--tone-danger-bg); }
 .lc-act:active { transform: scale(0.9); }
 .lc-run { font-size: 10.5px; color: var(--tone-info-dot); }
-.lc-run.dim { color: var(--ink-fainter); }
+.lc-run.dim { color: var(--ink-faint); }
 /* 无描述时的兜底提示进一步退后(77 张卡同文反复出现即是噪音;不压到 0.55 以下,保浅色可读) */
 .lc-run.dim.ph { opacity: 0.75; }
 .lc-stats {
@@ -944,11 +942,10 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   border: 1px dashed var(--line-strong);
   box-shadow: none;
   backdrop-filter: none;
-  -webkit-backdrop-filter: none;
   cursor: pointer;
 }
 .new-card:hover { color: var(--tone-success-dot); border-color: var(--tone-success-dot); transform: none; }
-.new-card small { font-weight: 400; font-size: 10px; color: var(--ink-fainter); }
+.new-card small { font-weight: 400; font-size: 10px; color: var(--ink-faint); }
 
 .banner { padding: 8px 12px; font-size: 12px; border-radius: 10px; }
 .banner.bad { color: var(--tone-danger-dot); background: var(--tone-danger-bg); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 30%, transparent); }
@@ -980,7 +977,6 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   overflow: auto;
   background: var(--surface-glass-strong);
   backdrop-filter: var(--aurora-blur);
-  -webkit-backdrop-filter: var(--aurora-blur);
   border: 1px solid var(--glass-line);
   border-radius: var(--radius-panel);
   box-shadow: var(--glass-edge), var(--shadow-float);
@@ -1011,8 +1007,8 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
 .color-dot.on { border-color: var(--ink); box-shadow: 0 0 10px currentColor; }
 .m-actions { display: flex; gap: 8px; justify-content: flex-end; }
 .m-err { font-size: 11px; color: var(--tone-danger-dot); }
-.dim { color: var(--ink-fainter); }
-.sec-label { font-size: 10px; font-weight: 700; color: var(--ink-fainter); letter-spacing: 0.16em; }
+.dim { color: var(--ink-faint); }
+.sec-label { font-size: 10px; font-weight: 700; color: var(--ink-faint); letter-spacing: 0.16em; }
 /* 删除确认:摘要行 + 级联勾选 */
 .del-summary { font-size: 12px; line-height: 1.6; color: var(--ink-soft); }
 .del-purge { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--ink); cursor: pointer; }
@@ -1043,7 +1039,7 @@ const builtinCount = computed(() => dcw.templates.filter(t => t.builtin).length)
   border: 1px solid color-mix(in srgb, var(--tone-info-dot) 40%, transparent);
   border-radius: 5px;
 }
-.tpl-tag.builtin { color: var(--ink-fainter); border-color: var(--line-strong); }
+.tpl-tag.builtin { color: var(--ink-faint); border-color: var(--line-strong); }
 .tpl-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
 .tpl-sem { flex: 1; color: var(--ink-faint); }
 textarea.inp { height: auto; padding: 6px 9px; font-size: 11.5px; resize: vertical; }

package/app/pages/index.vue

@@ -98,12 +98,13 @@ const baseTooltip = computed(() => ({
 }))
 
 // ---------- 图 1:实时工况趋势(多通道量程归一化) ----------
+/** 趋势是否真有数值可画(采样被活动批次门控:未开跑时缓冲里只有 null 占位) */
+const trendHasData = computed(() =>
+  trendNodes.value.length > 0
+  && trendBuf.value.some(p => trendNodes.value.some(n => typeof p.m[n.id] === 'number')))
+
 const trendOpt = computed<EChartsOption>(() => ({
   backgroundColor: 'transparent',
-  // 冷启动空窗:首帧前不给「开天窗」观感,给一行等待提示
-  graphic: trendBuf.value.length === 0
-    ? [{ type: 'text', left: 'center', top: 'middle', style: { text: t('home.trendWaiting'), fill: dimC.value, fontSize: 12 } }]
-    : undefined,
   tooltip: { trigger: 'axis', ...baseTooltip.value },
   legend: {
     top: 0, right: 4, icon: 'roundRect', itemWidth: 10, itemHeight: 4,
@@ -447,10 +448,27 @@ const fleetOverflow = computed(() => Math.max(lineCards.value.length - FLEET_CAP
           </span>
         </header>
         <ClientOnly>
+          <!-- 空态判据必须看「有没有**数值**」,而不是「缓冲里有没有点」:
+               采样由活动批次门控(无开跑产线时不采样),此时缓冲里可能有携带 null 的
+               占位点 —— 旧写法据此判为"有数据",于是跳过 graphic 提示,
+               渲染出一张只有坐标系+图例、X 轴回落到 00:00~24:00 的空图。
+               那比一句明确的空态更难理解(实测被评审直接判为"趋势面全是空的")。 -->
           <AwChart
+            v-if="trendHasData"
             :option="trendOpt"
             class="chart h280"
           />
+          <div
+            v-else
+            class="aw-empty chart h280"
+          >
+            <p class="aw-empty-title">
+              {{ t('home.trendWaiting') }}
+            </p>
+            <p class="aw-empty-sub">
+              {{ t('home.trendNeedRun') }}
+            </p>
+          </div>
         </ClientOnly>
       </section>
       <section class="aw-bench span4">
@@ -735,7 +753,7 @@ const fleetOverflow = computed(() => Math.max(lineCards.value.length - FLEET_CAP
   overflow: hidden;
   font-size: 11px;
   letter-spacing: 0.02em;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -835,7 +853,7 @@ const fleetOverflow = computed(() => Math.max(lineCards.value.length - FLEET_CAP
   font-size: 11.5px;
   color: color-mix(in srgb, var(--lc) 70%, var(--ink));
 }
-.lc-run small { font-size: 10px; color: var(--ink-fainter); }
+.lc-run small { font-size: 10px; color: var(--ink-faint); }
 .lc-meta {
   display: flex;
   gap: 14px;

package/app/pages/logs/index.vue

@@ -539,8 +539,7 @@ export default { name: 'OpsLogsPage' }
   background: var(--surface-glass);
   border: 1px solid var(--glass-line);
   border-radius: 10px;
-  backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
-  -webkit-backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
+  backdrop-filter: var(--aurora-blur) saturate(1.15);
 }
 .flt { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
 .flt-grow { flex: 1 1 180px; }
@@ -556,8 +555,7 @@ export default { name: 'OpsLogsPage' }
   border: 1px solid var(--glass-line);
   border-radius: 10px;
   overflow: hidden;
-  backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
-  -webkit-backdrop-filter: blur(var(--aurora-blur)) saturate(1.15);
+  backdrop-filter: var(--aurora-blur) saturate(1.15);
 }
 .err { margin: 0; padding: 8px 14px; font-size: 12px; color: var(--tone-danger-dot); }
 .log-table { width: 100%; font-size: 12.5px; border-collapse: collapse; }
@@ -612,7 +610,6 @@ export default { name: 'OpsLogsPage' }
   padding: 20px;
   background: color-mix(in srgb, var(--ink) 32%, transparent);
   backdrop-filter: blur(3px);
-  -webkit-backdrop-filter: blur(3px);
 }
 .modal {
   width: min(560px, 94vw);
@@ -621,7 +618,6 @@ export default { name: 'OpsLogsPage' }
   border: 1px solid var(--glass-line);
   border-radius: 12px;
   backdrop-filter: blur(calc(var(--aurora-blur) * 1.4)) saturate(1.2);
-  -webkit-backdrop-filter: blur(calc(var(--aurora-blur) * 1.4)) saturate(1.2);
 }
 .m-f { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
 .m-f textarea, .m-f .inp-sel {

package/app/pages/plugins/index.vue

@@ -249,7 +249,7 @@ onMounted(load)
 .pg-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 56px 24px;
   text-align: center; border: 1px dashed var(--line-strong); border-radius: var(--radius-panel);
   background: var(--paper-deep); }
-.pg-empty-ico { font-size: 30px; color: var(--ink-fainter); }
+.pg-empty-ico { font-size: 30px; color: var(--ink-faint); }
 .pg-empty-t { margin: 0; font-size: 12.5px; color: var(--ink-faint); }
 .pg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
 .pg-card { position: relative; padding: 14px 16px; border: 1px solid var(--aw-border, rgba(128, 152, 199, .25));

package/app/pages/settings.vue

@@ -1252,7 +1252,7 @@ const tabs = computed(() => [
 .rt-group-fields {
   flex: none;
   font-size: 10.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 .rt-group-desc {
@@ -1286,7 +1286,7 @@ const tabs = computed(() => [
 .rt-group-empty {
   margin: 10px 0 4px;
   font-size: 12px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 .rt-group-title {

package/app/pages/town.vue

@@ -122,7 +122,6 @@ const hasChannels = computed(() => allChannelIds.value.length > 0)
   color: var(--ink-faint);
   background: var(--frost-bg);
   backdrop-filter: var(--frost-blur);
-  -webkit-backdrop-filter: var(--frost-blur);
   border: 1px solid var(--glass-line);
   border-radius: var(--radius-panel);
 }
@@ -138,7 +137,6 @@ const hasChannels = computed(() => allChannelIds.value.length > 0)
   color: var(--ink-faint);
   background: var(--frost-bg);
   backdrop-filter: var(--frost-blur);
-  -webkit-backdrop-filter: var(--frost-blur);
   border: 1px solid var(--glass-line);
   border-radius: var(--radius-panel);
 }

package/app/pages/users.vue

@@ -243,7 +243,7 @@ useHead({ title: () => t('titles.users') })
   padding: 56px 24px;
   text-align: center;
 }
-.gate-icon { font-size: 32px; color: var(--ink-fainter); }
+.gate-icon { font-size: 32px; color: var(--ink-faint); }
 .gate-title { margin: 0; font-size: 15px; font-weight: 600; }
 .gate-hint { margin: 0; font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-faint); }
 </style>

package/app/pages/workshop/index.vue

@@ -474,7 +474,7 @@ useHead({ title: () => t('titles.workshop') })
 }
 
 .sub { margin: 0 0 14px; font-size: 12.5px; color: var(--ink-faint); }
-.hint { margin: 8px 0 0; font-size: 11px; color: var(--ink-fainter); }
+.hint { margin: 8px 0 0; font-size: 11px; color: var(--ink-faint); }
 
 .head-acts {
   display: flex;
@@ -584,7 +584,7 @@ useHead({ title: () => t('titles.workshop') })
   background: var(--hover-tint);
   border-color: var(--ink-fainter);
 }
-.ws-empty-ico { font-size: 34px; color: var(--ink-fainter); }
+.ws-empty-ico { font-size: 34px; color: var(--ink-faint); }
 .aw-empty-title { font-size: 16px; font-weight: 600; color: var(--ink); }
 .aw-empty-sub { max-width: 420px; font-size: 12.5px; line-height: 1.7; color: var(--ink-faint); }
 .ws-empty-cta { margin-top: 6px; pointer-events: none; }

package/app/plugins/esc-close.client.ts

@@ -0,0 +1,31 @@
+/**
+ * Esc 关闭最上层浮层(客户端插件)。
+ *
+ * 为什么用"派发遮罩点击"而不是逐个模态接线:
+ *  全站 15 处浮层(.modal-mask)统一遵守同一约定 —— `@click.self="xxxOpen = false"`。
+ *  即"点遮罩空白处 = 关闭"已经是既定契约,而 Esc 只是它的键盘等价物。
+ *  因此这里找出**最上层**的 .modal-mask 并派发一次落在遮罩自身的点击:
+ *  走的还是那条已经被验证过的关闭路径(状态置 false + Transition 退场),
+ *  不需要在 15 个地方各加一遍 keydown,也不会出现"某处漏接线"。
+ *
+ * 取最上层(last):嵌套浮层时 Esc 只关最内层,符合桌面端直觉。
+ * 无浮层时不做任何事 —— 不 preventDefault,避免吞掉页面其它 Esc 语义(如取消行内编辑)。
+ */
+export default defineNuxtPlugin(() => {
+  const onKeydown = (e: KeyboardEvent): void => {
+    if (e.key !== 'Escape') return
+    const masks = document.querySelectorAll<HTMLElement>('.modal-mask')
+    const top = masks[masks.length - 1]
+    if (!top) return
+    e.preventDefault()
+    // 合成点击落在遮罩自身 → 命中 @click.self(冒泡到遮罩但 target 就是遮罩)
+    top.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+  }
+
+  window.addEventListener('keydown', onKeydown)
+
+  // HMR:重载插件模块时摘掉旧监听器,避免叠加
+  if (import.meta.hot) {
+    import.meta.hot.dispose(() => window.removeEventListener('keydown', onKeydown))
+  }
+})