chore(mocks): cover rule version history/diff/rollback paths

The round-3/4 review introduced new error paths (VERSION_CONFLICT,
VERSION_LEDGER_PENDING, FEATURE_DISABLED, intent repair/abandon) that
the dev-mode mocks could not exercise, so UI regressions in those
flows would only surface against a live backend.

- new ruleVersion.ts: in-memory ledger per (kind, ruleName); rollback
  appends a ROLLBACK version so the history-drawer close-the-loop is
  realistic
- routing/tag/dynamicConfig writes honour -conflict / -pending /
  -disabled rule-name conventions to trigger the matching 409/503
  branches without runtime config knobs

Author: mochengqian

ui-vue3/src/mocks/handlers.ts

@@ -27,6 +27,7 @@ import { versionHandlers } from './handlers/version'
 import { dynamicConfigHandlers } from './handlers/dynamicConfig'
 import { routingRuleHandlers } from './handlers/routingRule'
 import { tagRuleHandlers } from './handlers/tagRule'
+import { ruleVersionHandlers } from './handlers/ruleVersion'
 import { destinationRuleHandlers, virtualServiceHandlers } from './handlers/istio'
 import { promQLHandlers } from './handlers/promQL'
 import { serverHandlers } from './handlers/server'
@@ -46,6 +47,7 @@ export const handlers: HttpHandler[] = [
   ...dynamicConfigHandlers,
   ...routingRuleHandlers,
   ...tagRuleHandlers,
+  ...ruleVersionHandlers,
   ...destinationRuleHandlers,
   ...virtualServiceHandlers,
   ...promQLHandlers,

ui-vue3/src/mocks/handlers/dynamicConfig.ts

@@ -17,6 +17,7 @@
 
 import { http, type HttpHandler } from 'msw'
 import { success, base } from '../utils'
+import { ruleVersionMock } from './ruleVersion'
 import type { ConfiguratorRule, ConfiguratorDetail, PaginatedData } from '@/types/api'
 
 function randomInt(min: number, max: number): number {
@@ -28,6 +29,24 @@ function randomString(min: number, max: number): string {
   return Array.from({ length: len }, () => String.fromCharCode(97 + randomInt(0, 25))).join('')
 }
 
+const decodeRuleName = (raw: string) => {
+  try {
+    return decodeURIComponent(raw)
+  } catch {
+    return raw
+  }
+}
+
+const writeOrConflict = (rawName: string, operation: 'CREATE' | 'UPDATE' | 'DELETE') => {
+  const ruleName = decodeRuleName(rawName)
+  if (ruleVersionMock.shouldConflict(ruleName))
+    return ruleVersionMock.conflictResponse('configurator', ruleName)
+  if (ruleVersionMock.shouldPend(ruleName))
+    return ruleVersionMock.pendingResponse('configurator', ruleName)
+  ruleVersionMock.recordAdminWrite('configurator', ruleName, operation)
+  return success(null)
+}
+
 export const dynamicConfigHandlers: HttpHandler[] = [
   http.get(`${base}/configurator/search`, () => {
     const total = randomInt(8, 1000)
@@ -45,15 +64,21 @@ export const dynamicConfigHandlers: HttpHandler[] = [
 
   http.get(`${base}/configurator/:ruleName`, ({ params }) => {
     const detail: ConfiguratorDetail = {
-      name: params.ruleName as string,
+      name: decodeRuleName(params.ruleName as string),
       configs: [{ side: 'provider', timeout: 3000, retries: 2, loadbalance: 'roundrobin' }]
     }
     return success(detail)
   }),
 
-  http.delete(`${base}/configurator/:ruleName`, () => success(null)),
+  http.delete(`${base}/configurator/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'DELETE')
+  ),
 
-  http.put(`${base}/configurator/:ruleName`, () => success(null)),
+  http.put(`${base}/configurator/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'UPDATE')
+  ),
 
-  http.post(`${base}/configurator/:ruleName`, () => success(null))
+  http.post(`${base}/configurator/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'CREATE')
+  )
 ]

ui-vue3/src/mocks/handlers/routingRule.ts

@@ -17,6 +17,7 @@
 
 import { http, type HttpHandler } from 'msw'
 import { success, base } from '../utils'
+import { ruleVersionMock } from './ruleVersion'
 import type { RoutingRule, RoutingRuleDetail, PaginatedData } from '@/types/api'
 
 function randomInt(min: number, max: number): number {
@@ -28,6 +29,15 @@ function randomString(min: number, max: number): string {
   return Array.from({ length: len }, () => String.fromCharCode(97 + randomInt(0, 25))).join('')
 }
 
+const writeOrConflict = (ruleName: string, operation: 'CREATE' | 'UPDATE' | 'DELETE') => {
+  if (ruleVersionMock.shouldConflict(ruleName))
+    return ruleVersionMock.conflictResponse('condition-rule', ruleName)
+  if (ruleVersionMock.shouldPend(ruleName))
+    return ruleVersionMock.pendingResponse('condition-rule', ruleName)
+  ruleVersionMock.recordAdminWrite('condition-rule', ruleName, operation)
+  return success(null)
+}
+
 export const routingRuleHandlers: HttpHandler[] = [
   http.get(`${base}/condition-rule/search`, () => {
     const total = randomInt(8, 1000)
@@ -59,9 +69,15 @@ export const routingRuleHandlers: HttpHandler[] = [
     return success(detail)
   }),
 
-  http.delete(`${base}/condition-rule/:ruleName`, () => success(null)),
+  http.delete(`${base}/condition-rule/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'DELETE')
+  ),
 
-  http.put(`${base}/condition-rule/:ruleName`, () => success(null)),
+  http.put(`${base}/condition-rule/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'UPDATE')
+  ),
 
-  http.post(`${base}/condition-rule/:ruleName`, () => success(null))
+  http.post(`${base}/condition-rule/:ruleName`, ({ params }) =>
+    writeOrConflict(params.ruleName as string, 'CREATE')
+  )
 ]