refactor: /admin 改为聚合入口页面，订单管理移至 /admin/orders

- 新建 /admin/orders 页面（原 /admin 订单管理内容）
- /admin 重写为卡片式导航入口（订单/数据/渠道/订阅）
- 导航栏新增"总览"项，更新所有交叉引用链接
- README 管理后台章节同步更新

README.md

@@ -271,7 +271,7 @@ docker compose exec app npx prisma migrate deploy
 | -------- | ------------------------------------ | ----------------------- |
 | 充值页面 | `https://pay.example.com/pay`        | 用户充值入口            |
 | 我的订单 | `https://pay.example.com/pay/orders` | 用户查看自己的充值记录  |
-| 订单管理 | `https://pay.example.com/admin`      | 仅 Sub2API 管理员可访问 |
+| 管理后台 | `https://pay.example.com/admin`      | 管理后台入口（仅管理员）|
 
 Sub2API **v0.1.88** 及以上版本会自动拼接以下参数，无需手动添加：
 
@@ -288,13 +288,13 @@ Sub2API **v0.1.88** 及以上版本会自动拼接以下参数，无需手动添
 
 访问：`https://pay.example.com/admin?token=YOUR_ADMIN_TOKEN`
 
-| 功能     | 说明                                        |
+| 模块     | 路径                   | 说明                                        |
-| -------- | ------------------------------------------- |
+| -------- | ---------------------- | ------------------------------------------- |
-| 订单列表 | 按状态筛选、分页浏览，支持每页 20/50/100 条 |
+| 总览     | `/admin`               | 聚合入口，卡片式导航到各管理模块            |
-| 订单详情 | 查看完整字段与操作审计日志                  |
+| 订单管理 | `/admin/orders`        | 按状态筛选、分页浏览、订单详情、重试/取消/退款 |
-| 重试充值 | 对已支付但充值失败的订单重新发起充值        |
+| 数据概览 | `/admin/dashboard`     | 收入统计、订单趋势、支付方式分布            |
-| 取消订单 | 强制取消待支付订单                          |
+| 渠道管理 | `/admin/channels`      | 配置 API 渠道与倍率，支持从 Sub2API 同步    |
-| 退款     | 对已完成订单发起退款并扣减 Sub2API 余额     |
+| 订阅管理 | `/admin/subscriptions` | 管理订阅套餐与用户订阅                      |
 
 ---
 

src/app/admin/channels/page.tsx

@@ -502,7 +502,7 @@ function ChannelsContent() {
       locale={locale}
       actions={
         <>
-          <a href={`/admin?${navParams}`} className={btnBase}>
+          <a href={`/admin/orders?${navParams}`} className={btnBase}>
             {t.orders}
           </a>
           <button type="button" onClick={fetchChannels} className={btnBase}>

src/app/admin/dashboard/page.tsx

@@ -143,7 +143,7 @@ function DashboardContent() {
               {text.daySuffix}
             </button>
           ))}
-          <a href={`/admin?${navParams}`} className={btnBase}>
+          <a href={`/admin/orders?${navParams}`} className={btnBase}>
             {text.orders}
           </a>
           <button type="button" onClick={fetchData} className={btnBase}>

src/app/admin/layout.tsx

