feat(cloudflare): add DNS pointing integration

frontend/tests/cloudflare/cloudflare-overview.test.tsx

@@ -4,19 +4,62 @@ import { createElement } from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import CloudflarePage from '@/app/(main)/cloudflare/page';
-import { CloudflareService } from '@/lib/services/openflare';
+import { AdminTaskService } from '@/lib/services/admin';
+import { CloudflareService, NodeService } from '@/lib/services/openflare';
 
 vi.mock('@/lib/services/openflare', async (importOriginal) => {
   const actual =
     await importOriginal<typeof import('@/lib/services/openflare')>();
   return {
     ...actual,
-    CloudflareService: { ...actual.CloudflareService, getOverview: vi.fn() },
+    CloudflareService: {
+      ...actual.CloudflareService,
+      getOverview: vi.fn(),
+      listGroups: vi.fn(),
+      createGroup: vi.fn(),
+      syncGroup: vi.fn(),
+      deleteGroup: vi.fn(),
+    },
+    NodeService: { ...actual.NodeService, listNodes: vi.fn() },
   };
 });
 
+vi.mock('@/lib/services/admin', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@/lib/services/admin')>();
+  return {
+    ...actual,
+    AdminTaskService: {
+      ...actual.AdminTaskService,
+      listTaskExecutions: vi.fn(),
+      getTaskExecution: vi.fn(),
+      retryTaskExecution: vi.fn(),
+    },
+  };
+});
+
+function renderPage() {
+  const client = new QueryClient({
+    defaultOptions: { queries: { retry: false, gcTime: 0 } },
+  });
+  render(
+    createElement(
+      QueryClientProvider,
+      { client },
+      createElement(CloudflarePage),
+    ),
+  );
+}
+
 describe('Cloudflare overview', () => {
   beforeEach(() => {
+    vi.mocked(CloudflareService.listGroups).mockResolvedValue([]);
+    vi.mocked(NodeService.listNodes).mockResolvedValue([]);
+    vi.mocked(AdminTaskService.listTaskExecutions).mockResolvedValue({
+      items: [],
+      total: 0,
+      page: 1,
+      page_size: 10,
+    });
     vi.mocked(CloudflareService.getOverview).mockResolvedValue({
       connection: {
         configured: false,
@@ -34,19 +77,51 @@ describe('Cloudflare overview', () => {
     });
   });
 
-  it('shows the token readiness gate and phase-one limitation', async () => {
-    const client = new QueryClient({
-      defaultOptions: { queries: { retry: false, gcTime: 0 } },
-    });
-    render(
-      createElement(
-        QueryClientProvider,
-        { client },
-        createElement(CloudflarePage),
-      ),
-    );
+  it('shows the token readiness gate without the synchronization boundary card', async () => {
+    renderPage();
 
     expect(await screen.findByText('Cloudflare 连接尚未就绪')).toBeVisible();
-    expect(screen.getByText(/一期不提供自动故障切换/)).toBeVisible();
+    expect(screen.queryByText('同步边界')).not.toBeInTheDocument();
+  });
+
+  it('renders pointing groups directly on the overview page', async () => {
+    vi.mocked(CloudflareService.getOverview).mockResolvedValue({
+      connection: {
+        configured: true,
+        ready: true,
+        source: 'standalone',
+        dns_account_id: null,
+        status: 'ready',
+        verified_at: null,
+      },
+      group_count: 1,
+      member_count: 2,
+      ok_count: 1,
+      pending_count: 1,
+      error_count: 0,
+    });
+    vi.mocked(CloudflareService.listGroups).mockResolvedValue([
+      {
+        id: 7,
+        name: '生产节点',
+        primary_node: { id: 1, name: '主节点', ip: '192.0.2.1' },
+        backup_node: null,
+        active_node: { id: 1, name: '主节点', ip: '192.0.2.1' },
+        default_proxied: true,
+        enabled: true,
+        member_count: 2,
+        created_at: '',
+        updated_at: '',
+      },
+    ]);
+
+    renderPage();
+
+    expect(await screen.findByText('生产节点')).toBeVisible();
+    expect(screen.getByRole('link', { name: '管理' })).toHaveAttribute(
+      'href',
+      '/cloudflare/groups/7',
+    );
+    expect(await screen.findByText('同步任务')).toBeVisible();
   });
 });