fix route grouping and codex websocket regressions

src/web/pages/helpers/routeListVisibility.ts

@@ -2,9 +2,19 @@ export type RouteListVisibilityItem = {
   id: number;
   modelPattern: string;
   displayName?: string | null;
+  routeMode?: string | null;
+  sourceRouteIds?: number[];
   enabled: boolean;
 };
 
+function normalizeRouteMode(routeMode: string | null | undefined): 'pattern' | 'explicit_group' {
+  return routeMode === 'explicit_group' ? 'explicit_group' : 'pattern';
+}
+
+function isExplicitGroupRoute(route: Pick<RouteListVisibilityItem, 'routeMode'>): boolean {
+  return normalizeRouteMode(route.routeMode) === 'explicit_group';
+}
+
 function hasCustomDisplayName(route: Pick<RouteListVisibilityItem, 'modelPattern' | 'displayName'>): boolean {
   const displayName = (route.displayName || '').trim();
   const modelPattern = (route.modelPattern || '').trim();
@@ -18,19 +28,22 @@ export function buildVisibleRouteList<T extends RouteListVisibilityItem>(
 ): T[] {
   const exactModelNames = new Set(
     routes
-      .filter((route) => isExactModelPattern(route.modelPattern))
+      .filter((route) => !isExplicitGroupRoute(route) && isExactModelPattern(route.modelPattern))
       .map((route) => (route.modelPattern || '').trim())
       .filter(Boolean),
   );
   const coveringGroups = routes.filter((route) => (
     route.enabled
-    && !isExactModelPattern(route.modelPattern)
-    && hasCustomDisplayName(route)
+    && (
+      (isExplicitGroupRoute(route) && ((route.displayName || '').trim().length > 0) && (route.sourceRouteIds || []).length > 0)
+      || (!isExplicitGroupRoute(route) && !isExactModelPattern(route.modelPattern) && hasCustomDisplayName(route))
+    )
   ));
 
   if (coveringGroups.length === 0) return routes;
 
   return routes.filter((route) => {
+    if (isExplicitGroupRoute(route)) return true;
     if (!isExactModelPattern(route.modelPattern)) return true;
     if (hasCustomDisplayName(route)) return true;
 
@@ -40,7 +53,10 @@ export function buildVisibleRouteList<T extends RouteListVisibilityItem>(
     return !coveringGroups.some((groupRoute) => (
       groupRoute.id !== route.id
       && !exactModelNames.has((groupRoute.displayName || '').trim())
-      && matchesModelPattern(exactModel, groupRoute.modelPattern)
+      && (
+        (isExplicitGroupRoute(groupRoute) && (groupRoute.sourceRouteIds || []).includes(route.id))
+        || (!isExplicitGroupRoute(groupRoute) && matchesModelPattern(exactModel, groupRoute.modelPattern))
+      )
     ));
   });
 }

src/web/pages/helpers/routeModelCandidatesIndex.ts

@@ -32,6 +32,7 @@ export type RouteCandidateView = {
 export type RouteModelPatternLike = {
   id: number;
   modelPattern: string;
+  routeMode?: string | null;
 };
 
 const EMPTY_ROUTE_CANDIDATE_VIEW: RouteCandidateView = {
@@ -48,6 +49,10 @@ export function buildRouteModelCandidatesIndex(
   const index: Record<number, RouteCandidateView> = {};
 
   for (const route of routes || []) {
+    if (route.routeMode === 'explicit_group') {
+      index[route.id] = EMPTY_ROUTE_CANDIDATE_VIEW;
+      continue;
+    }
     const modelPattern = (route.modelPattern || '').trim();
     if (!modelPattern) {
       index[route.id] = EMPTY_ROUTE_CANDIDATE_VIEW;