@@ -5,7 +5,8 @@ import { Suspense } from 'react';
 import { resolveLocale } from '@/lib/locale';
 
 const NAV_ITEMS = [
-  { path: '/admin', label: { zh: '订单管理', en: 'Orders' } },
+  { path: '/admin', label: { zh: '总览', en: 'Overview' } },
+  { path: '/admin/orders', label: { zh: '订单管理', en: 'Orders' } },
   { path: '/admin/dashboard', label: { zh: '数据概览', en: 'Dashboard' } },
   { path: '/admin/channels', label: { zh: '渠道管理', en: 'Channels' } },
   { path: '/admin/subscriptions', label: { zh: '订阅管理', en: 'Subscriptions' } },

src/app/admin/orders/page.tsx

@@ -0,0 +1,349 @@
+'use client';
+
+import { useSearchParams } from 'next/navigation';
+import { useState, useEffect, useCallback, Suspense } from 'react';
+import OrderTable from '@/components/admin/OrderTable';
+import OrderDetail from '@/components/admin/OrderDetail';
+import PaginationBar from '@/components/PaginationBar';
+import PayPageLayout from '@/components/PayPageLayout';
+import { resolveLocale, type Locale } from '@/lib/locale';
+
+interface AdminOrder {
+  id: string;
+  userId: number;
+  userName: string | null;
+  userEmail: string | null;
+  userNotes: string | null;
+  amount: number;
+  status: string;
+  paymentType: string;
+  createdAt: string;
+  paidAt: string | null;
+  completedAt: string | null;
+  failedReason: string | null;
+  expiresAt: string;
+  srcHost: string | null;
+}
+
+interface AdminOrderDetail extends AdminOrder {
+  rechargeCode: string;
+  paymentTradeNo: string | null;
+  refundAmount: number | null;
+  refundReason: string | null;
+  refundAt: string | null;
+  forceRefund: boolean;
+  failedAt: string | null;
+  updatedAt: string;
+  clientIp: string | null;
+  srcHost: string | null;
+  srcUrl: string | null;
+  paymentSuccess?: boolean;
+  rechargeSuccess?: boolean;
+  rechargeStatus?: string;
+  auditLogs: { id: string; action: string; detail: string | null; operator: string | null; createdAt: string }[];
+}
+
+function AdminContent() {
+  const searchParams = useSearchParams();
+  const token = searchParams.get('token');
+  const theme = searchParams.get('theme') === 'dark' ? 'dark' : 'light';
+  const uiMode = searchParams.get('ui_mode') || 'standalone';
+  const locale = resolveLocale(searchParams.get('lang'));
+  const isDark = theme === 'dark';
+  const isEmbedded = uiMode === 'embedded';
+
+  const text =
+    locale === 'en'
+      ? {
+          missingToken: 'Missing admin token',
+          missingTokenHint: 'Please access the admin page from the Sub2API platform.',
+          invalidToken: 'Invalid admin token',
+          requestFailed: 'Request failed',
+          loadOrdersFailed: 'Failed to load orders',
+          retryConfirm: 'Retry recharge for this order?',
+          retryFailed: 'Retry failed',
+          retryRequestFailed: 'Retry request failed',
+          cancelConfirm: 'Cancel this order?',
+          cancelFailed: 'Cancel failed',
+          cancelRequestFailed: 'Cancel request failed',
+          loadDetailFailed: 'Failed to load order details',
+          title: 'Order Management',
+          subtitle: 'View and manage all recharge orders',
+          dashboard: 'Dashboard',
+          refresh: 'Refresh',
+          loading: 'Loading...',
+          statuses: {
+            '': 'All',
+            PENDING: 'Pending',
+            PAID: 'Paid',
+            RECHARGING: 'Recharging',
+            COMPLETED: 'Completed',
+            EXPIRED: 'Expired',
+            CANCELLED: 'Cancelled',
+            FAILED: 'Recharge failed',
+            REFUNDED: 'Refunded',
+          },
+        }
+      : {
+          missingToken: '缺少管理员凭证',
+          missingTokenHint: '请从 Sub2API 平台正确访问管理页面',
+          invalidToken: '管理员凭证无效',
+          requestFailed: '请求失败',
+          loadOrdersFailed: '加载订单列表失败',
+          retryConfirm: '确认重试充值？',
+          retryFailed: '重试失败',
+          retryRequestFailed: '重试请求失败',
+          cancelConfirm: '确认取消该订单？',
+          cancelFailed: '取消失败',
+          cancelRequestFailed: '取消请求失败',
+          loadDetailFailed: '加载订单详情失败',
+          title: '订单管理',
+          subtitle: '查看和管理所有充值订单',
+          dashboard: '数据概览',
+          refresh: '刷新',
+          loading: '加载中...',
+          statuses: {
+            '': '全部',
+            PENDING: '待支付',
+            PAID: '已支付',
+            RECHARGING: '充值中',
+            COMPLETED: '已完成',
+            EXPIRED: '已超时',
+            CANCELLED: '已取消',
+            FAILED: '充值失败',
+            REFUNDED: '已退款',
+          },
+        };
+
+  const [orders, setOrders] = useState<AdminOrder[]>([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(20);
+  const [totalPages, setTotalPages] = useState(1);
+  const [statusFilter, setStatusFilter] = useState('');
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState('');
+
+  const [detailOrder, setDetailOrder] = useState<AdminOrderDetail | null>(null);
+
+  const fetchOrders = useCallback(async () => {
+    if (!token) return;
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({ token, page: String(page), page_size: String(pageSize) });
+      if (statusFilter) params.set('status', statusFilter);
+
+      const res = await fetch(`/api/admin/orders?${params}`);
+      if (!res.ok) {
+        if (res.status === 401) {
+          setError(text.invalidToken);
+          return;
+        }
+        throw new Error(text.requestFailed);
+      }
+
+      const data = await res.json();
+      setOrders(data.orders);
+      setTotal(data.total);
+      setTotalPages(data.total_pages);
+    } catch {
+      setError(text.loadOrdersFailed);
+    } finally {
+      setLoading(false);
+    }
+  }, [token, page, pageSize, statusFilter]);
+
+  useEffect(() => {
+    fetchOrders();
+  }, [fetchOrders]);
+
+  if (!token) {
+    return (
+      <div className={`flex min-h-screen items-center justify-center p-4 ${isDark ? 'bg-slate-950' : 'bg-slate-50'}`}>
+        <div className="text-center text-red-500">
+          <p className="text-lg font-medium">{text.missingToken}</p>
+          <p className="mt-2 text-sm text-gray-500">{text.missingTokenHint}</p>
+        </div>
+      </div>
+    );
+  }
+
+  const handleRetry = async (orderId: string) => {
+    if (!confirm(text.retryConfirm)) return;
+    try {
+      const res = await fetch(`/api/admin/orders/${orderId}/retry?token=${token}`, {
+        method: 'POST',
+      });
+      if (res.ok) {
+        fetchOrders();
+      } else {
+        const data = await res.json();
+        setError(data.error || text.retryFailed);
+      }
+    } catch {
+      setError(text.retryRequestFailed);
+    }
+  };
+
+  const handleCancel = async (orderId: string) => {
+    if (!confirm(text.cancelConfirm)) return;
+    try {
+      const res = await fetch(`/api/admin/orders/${orderId}/cancel?token=${token}`, {
+        method: 'POST',
+      });
+      if (res.ok) {
+        fetchOrders();
+      } else {
+        const data = await res.json();
+        setError(data.error || text.cancelFailed);
+      }
+    } catch {
+      setError(text.cancelRequestFailed);
+    }
+  };
+
+  const handleViewDetail = async (orderId: string) => {
+    try {
+      const res = await fetch(`/api/admin/orders/${orderId}?token=${token}`);
+      if (res.ok) {
+        const data = await res.json();
+        setDetailOrder(data);
+      }
+    } catch {
+      setError(text.loadDetailFailed);
+    }
+  };
+
+  const statuses = ['', 'PENDING', 'PAID', 'RECHARGING', 'COMPLETED', 'EXPIRED', 'CANCELLED', 'FAILED', 'REFUNDED'];
+  const statusLabels: Record<string, string> = text.statuses;
+
+  const navParams = new URLSearchParams();
+  if (token) navParams.set('token', token);
+  if (locale === 'en') navParams.set('lang', 'en');
+  if (isDark) navParams.set('theme', 'dark');
+  if (isEmbedded) navParams.set('ui_mode', 'embedded');
+
+  const btnBase = [
+    'inline-flex items-center rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
+    isDark
+      ? 'border-slate-600 text-slate-200 hover:bg-slate-800'
+      : 'border-slate-300 text-slate-700 hover:bg-slate-100',
+  ].join(' ');
+
+  return (
+    <PayPageLayout
+      isDark={isDark}
+      isEmbedded={isEmbedded}
+      maxWidth="full"
+      title={text.title}
+      subtitle={text.subtitle}
+      locale={locale}
+      actions={
+        <>
+          <a href={`/admin/dashboard?${navParams}`} className={btnBase}>
+            {text.dashboard}
+          </a>
+          <button type="button" onClick={fetchOrders} className={btnBase}>
+            {text.refresh}
+          </button>
+        </>
+      }
+    >
+      {error && (
+        <div
+          className={`mb-4 rounded-lg border p-3 text-sm ${isDark ? 'border-red-800 bg-red-950/50 text-red-400' : 'border-red-200 bg-red-50 text-red-600'}`}
+        >
+          {error}
+          <button onClick={() => setError('')} className="ml-2 opacity-60 hover:opacity-100">
+            ✕
+          </button>
+        </div>
+      )}
+
+      {/* Filters */}
+      <div className="mb-4 flex flex-wrap gap-2">
+        {statuses.map((s) => (
+          <button
+            key={s}
+            onClick={() => {
+              setStatusFilter(s);
+              setPage(1);
+            }}
+            className={[
+              'rounded-full px-3 py-1 text-sm transition-colors',
+              statusFilter === s
+                ? isDark
+                  ? 'bg-indigo-500/30 text-indigo-200 ring-1 ring-indigo-400/40'
+                  : 'bg-blue-600 text-white'
+                : isDark
+                  ? 'bg-slate-800 text-slate-400 hover:bg-slate-700'
+                  : 'bg-gray-100 text-gray-600 hover:bg-gray-200',
+            ].join(' ')}
+          >
+            {statusLabels[s]}
+          </button>
+        ))}
+      </div>
+
+      {/* Table */}
+      <div
+        className={[
+          'rounded-xl border',
+          isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-white shadow-sm',
+        ].join(' ')}
+      >
+        {loading ? (
+          <div className={`py-12 text-center ${isDark ? 'text-slate-400' : 'text-gray-500'}`}>{text.loading}</div>
+        ) : (
+          <OrderTable
+            orders={orders}
+            onRetry={handleRetry}
+            onCancel={handleCancel}
+            onViewDetail={handleViewDetail}
+            dark={isDark}
+            locale={locale}
+          />
+        )}
+      </div>
+
+      <PaginationBar
+        page={page}
+        totalPages={totalPages}
+        total={total}
+        pageSize={pageSize}
+        loading={loading}
+        onPageChange={(p) => setPage(p)}
+        onPageSizeChange={(s) => {
+          setPageSize(s);
+          setPage(1);
+        }}
+        locale={locale}
+        isDark={isDark}
+      />
+
+      {/* Order Detail */}
+      {detailOrder && (
+        <OrderDetail order={detailOrder} onClose={() => setDetailOrder(null)} dark={isDark} locale={locale} />
+      )}
+    </PayPageLayout>
+  );
+}
+
+function AdminPageFallback() {
+  const searchParams = useSearchParams();
+  const locale = resolveLocale(searchParams.get('lang'));
+
+  return (
+    <div className="flex min-h-screen items-center justify-center">
+      <div className="text-gray-500">{locale === 'en' ? 'Loading...' : '加载中...'}</div>
+    </div>
+  );
+}
+
+export default function AdminPage() {
+  return (
+    <Suspense fallback={<AdminPageFallback />}>
+      <AdminContent />
+    </Suspense>
+  );
+}

src/app/admin/page.tsx

@@ -1,49 +1,54 @@
 'use client';
 
 import { useSearchParams } from 'next/navigation';
-import { useState, useEffect, useCallback, Suspense } from 'react';
+import { Suspense } from 'react';
-import OrderTable from '@/components/admin/OrderTable';
-import OrderDetail from '@/components/admin/OrderDetail';
-import PaginationBar from '@/components/PaginationBar';
 import PayPageLayout from '@/components/PayPageLayout';
-import { resolveLocale, type Locale } from '@/lib/locale';
+import { resolveLocale } from '@/lib/locale';
 
-interface AdminOrder {
+const MODULES = [
-  id: string;
+  {
-  userId: number;
+    path: '/admin/orders',
-  userName: string | null;
+    label: { zh: '订单管理', en: 'Order Management' },
-  userEmail: string | null;
+    desc: { zh: '查看和管理所有充值订单', en: 'View and manage all recharge orders' },
-  userNotes: string | null;
+    icon: (
-  amount: number;
+      <svg className="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
-  status: string;
+        <path strokeLinecap="round" strokeLinejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15a2.25 2.25 0 012.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" />
-  paymentType: string;
+      </svg>
-  createdAt: string;
+    ),
-  paidAt: string | null;
+  },
-  completedAt: string | null;
+  {
-  failedReason: string | null;
+    path: '/admin/dashboard',
-  expiresAt: string;
+    label: { zh: '数据概览', en: 'Dashboard' },
-  srcHost: string | null;
+    desc: { zh: '收入统计与订单趋势', en: 'Revenue statistics and order trends' },
-}
+    icon: (
+      <svg className="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" />
+      </svg>
+    ),
+  },
+  {
+    path: '/admin/channels',
+    label: { zh: '渠道管理', en: 'Channel Management' },
+    desc: { zh: '配置 API 渠道与倍率', en: 'Configure API channels and rate multipliers' },
+    icon: (
+      <svg className="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m-3.75 0h7.5m-7.5 0H3m4.5 0a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m7.5-12a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m-3.75 0h7.5m-7.5 0H3m4.5 0a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3M18 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m-3.75 0h7.5M14.25 16.5H21m-4.5 0a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3" />
+      </svg>
+    ),
+  },
+  {
+    path: '/admin/subscriptions',
+    label: { zh: '订阅管理', en: 'Subscription Management' },
+    desc: { zh: '管理订阅套餐与用户订阅', en: 'Manage subscription plans and user subscriptions' },
+    icon: (
+      <svg className="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z" />
+      </svg>
+    ),
+  },
+];
 
-interface AdminOrderDetail extends AdminOrder {
+function AdminOverviewContent() {
-  rechargeCode: string;
-  paymentTradeNo: string | null;
-  refundAmount: number | null;
-  refundReason: string | null;
-  refundAt: string | null;
-  forceRefund: boolean;
-  failedAt: string | null;
-  updatedAt: string;
-  clientIp: string | null;
-  srcHost: string | null;
-  srcUrl: string | null;
-  paymentSuccess?: boolean;
-  rechargeSuccess?: boolean;
-  rechargeStatus?: string;
-  auditLogs: { id: string; action: string; detail: string | null; operator: string | null; createdAt: string }[];
-}
-
-function AdminContent() {
   const searchParams = useSearchParams();
   const token = searchParams.get('token');
   const theme = searchParams.get('theme') === 'dark' ? 'dark' : 'light';
@@ -57,106 +62,16 @@ function AdminContent() {
       ? {
           missingToken: 'Missing admin token',
           missingTokenHint: 'Please access the admin page from the Sub2API platform.',
-          invalidToken: 'Invalid admin token',
+          title: 'Admin Panel',
-          requestFailed: 'Request failed',
+          subtitle: 'Manage orders, analytics, channels and subscriptions',
-          loadOrdersFailed: 'Failed to load orders',
-          retryConfirm: 'Retry recharge for this order?',
-          retryFailed: 'Retry failed',
-          retryRequestFailed: 'Retry request failed',
-          cancelConfirm: 'Cancel this order?',
-          cancelFailed: 'Cancel failed',
-          cancelRequestFailed: 'Cancel request failed',
-          loadDetailFailed: 'Failed to load order details',
-          title: 'Order Management',
-          subtitle: 'View and manage all recharge orders',
-          dashboard: 'Dashboard',
-          refresh: 'Refresh',
-          loading: 'Loading...',
-          statuses: {
-            '': 'All',
-            PENDING: 'Pending',
-            PAID: 'Paid',
-            RECHARGING: 'Recharging',
-            COMPLETED: 'Completed',
-            EXPIRED: 'Expired',
-            CANCELLED: 'Cancelled',
-            FAILED: 'Recharge failed',
-            REFUNDED: 'Refunded',
-          },
         }
       : {
           missingToken: '缺少管理员凭证',
           missingTokenHint: '请从 Sub2API 平台正确访问管理页面',
-          invalidToken: '管理员凭证无效',
+          title: '管理后台',
-          requestFailed: '请求失败',
+          subtitle: '订单、数据、渠道与订阅的统一管理入口',
-          loadOrdersFailed: '加载订单列表失败',
-          retryConfirm: '确认重试充值？',
-          retryFailed: '重试失败',
-          retryRequestFailed: '重试请求失败',
-          cancelConfirm: '确认取消该订单？',
-          cancelFailed: '取消失败',
-          cancelRequestFailed: '取消请求失败',
-          loadDetailFailed: '加载订单详情失败',
-          title: '订单管理',
-          subtitle: '查看和管理所有充值订单',
-          dashboard: '数据概览',
-          refresh: '刷新',
-          loading: '加载中...',
-          statuses: {
-            '': '全部',
-            PENDING: '待支付',
-            PAID: '已支付',
-            RECHARGING: '充值中',
-            COMPLETED: '已完成',
-            EXPIRED: '已超时',
-            CANCELLED: '已取消',
-            FAILED: '充值失败',
-            REFUNDED: '已退款',
-          },
         };
 
-  const [orders, setOrders] = useState<AdminOrder[]>([]);
-  const [total, setTotal] = useState(0);
-  const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(20);
-  const [totalPages, setTotalPages] = useState(1);
-  const [statusFilter, setStatusFilter] = useState('');
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState('');
-
-  const [detailOrder, setDetailOrder] = useState<AdminOrderDetail | null>(null);
-
-  const fetchOrders = useCallback(async () => {
-    if (!token) return;
-    setLoading(true);
-    try {
-      const params = new URLSearchParams({ token, page: String(page), page_size: String(pageSize) });
-      if (statusFilter) params.set('status', statusFilter);
-
-      const res = await fetch(`/api/admin/orders?${params}`);
-      if (!res.ok) {
-        if (res.status === 401) {
-          setError(text.invalidToken);
-          return;
-        }
-        throw new Error(text.requestFailed);
-      }
-
-      const data = await res.json();
-      setOrders(data.orders);
-      setTotal(data.total);
-      setTotalPages(data.total_pages);
-    } catch {
-      setError(text.loadOrdersFailed);
-    } finally {
-      setLoading(false);
-    }
-  }, [token, page, pageSize, statusFilter]);
-
-  useEffect(() => {
-    fetchOrders();
-  }, [fetchOrders]);
-
   if (!token) {
     return (
       <div className={`flex min-h-screen items-center justify-center p-4 ${isDark ? 'bg-slate-950' : 'bg-slate-50'}`}>
@@ -168,168 +83,67 @@ function AdminContent() {
     );
   }
 
-  const handleRetry = async (orderId: string) => {
-    if (!confirm(text.retryConfirm)) return;
-    try {
-      const res = await fetch(`/api/admin/orders/${orderId}/retry?token=${token}`, {
-        method: 'POST',
-      });
-      if (res.ok) {
-        fetchOrders();
-      } else {
-        const data = await res.json();
-        setError(data.error || text.retryFailed);
-      }
-    } catch {
-      setError(text.retryRequestFailed);
-    }
-  };
-
-  const handleCancel = async (orderId: string) => {
-    if (!confirm(text.cancelConfirm)) return;
-    try {
-      const res = await fetch(`/api/admin/orders/${orderId}/cancel?token=${token}`, {
-        method: 'POST',
-      });
-      if (res.ok) {
-        fetchOrders();
-      } else {
-        const data = await res.json();
-        setError(data.error || text.cancelFailed);
-      }
-    } catch {
-      setError(text.cancelRequestFailed);
-    }
-  };
-
-  const handleViewDetail = async (orderId: string) => {
-    try {
-      const res = await fetch(`/api/admin/orders/${orderId}?token=${token}`);
-      if (res.ok) {
-        const data = await res.json();
-        setDetailOrder(data);
-      }
-    } catch {
-      setError(text.loadDetailFailed);
-    }
-  };
-
-  const statuses = ['', 'PENDING', 'PAID', 'RECHARGING', 'COMPLETED', 'EXPIRED', 'CANCELLED', 'FAILED', 'REFUNDED'];
-  const statusLabels: Record<string, string> = text.statuses;
-
   const navParams = new URLSearchParams();
   if (token) navParams.set('token', token);
   if (locale === 'en') navParams.set('lang', 'en');
   if (isDark) navParams.set('theme', 'dark');
   if (isEmbedded) navParams.set('ui_mode', 'embedded');
 
-  const btnBase = [
-    'inline-flex items-center rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
-    isDark
-      ? 'border-slate-600 text-slate-200 hover:bg-slate-800'
-      : 'border-slate-300 text-slate-700 hover:bg-slate-100',
-  ].join(' ');
-
   return (
-    <PayPageLayout
+    <PayPageLayout isDark={isDark} isEmbedded={isEmbedded} maxWidth="full" title={text.title} subtitle={text.subtitle} locale={locale}>
-      isDark={isDark}
+      <div className="grid gap-4 sm:grid-cols-2">
-      isEmbedded={isEmbedded}
+        {MODULES.map((mod) => (
-      maxWidth="full"
+          <a
-      title={text.title}
+            key={mod.path}
-      subtitle={text.subtitle}
+            href={`${mod.path}?${navParams}`}
-      locale={locale}
-      actions={
-        <>
-          <a href={`/admin/dashboard?${navParams}`} className={btnBase}>
-            {text.dashboard}
-          </a>
-          <button type="button" onClick={fetchOrders} className={btnBase}>
-            {text.refresh}
-          </button>
-        </>
-      }
-    >
-      {error && (
-        <div
-          className={`mb-4 rounded-lg border p-3 text-sm ${isDark ? 'border-red-800 bg-red-950/50 text-red-400' : 'border-red-200 bg-red-50 text-red-600'}`}
-        >
-          {error}
-          <button onClick={() => setError('')} className="ml-2 opacity-60 hover:opacity-100">
-            ✕
-          </button>
-        </div>
-      )}
-
-      {/* Filters */}
-      <div className="mb-4 flex flex-wrap gap-2">
-        {statuses.map((s) => (
-          <button
-            key={s}
-            onClick={() => {
-              setStatusFilter(s);
-              setPage(1);
-            }}
             className={[
-              'rounded-full px-3 py-1 text-sm transition-colors',
+              'group flex items-start gap-4 rounded-xl border p-5 transition-all',
-              statusFilter === s
+              isDark
-                ? isDark
+                ? 'border-slate-700 bg-slate-800/70 hover:border-indigo-500/50 hover:bg-slate-800'
-                  ? 'bg-indigo-500/30 text-indigo-200 ring-1 ring-indigo-400/40'
+                : 'border-slate-200 bg-white shadow-sm hover:border-blue-300 hover:shadow-md',
-                  : 'bg-blue-600 text-white'
-                : isDark
-                  ? 'bg-slate-800 text-slate-400 hover:bg-slate-700'
-                  : 'bg-gray-100 text-gray-600 hover:bg-gray-200',
             ].join(' ')}
           >
-            {statusLabels[s]}
+            <div
-          </button>
+              className={[
+                'flex h-12 w-12 shrink-0 items-center justify-center rounded-lg transition-colors',
+                isDark
+                  ? 'bg-slate-700 text-slate-300 group-hover:bg-indigo-500/20 group-hover:text-indigo-300'
+                  : 'bg-slate-100 text-slate-500 group-hover:bg-blue-50 group-hover:text-blue-600',
+              ].join(' ')}
+            >
+              {mod.icon}
+            </div>
+            <div className="min-w-0 flex-1">
+              <h3
+                className={[
+                  'text-base font-semibold transition-colors',
+                  isDark ? 'text-slate-100 group-hover:text-indigo-200' : 'text-slate-900 group-hover:text-blue-700',
+                ].join(' ')}
+              >
+                {mod.label[locale]}
+              </h3>
+              <p className={`mt-1 text-sm ${isDark ? 'text-slate-400' : 'text-slate-500'}`}>{mod.desc[locale]}</p>
+            </div>
+            <svg
+              className={[
+                'mt-1 h-5 w-5 shrink-0 transition-transform group-hover:translate-x-0.5',
+                isDark ? 'text-slate-600' : 'text-slate-300',
+              ].join(' ')}
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+              strokeWidth={2}
+            >
+              <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
+            </svg>
+          </a>
         ))}
       </div>
-
-      {/* Table */}
-      <div
-        className={[
-          'rounded-xl border',
-          isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-white shadow-sm',
-        ].join(' ')}
-      >
-        {loading ? (
-          <div className={`py-12 text-center ${isDark ? 'text-slate-400' : 'text-gray-500'}`}>{text.loading}</div>
-        ) : (
-          <OrderTable
-            orders={orders}
-            onRetry={handleRetry}
-            onCancel={handleCancel}
-            onViewDetail={handleViewDetail}
-            dark={isDark}
-            locale={locale}
-          />
-        )}
-      </div>
-
-      <PaginationBar
-        page={page}
-        totalPages={totalPages}
-        total={total}
-        pageSize={pageSize}
-        loading={loading}
-        onPageChange={(p) => setPage(p)}
-        onPageSizeChange={(s) => {
-          setPageSize(s);
-          setPage(1);
-        }}
-        locale={locale}
-        isDark={isDark}
-      />
-
-      {/* Order Detail */}
-      {detailOrder && (
-        <OrderDetail order={detailOrder} onClose={() => setDetailOrder(null)} dark={isDark} locale={locale} />
-      )}
     </PayPageLayout>
   );
 }
 
-function AdminPageFallback() {
+function AdminOverviewFallback() {
   const searchParams = useSearchParams();
   const locale = resolveLocale(searchParams.get('lang'));
 
@@ -342,8 +156,8 @@ function AdminPageFallback() {
 
 export default function AdminPage() {
   return (
-    <Suspense fallback={<AdminPageFallback />}>
+    <Suspense fallback={<AdminOverviewFallback />}>
-      <AdminContent />
+      <AdminOverviewContent />
     </Suspense>
   );
 }

src/app/admin/subscriptions/page.tsx

@@ -595,7 +595,7 @@ function SubscriptionsContent() {
       locale={locale}
       actions={
         <>
-          <a href={`/admin?${navParams}`} className={btnBase}>
+          <a href={`/admin/orders?${navParams}`} className={btnBase}>
             {t.orders}
           </a>
           <a href={`/admin/dashboard?${navParams}`} className={btnBase}>