From ab98c84896124286e24fb43941ad0cb945391663 Mon Sep 17 00:00:00 2001
From: RhenCloud <i@rhen.cloud>
Date: Sat, 8 Aug 2026 00:54:13 +0800
Subject: [PATCH] feat(admin): add stop toggle and badge to route editor UI

---
 admin/assets/css/main.css        |  6 ++++++
 admin/components/RouteCard.vue   |  1 +
 admin/components/RouteEditor.vue | 10 ++++++++++
 admin/composables/useI18n.ts     |  6 ++++++
 admin/types.ts                   |  1 +
 5 files changed, 24 insertions(+)

diff --git a/admin/assets/css/main.css b/admin/assets/css/main.css
index 09bd7ff..a14b74a 100644
--- a/admin/assets/css/main.css
+++ b/admin/assets/css/main.css
@@ -361,6 +361,12 @@ main {
   border: 1px solid transparent;
 }
 
+.badge.stop {
+  background: var(--bad-dim);
+  color: var(--bad);
+  border: 1px solid transparent;
+}
+
 .card-actions {
   display: flex;
   gap: 6px;
diff --git a/admin/components/RouteCard.vue b/admin/components/RouteCard.vue
index b246606..c0c825b 100644
--- a/admin/components/RouteCard.vue
+++ b/admin/components/RouteCard.vue
@@ -17,6 +17,7 @@
           >{{ tg.platform === "telegram" ? "Telegram" : "Discord" }}</span
         >
         <span v-if="route.fallback" class="badge fallback">{{ t("route.fallback") }}</span>
+        <span v-if="route.stop" class="badge stop">{{ t("route.stop") }}</span>
       </div>
       <div class="card-actions">
         <button
diff --git a/admin/components/RouteEditor.vue b/admin/components/RouteEditor.vue
index b60dbcb..bf5d318 100644
--- a/admin/components/RouteEditor.vue
+++ b/admin/components/RouteEditor.vue
@@ -64,6 +64,13 @@
               <span class="lbl-note">{{ t("routeEditor.fallbackHint") }}</span></span
             >
           </div>
+          <div class="field inline">
+            <input v-model="form.stop" type="checkbox" />
+            <span
+              >{{ t("routeEditor.stop") }}
+              <span class="lbl-note">{{ t("routeEditor.stopHint") }}</span></span
+            >
+          </div>
           <div class="field">
             <label
               >{{ t("routeEditor.filters") }}
@@ -195,6 +202,7 @@ const form = reactive({
   lang: "",
   enabled: true,
   fallback: false,
+  stop: false,
   targets: [] as TargetForm[],
   filters: [] as FilterForm[],
 });
@@ -245,6 +253,7 @@ watch(
     form.lang = r?.lang ?? "";
     form.enabled = r?.enabled ?? true;
     form.fallback = r?.fallback ?? false;
+    form.stop = r?.stop ?? false;
     form.targets =
       r && r.targets.length
         ? r.targets.map((tg) => ({ ...blankTarget(), ...tg }))
@@ -311,6 +320,7 @@ function collect(): Route | null {
     name: form.name.trim(),
     enabled: form.enabled,
     fallback: form.fallback || undefined,
+    stop: form.stop || undefined,
     lang: form.lang.trim() || undefined,
     filters,
     targets,
diff --git a/admin/composables/useI18n.ts b/admin/composables/useI18n.ts
index 77b6fc3..10549fc 100644
--- a/admin/composables/useI18n.ts
+++ b/admin/composables/useI18n.ts
@@ -37,6 +37,7 @@ const en: Dict = {
   "route.chat": "CHAT",
   "route.topic": "TOPIC",
   "route.fallback": "fallback",
+  "route.stop": "stop",
   "route.moveUp": "Move up",
   "route.moveDown": "Move down",
   "filter.event": "Event",
@@ -73,6 +74,8 @@ const en: Dict = {
   "routeEditor.enabled": "Route enabled",
   "routeEditor.fallback": "Fallback route",
   "routeEditor.fallbackHint": "Only fires when no other route matched; filters still apply",
+  "routeEditor.stop": "Stop on match",
+  "routeEditor.stopHint": "When matched, no further routes are evaluated for this event",
   "routeEditor.filters": "Filters",
   "routeEditor.filtersNote": "(all must match · AND)",
   "routeEditor.matchPlaceholder": "match value",
@@ -194,6 +197,7 @@ const zh: Dict = {
   "route.chat": "群组",
   "route.topic": "话题",
   "route.fallback": "兜底",
+  "route.stop": "停止",
   "route.moveUp": "上移",
   "route.moveDown": "下移",
   "filter.event": "事件",
@@ -230,6 +234,8 @@ const zh: Dict = {
   "routeEditor.enabled": "启用路由",
   "routeEditor.fallback": "兜底路由",
   "routeEditor.fallbackHint": "仅当没有其它路由匹配该事件时才发送，其过滤器仍会生效",
+  "routeEditor.stop": "匹配后停止",
+  "routeEditor.stopHint": "该路由匹配后，不再评估后续路由",
   "routeEditor.filters": "过滤器",
   "routeEditor.filtersNote": "（全部匹配 · AND）",
   "routeEditor.matchPlaceholder": "匹配值",
diff --git a/admin/types.ts b/admin/types.ts
index 026a097..3569c1d 100644
--- a/admin/types.ts
+++ b/admin/types.ts
@@ -21,6 +21,7 @@ export interface Route {
   lang?: string;
   groupId?: string;
   fallback?: boolean;
+  stop?: boolean;
 }
 
 export interface Group {