feat(frontend): warn about catch-all rules in the routing list

Marks the catch-all rule and the rules it makes unreachable, so a
terminal rule stops silently swallowing the rest of the chain.

Author: loss-and-quick

frontend/src/features/settings/sections/RoutingSection.tsx

@@ -14,7 +14,7 @@ import type { RoutingRule } from "../../../generated/bindings";
 import { useFormatters, useT } from "../../../i18n";
 import type { AdvancedSettings } from "../../../lib/bridge";
 import { getRuntimeBridgeMode } from "../../../lib/ksu-webui";
-import { ruleIcon, ruleSummary } from "../helpers";
+import { isCatchAllRule, ruleIcon, ruleSummary } from "../helpers";
 import { makePresetRule, RULE_PRESETS } from "../rule-presets";
 
 export function RoutingSection({
@@ -51,6 +51,7 @@ export function RoutingSection({
   const profileName = (tag: string) => profiles.find((p) => p.id === tag)?.remarks;
   const domainStrategy4Xray = settings.domainStrategy;
   const domainStrategy4Singbox = settings.domainStrategy4Singbox;
+  const catchAllIndex = routingRules.findIndex(isCatchAllRule);
 
   return (
     <>
@@ -204,7 +205,21 @@ export function RoutingSection({
                   key={rule.id}
                   icon={ruleIcon(rule)}
                   title={rule.remarks || t("settings.routingRuleDefault", { n: index + 1 })}
-                  sub={ruleSummary(rule, t, formatters, profileName)}
+                  sub={
+                    <>
+                      {ruleSummary(rule, t, formatters, profileName)}
+                      {index === catchAllIndex && (
+                        <div style={{ color: "var(--warn)", marginTop: 2 }}>
+                          {t("settings.routingCatchAll")}
+                        </div>
+                      )}
+                      {catchAllIndex >= 0 && index > catchAllIndex && rule.enabled && (
+                        <div style={{ color: "var(--on-surface-faint)", marginTop: 2 }}>
+                          {t("settings.routingUnreachable")}
+                        </div>
+                      )}
+                    </>
+                  }
                   onClick={() => onEditRule(rule)}
                   right={
                     <div style={{ display: "flex", alignItems: "center", gap: 6 }}>

frontend/src/i18n/ar.ts

@@ -736,6 +736,8 @@ const ar = {
   "settings.routingAddRule": "إضافة قاعدة",
   "settings.routingEmpty": "لا توجد قواعد توجيه بعد.",
   "settings.routingRuleDefault": "القاعدة {n}",
+  "settings.routingCatchAll": "يطابق كل اتصال — القواعد أدناه وفحص IP التلقائي لن تُنفَّذ.",
+  "settings.routingUnreachable": "لا يتم الوصول إليها أبدًا.",
   "settings.routingRuleDomains": plural("count", {
     zero: "لا نطاقات",
     one: "نطاق واحد",

frontend/src/i18n/en.ts

@@ -625,6 +625,9 @@ const en = {
   "settings.routingAddRule": "Add rule",
   "settings.routingEmpty": "No routing rules yet.",
   "settings.routingRuleDefault": "Rule {n}",
+  "settings.routingCatchAll":
+    "Matches every connection — the rules below and the automatic IP check never run.",
+  "settings.routingUnreachable": "Never reached.",
   "settings.routingRuleDomains": plural("count", {
     one: "# domain",
     other: "# domains",

frontend/src/i18n/es.ts

@@ -619,6 +619,9 @@ const es = {
   "settings.routingAddRule": "Añadir regla",
   "settings.routingEmpty": "Aún no hay reglas de enrutamiento.",
   "settings.routingRuleDefault": "Regla {n}",
+  "settings.routingCatchAll":
+    "Coincide con todas las conexiones: las reglas siguientes y la comprobación automática de IP nunca se ejecutan.",
+  "settings.routingUnreachable": "Nunca se alcanza.",
   "settings.routingRuleDomains": plural("count", {
     one: "# dominio",
     other: "# dominios",

frontend/src/i18n/hi.ts

@@ -610,6 +610,8 @@ const hi = {
   "settings.routingAddRule": "नियम जोड़ें",
   "settings.routingEmpty": "अभी कोई रूटिंग नियम नहीं हैं।",
   "settings.routingRuleDefault": "नियम {n}",
+  "settings.routingCatchAll": "हर कनेक्शन से मेल खाता है — नीचे के नियम और स्वचालित IP जाँच कभी नहीं चलते।",
+  "settings.routingUnreachable": "कभी लागू नहीं होता।",
   "settings.routingRuleDomains": plural("count", {
     one: "# डोमेन",
     other: "# डोमेन",

frontend/src/i18n/pt.ts

@@ -618,6 +618,9 @@ const pt = {
   "settings.routingAddRule": "Adicionar regra",
   "settings.routingEmpty": "Ainda não há regras de roteamento.",
   "settings.routingRuleDefault": "Regra {n}",
+  "settings.routingCatchAll":
+    "Corresponde a todas as conexões — as regras abaixo e a verificação automática de IP nunca são executadas.",
+  "settings.routingUnreachable": "Nunca é alcançada.",
   "settings.routingRuleDomains": plural("count", {
     one: "# domínio",
     other: "# domínios",

frontend/src/i18n/ru.ts

@@ -654,6 +654,9 @@ const ru = {
   "settings.routingAddRule": "Добавить правило",
   "settings.routingEmpty": "Правил маршрутизации пока нет.",
   "settings.routingRuleDefault": "Правило {n}",
+  "settings.routingCatchAll":
+    "Перехватывает весь трафик — правила ниже и автопроверка по IP не сработают.",
+  "settings.routingUnreachable": "Никогда не сработает.",
   "settings.routingRuleDomains": plural("count", {
     one: "# домен",
     few: "# домена",

frontend/src/i18n/vi.ts

@@ -614,6 +614,9 @@ const vi = {
   "settings.routingAddRule": "Thêm quy tắc",
   "settings.routingEmpty": "Chưa có quy tắc định tuyến nào.",
   "settings.routingRuleDefault": "Quy tắc {n}",
+  "settings.routingCatchAll":
+    "Khớp mọi kết nối — các quy tắc bên dưới và bước kiểm tra IP tự động sẽ không chạy.",
+  "settings.routingUnreachable": "Không bao giờ được dùng.",
   "settings.routingRuleDomains": plural("count", {
     one: "# domain",
     other: "# domain",

frontend/src/i18n/zh.ts

@@ -610,6 +610,8 @@ const zh = {
   "settings.routingAddRule": "添加规则",
   "settings.routingEmpty": "暂无路由规则。",
   "settings.routingRuleDefault": "规则 {n}",
+  "settings.routingCatchAll": "匹配所有连接 — 下方规则和自动 IP 检查都不会执行。",
+  "settings.routingUnreachable": "永远不会生效。",
   "settings.routingRuleDomains": plural("count", {
     one: "# 个域名",
     other: "# 个域名",