消化一批 P3：GEOIP 附加参数、坏 JSON 跳行、兜底丢弃；请求连接两页保活

ini 里 []GEOIP,CN,no-resolve 的附加参数原来被并进类别名，生成字段错位
的规则；现在拆出来放在目标之后。表里已有 MATCH 时配方的 []FINAL 不再
追加成死行，改为丢弃并在成功提示里注明——已有兜底是用户自己安排的
分流终点。

遥测流里偶发的坏 JSON 行改为跳过，原来一行坏数据会杀掉整个流进 5 秒
重试循环。请求页：跟随底部的阈值从 24px 降到 8px（原值比行高还大，
向上滚不足一行就被新日志拽回）；silent 级别下的空状态不再说「没有流量
经过」。logs.test 的 localStorage 桩用完删掉，bun test 单进程跑，全局
残留会影响之后的测试文件。api.ts 的 format 注释照 provider.go:37 纠正。

请求页和连接页包进 KeepAlive：切走不销毁，筛选词、排序、滚动位置留住。
KeepAlive 常驻、子组件自己 v-if 进出；连接页的轮询改挂 activated——
挂载时它也触发，继续用 onMounted 会叠两个定时器，切走时停掉轮询。

web/views/ConnectionsPage.vue

@@ -6,7 +6,7 @@
  * 显示层的问题（主机名怎么摆、出站链按什么方向、持续时间多长）都在 shared/connections.ts
  * 里回答，这里只管取数、状态和断开动作。
  */
-import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { computed, onActivated, onDeactivated, onUnmounted, ref } from 'vue'
 import { useVirtualizer } from '@tanstack/vue-virtual'
 import {
   chainLabel,
@@ -62,11 +62,17 @@ async function refresh() {
   }
 }
 
-onMounted(() => {
+// 组件包在 KeepAlive 里：首次挂载和每次切回都走 activated（挂载时它也会触发，
+// 不能再用 onMounted 起轮询，否则会叠两个定时器），切走时停掉轮询不白打后端
+onActivated(() => {
   void refresh()
   timer = window.setInterval(() => void refresh(), 1000)
 })
 
+onDeactivated(() => {
+  window.clearInterval(timer)
+})
+
 onUnmounted(() => {
   window.clearInterval(timer)
 })

web/views/RequestsPage.vue

@@ -5,7 +5,7 @@
  * 收集在 web/log-store.ts 的常驻单例里——日志跨页面留存，切走再回来不清空。
  * 这个组件只管呈现：筛选、暂停、清空、跟随滚动。
  */
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
+import { computed, nextTick, onActivated, onMounted, ref, watch } from 'vue'
 import { kernel } from '../runtime'
 import { LEVELS } from '../logs'
 import { clearLogs, ended, failure, level, paused, revision, rows } from '../log-store'
@@ -34,7 +34,9 @@ let follow = true
 function onScroll() {
   const el = listEl.value
   if (!el) return
-  follow = el.scrollTop + el.clientHeight >= el.scrollHeight - 24
+  // 阈值必须小于一行的高度（约 25px），否则向上滚不足一行仍算「在底部」，
+  // 新日志会把人拽回去。8px 只容浏览器的取整误差
+  follow = el.scrollTop + el.clientHeight >= el.scrollHeight - 8
 }
 
 async function scrollToBottom(force = false) {
@@ -49,6 +51,9 @@ watch(revision, () => void scrollToBottom())
 
 // 切回这一页时接上离开时的进度，直接落到最新一条
 onMounted(() => void scrollToBottom(true))
+// 组件包在 KeepAlive 里，切走期间元素脱离文档、scrollHeight 不可靠，
+// 跟随模式的自动滚动可能把位置写歪；切回来重新贴底（手动上滚过的不动）
+onActivated(() => void scrollToBottom())
 
 const visible = computed(() => {
   const q = query.value.trim().toLowerCase()
@@ -94,7 +99,11 @@ const visible = computed(() => {
         {{ rows.length > 0 ? '内核未连接，日志不再更新。' : '内核未连接，无法读取日志。' }}
       </p>
       <p v-else-if="rows.length === 0 && !failure && !ended" class="state">
-        暂无日志。没有流量经过内核时不会产生请求记录。
+        {{
+          level === 'silent'
+            ? '级别为 silent 时内核不输出日志。'
+            : '暂无日志。没有流量经过内核时不会产生请求记录。'
+        }}
       </p>
       <p v-else-if="visible.length === 0 && rows.length > 0" class="state">
         没有包含「{{ query.trim() }}」的日志。

web/views/RulesPage.vue

@@ -257,11 +257,16 @@ async function submitGroup(entry: {
 async function submitImport(plan: IniImportPlan) {
   const next = clone()
   setRuleProviders(next, { ...ruleProvidersOf(next), ...plan.providers })
-  setRules(next, [...insertBeforeMatch(rules.value, plan.rules), ...plan.finals])
-  const added = plan.rules.length + plan.finals.length
+  // 表里已有 MATCH 时丢弃配方的兜底：那是你自己安排的分流终点，配方不该
+  // 偷偷替换；追加在 MATCH 之后则永远是死行
+  const keepFinals = matchAt.value === null
+  const finals = keepFinals ? plan.finals : []
+  setRules(next, [...insertBeforeMatch(rules.value, plan.rules), ...finals])
+  const added = plan.rules.length + finals.length
+  const dropped = keepFinals ? '' : '；配方的兜底规则未导入，你已有自己的 MATCH'
   const ok = await commit(
     next,
-    `已导入 ${Object.keys(plan.providers).length} 个规则组、${String(added)} 条规则`,
+    `已导入 ${Object.keys(plan.providers).length} 个规则组、${String(added)} 条规则${dropped}`,
   )
   if (ok) {
     importOpen.value = false
@@ -536,7 +541,7 @@ async function updateNow(name: string) {
           <li v-for="rule in blockedProvider.refs" :key="rule" class="mono">{{ rule }}</li>
         </ul>
         <footer class="dlg-foot">
-          <button type="button" class="btn" @click="blockedProvider = null">知道了</button>
+          <button type="button" class="btn" @click="blockedProvider = null">关闭</button>
         </footer>
       </div>
     </dialog>