feat(waf): complete composable rule orchestration

Add the React Flow rule editor, ordered graph APIs and runtime DAG execution.\n\nPublish rules only on OpenResty reload and reconcile checksum-driven IP group snapshots in bounded shared memory.

frontend/app/(main)/waf/components/rule-groups-table.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import {Globe2, MoreHorizontal, Pencil, ShieldCheck, Trash2, Users} from 'lucide-react';
+import {Globe2, MoreHorizontal, Pencil, ShieldCheck, Trash2} from 'lucide-react';
 
 import {Badge} from '@/components/ui/badge';
 import {Button} from '@/components/ui/button';
@@ -20,14 +20,12 @@ interface RuleGroupsTableProps {
   groups: WAFRule[];
   onEdit: (group: WAFRule) => void;
   onDelete: (group: WAFRule) => void;
-  onBindSites: (group: WAFRule) => void;
 }
 
 export function RuleGroupsTable({
   groups,
   onEdit,
   onDelete,
-  onBindSites,
 }: RuleGroupsTableProps) {
   return (
     <Table>
@@ -85,12 +83,6 @@ export function RuleGroupsTable({
                       <Pencil />
                       编排
                     </DropdownMenuItem>
-                    {!group.is_global ? (
-                      <DropdownMenuItem onClick={() => onBindSites(group)}>
-                        <Users />
-                        绑定网站
-                      </DropdownMenuItem>
-                    ) : null}
                   </DropdownMenuGroup>
                   {!group.is_global ? (
                     <>

frontend/app/(main)/waf/components/site-binding-sheet.tsx

@@ -1,139 +0,0 @@
-'use client';
-
-import {useEffect, useMemo, useState} from 'react';
-import {Check, Search} from 'lucide-react';
-
-import {Button} from '@/components/ui/button';
-import {Input} from '@/components/ui/input';
-import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from '@/components/ui/sheet';
-import {cn} from '@/lib/utils';
-import type {ProxyRouteItem, WAFRule} from '@/lib/services/openflare';
-
-interface SiteBindingSheetProps {
-  group: WAFRule | null;
-  routes: ProxyRouteItem[];
-  open: boolean;
-  pending: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSave: (ids: number[]) => void;
-}
-
-export function SiteBindingSheet({
-  group,
-  routes,
-  open,
-  pending,
-  onOpenChange,
-  onSave,
-}: SiteBindingSheetProps) {
-  const [keyword, setKeyword] = useState('');
-  const [selectedIDs, setSelectedIDs] = useState<number[]>([]);
-
-  useEffect(() => {
-    setSelectedIDs(group?.applied_site_ids ?? []);
-    setKeyword('');
-  }, [group, open]);
-
-  const filteredRoutes = useMemo(() => {
-    const normalized = keyword.trim().toLowerCase();
-    if (!normalized) return routes;
-    return routes.filter((route) =>
-      [
-        route.site_name,
-        ...(route.zone_domains ?? []).map((item) => item.domain),
-      ]
-        .join(' ')
-        .toLowerCase()
-        .includes(normalized),
-    );
-  }, [keyword, routes]);
-
-  const selectedSet = useMemo(() => new Set(selectedIDs), [selectedIDs]);
-
-  const toggleID = (id: number) => {
-    setSelectedIDs((current) =>
-      current.includes(id)
-        ? current.filter((item) => item !== id)
-        : [...current, id],
-    );
-  };
-
-  const selectFiltered = () => {
-    const next = new Set(selectedIDs);
-    filteredRoutes.forEach((route) => next.add(route.id));
-    setSelectedIDs([...next]);
-  };
-
-  return (
-    <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent side="right" className="w-full sm:max-w-lg overflow-y-auto">
-        <SheetHeader>
-          <SheetTitle>{group ? `绑定 ${group.name}` : '绑定规则组'}</SheetTitle>
-          <SheetDescription>
-            选择这个自定义规则组要叠加到哪些网站。
-          </SheetDescription>
-        </SheetHeader>
-
-        <div className="space-y-4 px-4 pb-4">
-          <div className="flex items-center gap-2 rounded-md border px-3 py-2">
-            <Search className="size-4 text-muted-foreground" />
-            <Input
-              value={keyword}
-              placeholder="搜索网站或域名"
-              className="border-0 shadow-none focus-visible:ring-0"
-              onChange={(event) => setKeyword(event.target.value)}
-            />
-            <Button type="button" variant="ghost" size="sm" onClick={selectFiltered}>
-              全选当前
-            </Button>
-          </div>
-
-          <div className="space-y-2">
-            {filteredRoutes.map((route) => (
-              <button
-                key={route.id}
-                type="button"
-                onClick={() => toggleID(route.id)}
-                className={cn(
-                  'flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left transition',
-                  selectedSet.has(route.id) && 'border-primary bg-muted/50',
-                )}
-              >
-                <span
-                  className={cn(
-                    'flex size-5 items-center justify-center rounded border',
-                    selectedSet.has(route.id) && 'border-primary bg-primary text-primary-foreground',
-                  )}
-                >
-                  {selectedSet.has(route.id) ? <Check className="size-3" /> : null}
-                </span>
-                <span className="min-w-0 flex-1">
-                  <span className="block truncate text-sm font-medium">
-                    {route.site_name}
-                  </span>
-                  <span className="block truncate text-xs text-muted-foreground">
-                    {(route.zone_domains ?? []).map((item) => item.domain).join(', ') ||
-                      '未绑定域名'}
-                  </span>
-                </span>
-              </button>
-            ))}
-          </div>
-        </div>
-
-        <SheetFooter className="px-4">
-          <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-            取消
-          </Button>
-          <Button
-            type="button"
-            disabled={!group || pending}
-            onClick={() => onSave(selectedIDs)}
-          >
-            {pending ? '保存中...' : '保存应用范围'}
-          </Button>
-        </SheetFooter>
-      </SheetContent>
-    </Sheet>
-  );
-}