feat(simnet): add SimNet protocol to admin server form

- form-schema: constants/defaults/schemas/types + full ~48 simnet field set - server-form: SimNet field group rendering - node-form: allow simnet protocol type - i18n: en-US / zh-CN simnet labels
feat(抽奖): 人工发放(crypto)奖品去掉金额/币种/网络/领奖窗口配置 + 重建 dist.zip
2026-07-27 00:18:47 -07:00 · 2026-07-17 06:48:39 -07:00 · 2026-07-17 06:26:14 -07:00 · 2026-07-17 02:09:15 -07:00 · 2026-07-17 01:37:54 -07:00 · 2026-07-17 00:18:02 -07:00
103 changed files with 11047 additions and 366 deletions
@@ -68,9 +68,26 @@
      "Read(//Users/Apple/.claude/**)",
      "Bash(2)",
      "Bash(claude mcp:*)",
-      "Bash(mysql:*)"
+      "Bash(mysql:*)",
+      "Bash(curl *)",
+      "mcp__mysql-ppanel__mysql_query",
+      "Read(//Users/Apple/code_vpn/vpn/**)",
+      "Read(//Users/Apple/code_vpn/**)",
+      "Bash(perl -0pi -e 's/onValueChange=\\\\{\\\\\\(value\\\\\\) =>\\\\n\\( +\\)field\\\\.onChange\\\\\\(value === \"\" \\\\? undefined : value\\\\\\)\\\\n\\( +\\)\\\\}/onValueChange={\\(value\\) => field.onChange\\(value\\)}/g' apps/admin/src/sections/lottery/rule-editor.tsx apps/admin/src/sections/lottery/grant-dialog.tsx)",
+      "Bash(pnpm --filter ppanel-admin-web exec vite build)",
+      "Bash(echo \"EXIT:$?\")",
+      "Read(//tmp/**)",
+      "Bash(git -C /Users/Apple/code_vpn/vpn/frontend status --short apps/admin/dist apps/admin/src/routeTree.gen.ts)",
+      "Bash(bun x *)",
+      "Bash(git *)",
+      "Bash(echo \"tsc exit: $?\")",
+      "Bash(echo \"biome exit: $?\")",
+      "Bash(unzip -l apps/admin/dist.zip)",
+      "Bash(awk '/^@@ -3297/{exit} {print}' /tmp/typings-full.patch)"
    ]
  },
-  "enabledMcpjsonServers": ["mysql"],
-  "enableAllProjectMcpServers": true
+  "enableAllProjectMcpServers": true,
+  "enabledMcpjsonServers": [
+    "mysql"
+  ]
 }
@@ -1,30 +1,29 @@
 name: Dependabot Auto Merge
+
 on:
  pull_request_target:
-    types: [labeled, edited]
+    types: [opened, reopened, synchronize, ready_for_review, labeled]
+
+permissions:
+  contents: write
+  pull-requests: write
+
+concurrency:
+  group: dependabot-auto-merge-${{ github.event.pull_request.number }}
+  cancel-in-progress: true

 jobs:
  merge:
-    if: contains(github.event.pull_request.labels.*.name, 'dependencies')
+    if: >
+      github.actor == 'dependabot[bot]' &&
+      github.event.pull_request.user.login == 'dependabot[bot]' &&
+      contains(github.event.pull_request.labels.*.name, 'dependencies')
    name: Dependabot Auto Merge
    runs-on: ubuntu-latest
+    timeout-minutes: 5
    steps:
-      - uses: actions/checkout@v4
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-
-      - name: Setup Node.js environment
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-
-      - name: Install deps
-        run: pnpm install
-
-      - name: Merge
-        uses: ahmadnassri/action-dependabot-auto-merge@v2
-        with:
-          command: merge
-          target: minor
-          github-token: ${{ secrets.GH_TOKEN }}
+      - name: Enable auto-merge
+        env:
+          GH_TOKEN: ${{ github.token }}
+          PR_URL: ${{ github.event.pull_request.html_url }}
+        run: gh pr merge "$PR_URL" --auto --merge
@@ -0,0 +1,48 @@
+name: PR Check
+
+on:
+  push:
+    branches:
+      - main
+      - internal
+  pull_request:
+    branches:
+      - main
+      - internal
+
+permissions:
+  contents: read
+
+concurrency:
+  group: pr-check-${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  validate:
+    name: Lint, Check, Test and Build
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: '1.3.1'
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Lint
+        run: bun run lint
+
+      - name: Check
+        run: bun run check
+
+      - name: Test
+        run: bun run test
+
+      - name: Build
+        run: bun run build
@@ -9,20 +9,25 @@ on:
 permissions:
  contents: write

+concurrency:
+  group: release-${{ github.ref }}
+  cancel-in-progress: false
+
 jobs:
  release:
    name: Build
    runs-on: ubuntu-latest
+    timeout-minutes: 30
    steps:
      - uses: actions/checkout@v4

      - name: Setup Bun
-        uses: oven-sh/setup-bun@v1
+        uses: oven-sh/setup-bun@v2
        with:
-          bun-version: 'latest'
+          bun-version: '1.3.1'

      - name: Cache Bun dependencies
-        uses: actions/cache@v3
+        uses: actions/cache@v4
        with:
          path: |
            ~/.bun
@@ -32,7 +37,7 @@ jobs:
            ${{ runner.os }}-bun-cache-

      - name: Install deps
-        run: bun install
+        run: bun install --frozen-lockfile

      - name: Build
        run: bun run build
@@ -29,5 +29,6 @@
  "users": "Users",
  "userTitle": "User Statistics",
  "userTraffic": "User Traffic",
+  "withdrawalManagement": "Withdrawal Management",
  "yesterday": "Yesterday"
 }
@@ -0,0 +1,23 @@
+{
+  "commission": "Commission",
+  "days": "{{count}} days",
+  "disabled": "Disabled",
+  "empty": "No invite records",
+  "enabled": "Enabled",
+  "hasPurchased": "Purchased",
+  "invitee": "Invitee",
+  "inviteeGiftDays": "Invitee Gift Days",
+  "inviteeId": "Invitee ID",
+  "invitedAt": "Invited At",
+  "inviter": "Inviter",
+  "inviterGiftDays": "Inviter Gift Days",
+  "inviterId": "Inviter ID",
+  "loadErrorDescription": "Refresh the table or try again later.",
+  "loadErrorTitle": "Failed to load invites",
+  "no": "No",
+  "orderCount": "Orders",
+  "searchPlaceholder": "Email or phone",
+  "status": "Status",
+  "title": "Invite Management",
+  "yes": "Yes"
+}
@@ -0,0 +1,273 @@
+{
+  "activityTime": "Activity Time",
+  "cancel": "Cancel",
+  "confirm": "Confirm",
+  "confirmPause": "Are you sure you want to pause this activity?",
+  "confirmPublish": "Are you sure you want to publish this activity?",
+  "create": "Create",
+  "createActivity": "Create Activity",
+  "createSuccess": "Create Success",
+  "detail": {
+    "prizesTab": "Prizes",
+    "rulesTab": "Rules",
+    "claimsTab": "Claims",
+    "drawsTab": "Draw records"
+  },
+  "edit": "Edit",
+  "editActivity": "Edit Activity",
+  "form": {
+    "cancel": "Cancel",
+    "confirm": "Confirm",
+    "description": "Description",
+    "descriptionPlaceholder": "Activity description (Markdown supported)",
+    "endAt": "End Time",
+    "endAtAfterStartAt": "End time must be later than start time",
+    "endAtRequired": "End time is required",
+    "gridSize": "Grid Size",
+    "selectEndAt": "Select time",
+    "selectGridSize": "Select grid size",
+    "selectStartAt": "Select time",
+    "startAt": "Start Time",
+    "startAtRequired": "Start time is required",
+    "title": "Title",
+    "titlePlaceholder": "Activity title",
+    "titleRequired": "Title is required"
+  },
+  "grant": {
+    "amount": "Amount",
+    "description": "Manually grant draw chances to a user for activity: {{title}}",
+    "sourceRef": "Source Reference",
+    "sourceRefHint": "Idempotency key: the same reference only grants once. Repeated submissions will not grant again.",
+    "sourceRefPlaceholder": "grant-20260709-abc123",
+    "success": "Chances granted",
+    "title": "Grant Chances",
+    "userId": "User ID",
+    "userIdHint": "Enter the numeric user ID. You can find it in the user management list.",
+    "userIdPlaceholder": "e.g. 87433"
+  },
+  "grantChances": "Grant Chances",
+  "gridSize": "Grid Size",
+  "id": "ID",
+  "manage": "Manage",
+  "pause": "Pause",
+  "pauseSuccess": "Pause Success",
+  "pauseWarning": "Users will not be able to draw while the activity is paused.",
+  "prize": {
+    "addPrize": "Add Prize",
+    "amountPrecision": "Amount supports at most 2 decimal places",
+    "amountRequired": "Amount must be greater than 0",
+    "amountUnitHint": "Entered in CNY (yuan), stored as cents; up to 2 decimal places",
+    "amountYuan": "Commission Amount (CNY)",
+    "cancel": "Cancel",
+    "centerSlotHint": "Usually the draw button",
+    "claimTtlHint": "How long the user has to submit claim info. Default 168h (7 days).",
+    "claimTtlHours": "Claim window (hours)",
+    "claimTtlInvalid": "Claim window (hours) must be a positive integer",
+    "confirm": "Confirm",
+    "confirmDelete": "Delete",
+    "createSuccess": "Prize created",
+    "createTitle": "Add Prize",
+    "cryptoAmount": "Amount",
+    "cryptoAmountPlaceholder": "e.g. 0.01",
+    "cryptoAmountRequired": "Amount is required",
+    "cryptoCurrency": "Currency",
+    "cryptoCurrencyRequired": "Currency is required",
+    "cryptoNetworks": "Networks",
+    "cryptoNetworksHint": "Comma-separated. The user picks one of these when claiming.",
+    "cryptoNetworksRequired": "At least one network is required (comma-separated)",
+    "daysSuffix": "days",
+    "delete": "Delete",
+    "deleteDescription": "This prize will be removed from the grid. This action cannot be undone.",
+    "deleteSuccess": "Prize deleted",
+    "deleteTitle": "Delete this prize?",
+    "durationDays": "Duration (days)",
+    "durationDaysPlaceholder": "e.g. 1",
+    "durationDaysRequired": "Duration days must be a positive integer",
+    "durationSummary": "{{days}} days",
+    "editTitle": "Edit Prize",
+    "fallbackBadge": "Fallback",
+    "fallbackIgnoresWeight": "Fallback prize ignores probability (never randomly drawn)",
+    "hoursSuffix": "hours",
+    "iconUrl": "Icon URL",
+    "iconUrlInvalid": "Must be a valid URL",
+    "isFallback": "Fallback Prize",
+    "isFallbackHint": "Awarded when limited prizes are sold out",
+    "manualPrizeHint": "Manual prize: no extra config. When won, the user contacts customer service with a screenshot to redeem — no in-app claim form.",
+    "name": "Prize Name",
+    "namePlaceholder": "e.g. 1-Day Pass",
+    "nameRequired": "Name is required",
+    "noFallbackHint": "Consider configuring a fallback prize so draws never fail when limited prizes run out.",
+    "noFallbackTitle": "No fallback prize",
+    "noRandomPrizes": "No prizes participate in the random draw yet",
+    "noneHint": "No config needed. Consider enabling fallback so users always land on this prize when limited prizes run out.",
+    "probabilityPreview": "Probability Preview",
+    "probabilityTotal": "Total",
+    "selectType": "Select type",
+    "skuName": "Item name (optional)",
+    "skuNamePlaceholder": "e.g. Limited T-shirt",
+    "slotLabel": "Slot",
+    "soldOutBadge": "Sold Out",
+    "stockShort": "Stock",
+    "subscribePlan": "New-subscription plan",
+    "subscribePlanHint": "When the user has no active subscription, create one on this plan and grant the duration. Leave empty to skip granting.",
+    "subscribePlanPlaceholder": "None — skip if user has no active subscription",
+    "totalNot100Hint": "The drawable prizes currently total {{total}}%. Adjust each prize's win probability so they sum to exactly 100%.",
+    "totalNot100Title": "Probabilities must total 100%",
+    "totalStock": "Total Stock",
+    "totalStockPlaceholder": "e.g. 100",
+    "totalStockRequired": "Total stock must be a positive integer",
+    "type": "Prize Type",
+    "typeCommission": "Commission",
+    "typeCoupon": "Coupon",
+    "typeCrypto": "Manual Grant",
+    "typeManualOther": "Manual (Other)",
+    "typeNone": "No Prize (Thanks)",
+    "typePhysical": "Physical",
+    "typePoints": "Points",
+    "typeVpnDuration": "VPN Duration",
+    "unlimitedStock": "Unlimited Stock",
+    "updateSuccess": "Prize updated",
+    "weight": "Win probability (%)",
+    "weightHint": "Percent chance in the grid. All drawable prizes must total 100%. 0 = shown but never drawn.",
+    "weightInteger": "Probability must be an integer",
+    "weightMax": "Probability cannot exceed 100",
+    "weightMin": "Probability must be at least 0",
+    "weightShort": "Prob",
+    "yuanSuffix": "CNY"
+  },
+  "publish": "Publish",
+  "publishSuccess": "Publish Success",
+  "publishWarning": "Once published, the activity becomes visible to users.",
+  "rules": {
+    "addCondition": "Add Condition",
+    "addSource": "Add Source",
+    "amount": "Amount",
+    "cannotSimplify": "This rule tree is too complex for simple mode. Please edit it in Advanced mode.",
+    "capsBytesExceeded": "Size {{value}} bytes exceeds limit {{limit}} bytes",
+    "capsDepthExceeded": "Depth {{value}} exceeds limit {{limit}}",
+    "capsExceeded": "Rule tree exceeds limits",
+    "capsNodesExceeded": "Node count {{value}} exceeds limit {{limit}}",
+    "chanceSources": "Chance Sources",
+    "chanceSourcesDescription": "Configure how users earn draw chances. Each source can only appear once.",
+    "conditionType": {
+      "has_subscription": "Has Subscription",
+      "invite_count": "Invite Count",
+      "register_days": "Register Days",
+      "subscription_type": "Subscription Type",
+      "total_recharge": "Total Recharge",
+      "user_tag": "User Tag"
+    },
+    "dailyLimit": "Daily limit (optional)",
+    "duplicateSource": "Duplicate source",
+    "eligibility": "Eligibility",
+    "jsonInvalid": "Invalid JSON: {{error}}",
+    "jsonMustBeObject": "Rule tree must be a JSON object",
+    "jsonPlaceholder": "Rule tree JSON, e.g. {\"op\":\"AND\",\"children\":[...]}. Leave empty for no requirement.",
+    "noConditions": "No conditions. Everyone is eligible to join.",
+    "op": "Combine Conditions With",
+    "opAnd": "AND",
+    "opOr": "OR",
+    "param": {
+      "min": "Min Count",
+      "minDaysRemaining": "Min Days Remaining",
+      "minUsdt": "Min USDT",
+      "planIds": "Plan IDs",
+      "planIdsPlaceholder": "Comma separated, e.g. 1,2,3",
+      "tags": "Tags",
+      "tagsPlaceholder": "Comma separated, e.g. vip,beta",
+      "windowDays": "Window Days (optional)"
+    },
+    "save": "Save Rules",
+    "saveFailed": "Failed to save rules",
+    "saveSuccess": "Rules saved",
+    "selectSource": "Select source",
+    "simpleMode": "Simple",
+    "advancedMode": "Advanced (JSON)",
+    "source": {
+      "dailySignin": "Daily Sign-in",
+      "inviteSuccess": "Invite Success",
+      "manualGrant": "Manual Grant",
+      "newSubscription": "New Subscription"
+    },
+    "stage1Warning": "Stage 1 notice",
+    "stage1WarningDescription": "The rule context is not wired up in the current version (Stage 1). Configuring eligibility will prevent users from joining the lottery. It is recommended to keep it empty."
+  },
+  "status": {
+    "draft": "Draft",
+    "ended": "Ended",
+    "paused": "Paused",
+    "running": "Running"
+  },
+  "statusAll": "All",
+  "statusLabel": "Status",
+  "title": "Title",
+  "updateSuccess": "Update Success",
+  "claim": {
+    "approve": "Approve",
+    "approveDescription": "Approving moves this claim to the paying/shipping stage.",
+    "approveSuccess": "Claim approved",
+    "approveTitle": "Approve this claim?",
+    "cancel": "Cancel",
+    "claimData": "Claim info",
+    "confirm": "Confirm",
+    "confirmMarkPaid": "Confirm",
+    "confirmReject": "Confirm reject",
+    "createdAt": "Won at",
+    "deliveryRef": "Delivery ref",
+    "deliveryRefPlaceholder": "Tracking number",
+    "deliveryRefRequired": "Delivery ref is required for physical",
+    "expiresAt": "Expires",
+    "filterStatus": "Status",
+    "filterType": "Type",
+    "filterUserId": "User ID",
+    "fulfillment": "Tx / Delivery",
+    "markPaid": "Mark fulfilled",
+    "markPaidDescription": "Crypto requires a tx hash; physical requires a delivery ref; manual requires at least one.",
+    "markPaidSuccess": "Marked as fulfilled",
+    "markPaidTitle": "Mark as fulfilled",
+    "oneRefRequired": "Fill at least one field",
+    "prize": "Prize",
+    "reason": "Reason",
+    "reasonPlaceholder": "Reason shown to the user",
+    "reasonRequired": "Please enter a reason",
+    "reasonTooLong": "Reason cannot exceed 512 chars",
+    "reject": "Reject",
+    "rejectDescription": "The reason is shown to the user, who may then resubmit.",
+    "rejectSuccess": "Claim rejected",
+    "rejectTitle": "Reject claim",
+    "status": "Status",
+    "statusExpired": "Expired",
+    "statusPaid": "Fulfilled",
+    "statusPaying": "Paying / Shipping",
+    "statusPending": "Awaiting user",
+    "statusRejected": "Rejected",
+    "statusReviewing": "Reviewing",
+    "tableTitle": "Claims",
+    "txHash": "Tx hash",
+    "txHashRequired": "Tx hash is required for crypto",
+    "user": "User"
+  },
+  "draw": {
+    "dispatchAutoClaimed": "Auto-granted",
+    "dispatchExpired": "Expired",
+    "dispatchFailed": "Failed",
+    "dispatchNone": "Pending",
+    "dispatchPaid": "Fulfilled",
+    "dispatchPendingClaim": "Awaiting claim",
+    "dispatchState": "Dispatch",
+    "drawnAt": "Drawn at",
+    "filterDispatch": "Dispatch",
+    "filterUserId": "User ID",
+    "filterWin": "Won?",
+    "grant": "Grant result",
+    "loseOnly": "Not won",
+    "prize": "Prize",
+    "tableTitle": "Draw records",
+    "user": "User",
+    "winOnly": "Won"
+  },
+  "delete": "Delete",
+  "deleteSuccess": "Deleted",
+  "confirmDeleteActivity": "Delete this activity?",
+  "confirmDeleteActivityDesc": "This permanently deletes the activity and its prizes. A running activity must be paused first. This cannot be undone."
+}
@@ -11,8 +11,10 @@
  "Email": "Email",
  "Gift": "Gift",
  "Group Management": "Group Management",
+  "Invite Management": "Invite Management",
  "Login": "Login",
  "Logs & Analytics": "Logs & Analytics",
+  "Lottery Management": "Lottery Management",
  "Maintenance": "Maintenance",
  "Marketing Management": "Marketing Management",
  "Mobile": "Mobile",
@@ -20,6 +22,7 @@
  "Order Management": "Order Management",
  "Payment Config": "Payment Config",
  "Product Management": "Product Management",
+  "Promo Management": "Promo Management",
  "Redemption Management": "Redemption Management",
  "Register": "Register",
  "Reset Subscribe": "Reset Subscribe",
@@ -34,5 +37,6 @@
  "Traffic Details": "Traffic Details",
  "Device Group": "Device Group",
  "User Management": "User Management",
-  "Users & Support": "Users & Support"
+  "Users & Support": "Users & Support",
+  "Withdrawal Management": "Withdrawal Management"
 }
@@ -1,17 +1,25 @@
 {
  "amount": "Amount",
  "couponDiscount": "Coupon Discount",
+  "confirmRefund": "Confirm refund",
  "discount": "Discount Amount",
  "feeAmount": "Fee Amount",
  "method": "Payment Method",
  "orderNumber": "Order Number",
+  "refund": "Refund",
+  "refundConfirmDescription": "This refund will immediately invalidate the user's subscription and deduct the related agent commission.",
+  "refundConfirmTitle": "Confirm refund",
+  "refundConfirmWarning": "This action cannot be repeated after the order is refunded.",
+  "refundSubmitting": "Refunding...",
+  "refundSuccess": "Refund completed.",
  "status": {
    "0": "Status",
    "1": "Pending",
    "2": "Paid",
    "3": "Cancelled",
    "4": "Closed",
-    "5": "Completed"
+    "5": "Completed",
+    "6": "Refunded"
  },
  "subscribe": "Subscribe",
  "subscribePrice": "Subscription Price",
@@ -0,0 +1,70 @@
+{
+  "cancel": "Cancel",
+  "confirm": "Confirm",
+  "confirmDelete": "Are you sure you want to delete?",
+  "createPrice": "Create Promo Price",
+  "createRule": "Create Rule",
+  "createSuccess": "Create Success",
+  "delete": "Delete",
+  "deleteSuccess": "Delete Success",
+  "deleteWarning": "Once deleted, data cannot be recovered. Please proceed with caution.",
+  "detail": "Detail",
+  "edit": "Edit",
+  "editRule": "Edit Rule",
+  "emptyPrices": "No promo prices",
+  "emptyRules": "No promo rules",
+  "emptyUsage": "No promo usage records",
+  "enabled": "Enabled",
+  "endTime": "End Time",
+  "form": {
+    "enterPromoPrice": "Enter price",
+    "inactiveMonths": "Inactive Months",
+    "inactiveMonthsPlaceholder": "Months without purchase",
+    "name": "Name",
+    "namePlaceholder": "Rule name",
+    "noDiscounts": "This subscribe has no discount quantities and cannot be configured.",
+    "promoPriceLessThanOriginalPrice": "Promo price must be lower than original price",
+    "promoPriceLessThanUnitPrice": "Promo price must be lower than unit price",
+    "selectEndTime": "Select time",
+    "selectRule": "Select rule",
+    "selectStartTime": "Select time",
+    "selectQuantity": "Select discount quantity",
+    "selectSubscribe": "Select subscribe",
+    "type": "Rule Type",
+    "windowHours": "Window Hours",
+    "windowHoursPlaceholder": "Hours after registration"
+  },
+  "loadErrorDescription": "Refresh the table or try again later.",
+  "loadPricesError": "Failed to load promo prices",
+  "loadRulesError": "Failed to load promo rules",
+  "loadUsageError": "Failed to load promo usage",
+  "name": "Name",
+  "no": "No",
+  "orderNo": "Order No.",
+  "originalPriceHint": "Original price",
+  "params": "Params",
+  "prices": "Prices",
+  "priority": "Priority",
+  "promoPrice": "Promo Price",
+  "quantity": "Quantity",
+  "rule": "Rule",
+  "ruleDetail": "Rule Detail",
+  "rules": "Rules",
+  "searchRule": "Rule name",
+  "startTime": "Start Time",
+  "subscribe": "Subscribe",
+  "type": "Type",
+  "types": {
+    "campaign": "Campaign",
+    "inactive_user": "Inactive User",
+    "new_user": "New User"
+  },
+  "unitPrice": "Unit Price",
+  "unitPriceHint": "Unit price",
+  "updateSuccess": "Update Success",
+  "usage": "Usage",
+  "usedAt": "Used At",
+  "userId": "User ID",
+  "validityPeriod": "Validity Period",
+  "yes": "Yes"
+}
@@ -49,8 +49,8 @@
  "encryption_rtt": "RTT",
  "encryption_server_padding": "Server Padding",
  "encryption_ticket": "Ticket Time",
-  "expired": "Expired",
  "expireTime": "Expire Time",
+  "expired": "Expired",
  "extra": "Extra",
  "flow": "Flow",
  "generate_quantum_resistant_key": "Generate Quantum-Resistant Key",
@@ -141,6 +141,52 @@
  },
  "server_key": "Server Key",
  "service_name": "Service Name",
+  "simnet": "SimNet",
+  "simnet_af_enabled": "Enable Anti-Fingerprint",
+  "simnet_af_fake_header_injection": "Fake Header Injection",
+  "simnet_af_handshake_polymorphism": "Handshake Polymorphism",
+  "simnet_af_magic_mode": "Anti-Fingerprint Magic Mode",
+  "simnet_af_path_mode": "Anti-Fingerprint Path Mode",
+  "simnet_af_path_prefix": "Anti-Fingerprint Path Prefix",
+  "simnet_af_path_prefix_placeholder": "Optional path prefix",
+  "simnet_af_path_suffix": "Anti-Fingerprint Path Suffix",
+  "simnet_af_path_suffix_placeholder": "Optional path suffix",
+  "simnet_af_response_jitter_ms": "Anti-Fingerprint Response Jitter",
+  "simnet_af_settings_jitter": "Settings Frame Jitter",
+  "simnet_client_max_concurrent_streams": "Client Concurrent Streams",
+  "simnet_client_max_streams_per_session": "Client Streams / Session",
+  "simnet_client_max_udp_sessions": "Client UDP Sessions",
+  "simnet_client_session_idle_timeout_secs": "Client Session Idle Timeout",
+  "simnet_egress_block_link_local": "Block Link-Local Egress",
+  "simnet_egress_block_loopback": "Block Loopback Egress",
+  "simnet_egress_block_metadata": "Block Metadata Egress",
+  "simnet_egress_block_private": "Block Private Egress",
+  "simnet_fallback_enabled": "Enable HTTPS Fallback Reverse Proxy",
+  "simnet_fallback_host_header": "Fallback Host Header",
+  "simnet_fallback_host_header_placeholder": "Optional, defaults to target host",
+  "simnet_fallback_target_host": "Fallback Target Host",
+  "simnet_fallback_target_host_placeholder": "e.g. www.example.com",
+  "simnet_fallback_target_port": "Fallback Target Port",
+  "simnet_fallback_target_scheme": "Fallback Target Scheme",
+  "simnet_fallback_tls_sni": "Fallback TLS SNI",
+  "simnet_fallback_tls_sni_placeholder": "Optional, defaults to target host",
+  "simnet_inbound_max_handler_tasks_per_session": "Handler Tasks / Session",
+  "simnet_inbound_max_streams_per_session": "Inbound Streams / Session",
+  "simnet_inbound_max_udp_streams_per_session": "Inbound UDP Streams / Session",
+  "simnet_initial_window_size": "H2 Initial Window",
+  "simnet_max_concurrent_streams": "H2 Concurrent Streams",
+  "simnet_max_frame_size": "H2 Max Frame Size",
+  "simnet_recv_window": "Receive Window",
+  "simnet_reverse_enabled": "Enable Local Reverse Proxy",
+  "simnet_reverse_listen_addr": "Reverse Listen Address",
+  "simnet_reverse_listen_port": "Reverse Listen Port",
+  "simnet_reverse_target_host": "Reverse Target Host",
+  "simnet_reverse_target_port": "Reverse Target Port",
+  "simnet_send_window": "Send Window",
+  "simnet_stream_data_channel_capacity": "Stream Data Channel",
+  "simnet_stream_event_channel_capacity": "Stream Event Channel",
+  "simnet_target_dial_timeout_ms": "Target Dial Timeout",
+  "simnet_target_max_concurrent_dials": "Concurrent Target Dials",
  "sorted_success": "Sorted successfully",
  "status": "Status",
  "subscribeId": "Subscribe ID",
@@ -28,6 +28,7 @@
  "createSubscription": "Create Subscription",
  "createSuccess": "Created successfully",
  "createUser": "Create User",
+  "current": "Current",
  "currentCommission": "Current Commission",
  "delete": "Delete",
  "deleted": "Deleted",
@@ -100,10 +101,12 @@
  "manager": "Administrator",
  "memberCount": "Member Count",
  "more": "More",
+  "neverLoggedIn": "Never logged in",
  "normal": "Normal",
  "next": "Next",
  "noInvitedUsers": "No invited users yet",
  "notifySettingsTitle": "Notify Settings",
+  "inactive": "Inactive",
  "offline": "Offline",
  "online": "Online",
  "onlineDevices": "Online Devices",
@@ -115,6 +118,8 @@
  "permanent": "Permanent",
  "prev": "Prev",
  "pleaseEnterEmail": "Enter email",
+  "hour": "Hour",
+  "day": "Day",
  "referer": "Referer",
  "refererId": "Referer ID",
  "refererIdPlaceholder": "Enter referer ID",
@@ -147,7 +152,12 @@
  "save": "Save",
  "shortCode": "Short Code",
  "speedLimit": "Speed Limit",
+  "speedLimitMbps": "Target Speed Limit (Mbps)",
  "startTime": "startTime",
+  "statType": "Statistics Type",
+  "statTypeDay": "Day",
+  "statTypeHour": "Hour",
+  "statValue": "Time Value",
  "status": "Status",
  "statusActive": "Active",
  "statusDeducted": "Deducted",
@@ -169,6 +179,7 @@
  "subscriptionInfo": "subscriptionInfo",
  "subscriptionList": "Subscription List",
  "subscriptionLogs": "Subscription Logs",
+  "subscriptionDefault": "Subscription Default",
  "subscriptionName": "subscriptionName",
  "subscriptionNotifications": "Subscription Notifications",
  "telephone": "Phone",
@@ -179,16 +190,25 @@
  "tradeNotifications": "Trade Notifications",
  "trafficDetails": "Traffic Details",
  "trafficLimit": "Traffic Limit",
+  "trafficLimitRule": "Rule",
+  "trafficLimitRules": "Traffic Limit Rules",
+  "trafficLimitRuleSummary": "{{traffic}} GB in {{value}} {{type}} -> {{speed}} Mbps",
  "trafficStats": "Traffic Stats",
-  "trafficUsage": "Traffic Usage",
+  "trafficUsage": "Traffic Threshold (GB)",
+  "throttled": "Throttled",
  "remainingTraffic": "Remaining Traffic",
  "unlimited": "unlimited",
  "unverified": "Unverified",
  "update": "Update",
  "updateSuccess": "Updated successfully",
+  "userOverride": "User Override",
+  "effectiveSpeed": "Effective Speed",
  "groupUpdated": "Group updated successfully",
  "upload": "Upload",
  "uploadTraffic": "Upload Traffic",
+  "userStatus": "User Status",
+  "subscribed": "Subscribed",
+  "unsubscribed": "No active subscription",
  "userAgent": "User Agent",
  "userEmail": "Email",
  "userEmailPlaceholder": "Enter email",
@@ -198,6 +218,7 @@
  "userName": "Username",
  "userProfile": "User Profile",
  "userGroup": "User Group",
+  "active": "Active",
  "verified": "Verified",
  "viewDeviceGroup": "View Device Group",
  "viewOwner": "View Owner",
@@ -29,5 +29,6 @@
  "users": "用户",
  "userTitle": "用户统计",
  "userTraffic": "用户流量",
+  "withdrawalManagement": "提现管理",
  "yesterday": "昨日"
 }
@@ -0,0 +1,23 @@
+{
+  "commission": "佣金",
+  "days": "{{count}} 天",
+  "disabled": "禁用",
+  "empty": "暂无邀请记录",
+  "enabled": "启用",
+  "hasPurchased": "已购买",
+  "invitee": "被邀请人",
+  "inviteeGiftDays": "被邀请人赠送天数",
+  "inviteeId": "被邀请人 ID",
+  "invitedAt": "邀请时间",
+  "inviter": "邀请人",
+  "inviterGiftDays": "邀请人赠送天数",
+  "inviterId": "邀请人 ID",
+  "loadErrorDescription": "刷新表格或稍后重试。",
+  "loadErrorTitle": "邀请记录加载失败",
+  "no": "否",
+  "orderCount": "订单数",
+  "searchPlaceholder": "邮箱/手机号关键词",
+  "status": "状态",
+  "title": "邀请管理",
+  "yes": "是"
+}
@@ -0,0 +1,273 @@
+{
+  "activityTime": "活动时间",
+  "cancel": "取消",
+  "confirm": "确认",
+  "confirmPause": "确定要暂停该活动吗？",
+  "confirmPublish": "确定要上架该活动吗？",
+  "create": "创建",
+  "createActivity": "创建活动",
+  "createSuccess": "创建成功",
+  "detail": {
+    "prizesTab": "奖品",
+    "rulesTab": "规则",
+    "claimsTab": "领奖工单",
+    "drawsTab": "抽奖记录"
+  },
+  "edit": "编辑",
+  "editActivity": "编辑活动",
+  "form": {
+    "cancel": "取消",
+    "confirm": "确认",
+    "description": "活动描述",
+    "descriptionPlaceholder": "活动描述（支持 Markdown）",
+    "endAt": "结束时间",
+    "endAtAfterStartAt": "结束时间必须晚于开始时间",
+    "endAtRequired": "请选择结束时间",
+    "gridSize": "格子数",
+    "selectEndAt": "选择时间",
+    "selectGridSize": "选择格子数",
+    "selectStartAt": "选择时间",
+    "startAt": "开始时间",
+    "startAtRequired": "请选择开始时间",
+    "title": "标题",
+    "titlePlaceholder": "活动标题",
+    "titleRequired": "请输入活动标题"
+  },
+  "grant": {
+    "amount": "发放数量",
+    "description": "为用户手动发放活动「{{title}}」的抽奖次数",
+    "sourceRef": "来源引用号",
+    "sourceRefHint": "幂等键：相同的引用号只会发放一次，重复提交不会重复发放。",
+    "sourceRefPlaceholder": "grant-20260709-abc123",
+    "success": "次数发放成功",
+    "title": "发放次数",
+    "userId": "用户 ID",
+    "userIdHint": "请输入用户的数字 ID，可在用户管理列表中查看。",
+    "userIdPlaceholder": "例如：87433"
+  },
+  "grantChances": "发放次数",
+  "gridSize": "格子数",
+  "id": "ID",
+  "manage": "管理",
+  "pause": "暂停",
+  "pauseSuccess": "暂停成功",
+  "pauseWarning": "活动暂停期间，用户将无法抽奖。",
+  "prize": {
+    "addPrize": "添加奖品",
+    "amountPrecision": "金额最多支持 2 位小数",
+    "amountRequired": "金额必须大于 0",
+    "amountUnitHint": "以元为单位输入，按分存储；最多支持 2 位小数",
+    "amountYuan": "佣金金额（元）",
+    "cancel": "取消",
+    "centerSlotHint": "通常为抽奖按钮",
+    "claimTtlHint": "用户提交领奖信息的时限，缺省 168 小时（7 天）。",
+    "claimTtlHours": "领奖窗口（小时）",
+    "claimTtlInvalid": "领奖窗口（小时）必须为正整数",
+    "confirm": "确认",
+    "confirmDelete": "删除",
+    "createSuccess": "奖品创建成功",
+    "createTitle": "添加奖品",
+    "cryptoAmount": "金额",
+    "cryptoAmountPlaceholder": "例如：0.01",
+    "cryptoAmountRequired": "请输入金额",
+    "cryptoCurrency": "币种",
+    "cryptoCurrencyRequired": "请输入币种",
+    "cryptoNetworks": "网络",
+    "cryptoNetworksHint": "逗号分隔，用户领奖时从中选择一个网络。",
+    "cryptoNetworksRequired": "至少填写一个网络（逗号分隔）",
+    "daysSuffix": "天",
+    "delete": "删除",
+    "deleteDescription": "该奖品将从九宫格中移除，此操作不可撤销。",
+    "deleteSuccess": "奖品删除成功",
+    "deleteTitle": "确定删除该奖品吗？",
+    "durationDays": "时长（天）",
+    "durationDaysPlaceholder": "例如：1",
+    "durationDaysRequired": "时长天数必须为正整数",
+    "durationSummary": "{{days}} 天",
+    "editTitle": "编辑奖品",
+    "fallbackBadge": "保底",
+    "fallbackIgnoresWeight": "保底奖品不参与概率（永不被随机抽中）",
+    "hoursSuffix": "小时",
+    "iconUrl": "图标 URL",
+    "iconUrlInvalid": "请输入有效的 URL",
+    "isFallback": "保底奖品",
+    "isFallbackHint": "限量奖品抽完后发放该奖品",
+    "manualPrizeHint": "人工发放奖品：无需额外配置。中奖后用户凭截图联系人工客服兑换，无需在 app 内填领奖表单。",
+    "name": "奖品名称",
+    "namePlaceholder": "例如：1 天时长卡",
+    "nameRequired": "请输入奖品名称",
+    "noFallbackHint": "建议配置一个保底奖品，避免限量奖品抽完后抽奖失败。",
+    "noFallbackTitle": "未配置保底奖品",
+    "noRandomPrizes": "暂无参与随机抽取的奖品",
+    "noneHint": "无需额外配置。建议开启保底，限量奖品抽完后用户将始终抽中该奖品。",
+    "probabilityPreview": "概率预览",
+    "probabilityTotal": "合计",
+    "selectType": "选择类型",
+    "skuName": "物品名称（可选）",
+    "skuNamePlaceholder": "例如：限量 T 恤",
+    "slotLabel": "格子",
+    "soldOutBadge": "已抽完",
+    "stockShort": "库存",
+    "subscribePlan": "无订阅时新建套餐",
+    "subscribePlanHint": "当用户无活跃订阅时，按该套餐新建订阅并发放时长；留空则跳过发放。",
+    "subscribePlanPlaceholder": "不选：用户无活跃订阅时跳过发放",
+    "totalNot100Hint": "当前可抽奖品概率合计 {{total}}%。请调整各奖品的中奖概率，使其精确等于 100%。",
+    "totalNot100Title": "概率合计必须为 100%",
+    "totalStock": "总库存",
+    "totalStockPlaceholder": "例如：100",
+    "totalStockRequired": "总库存必须为正整数",
+    "type": "奖品类型",
+    "typeCommission": "佣金",
+    "typeCoupon": "优惠券",
+    "typeCrypto": "人工发放",
+    "typeManualOther": "人工发放（其他）",
+    "typeNone": "谢谢参与",
+    "typePhysical": "实物奖品",
+    "typePoints": "积分",
+    "typeVpnDuration": "免费时长",
+    "unlimitedStock": "无限库存",
+    "updateSuccess": "奖品更新成功",
+    "weight": "中奖概率（%）",
+    "weightHint": "九宫格内的中奖概率。所有参与随机的奖品合计须为 100%。0 = 展示但不参与随机。",
+    "weightInteger": "概率必须为整数",
+    "weightMax": "概率不能超过 100",
+    "weightMin": "概率不能小于 0",
+    "weightShort": "概率",
+    "yuanSuffix": "元"
+  },
+  "publish": "上架",
+  "publishSuccess": "上架成功",
+  "publishWarning": "上架后活动将对用户可见。",
+  "rules": {
+    "addCondition": "添加条件",
+    "addSource": "添加来源",
+    "amount": "次数",
+    "cannotSimplify": "规则树结构较复杂，无法用简单模式编辑，请在高级(JSON)模式下修改",
+    "capsBytesExceeded": "大小 {{value}} 字节超过上限 {{limit}} 字节",
+    "capsDepthExceeded": "深度 {{value}} 超过上限 {{limit}}",
+    "capsExceeded": "规则树超出限制",
+    "capsNodesExceeded": "节点数 {{value}} 超过上限 {{limit}}",
+    "chanceSources": "次数来源",
+    "chanceSourcesDescription": "配置用户获取抽奖次数的方式，每种来源只能配置一次。",
+    "conditionType": {
+      "has_subscription": "持有订阅",
+      "invite_count": "邀请人数",
+      "register_days": "注册天数",
+      "subscription_type": "订阅套餐类型",
+      "total_recharge": "累计充值",
+      "user_tag": "用户标签"
+    },
+    "dailyLimit": "每日上限（可选）",
+    "duplicateSource": "来源不能重复",
+    "eligibility": "参与门槛",
+    "jsonInvalid": "JSON 无效：{{error}}",
+    "jsonMustBeObject": "规则树必须是 JSON 对象",
+    "jsonPlaceholder": "规则树 JSON，例如 {\"op\":\"AND\",\"children\":[...]}，留空表示无门槛。",
+    "noConditions": "暂无条件，所有用户均可参与。",
+    "op": "条件组合方式",
+    "opAnd": "且（AND）",
+    "opOr": "或（OR）",
+    "param": {
+      "min": "最小数量",
+      "minDaysRemaining": "剩余天数下限",
+      "minUsdt": "最低 USDT 金额",
+      "planIds": "套餐 ID",
+      "planIdsPlaceholder": "逗号分隔，例如 1,2,3",
+      "tags": "标签",
+      "tagsPlaceholder": "逗号分隔，例如 vip,beta",
+      "windowDays": "时间窗口天数（可选）"
+    },
+    "save": "保存规则",
+    "saveFailed": "规则保存失败",
+    "saveSuccess": "规则保存成功",
+    "selectSource": "选择来源",
+    "simpleMode": "简单模式",
+    "advancedMode": "高级模式（JSON）",
+    "source": {
+      "dailySignin": "每日签到",
+      "inviteSuccess": "邀请成功",
+      "manualGrant": "手动发放",
+      "newSubscription": "新订阅"
+    },
+    "stage1Warning": "Stage 1 提示",
+    "stage1WarningDescription": "当前版本（Stage 1）规则上下文尚未接线，配置门槛将导致用户无法参与抽奖，建议保持为空。"
+  },
+  "status": {
+    "draft": "草稿",
+    "ended": "已结束",
+    "paused": "已暂停",
+    "running": "进行中"
+  },
+  "statusAll": "全部",
+  "statusLabel": "状态",
+  "title": "标题",
+  "updateSuccess": "更新成功",
+  "claim": {
+    "approve": "通过",
+    "approveDescription": "通过后工单进入待发放/发货阶段。",
+    "approveSuccess": "工单已通过",
+    "approveTitle": "确认通过该工单？",
+    "cancel": "取消",
+    "claimData": "领奖信息",
+    "confirm": "确认",
+    "confirmMarkPaid": "确认",
+    "confirmReject": "确认驳回",
+    "createdAt": "中奖时间",
+    "deliveryRef": "物流单号",
+    "deliveryRefPlaceholder": "快递单号",
+    "deliveryRefRequired": "实物奖品必须填写物流单号",
+    "expiresAt": "过期时间",
+    "filterStatus": "状态",
+    "filterType": "类型",
+    "filterUserId": "用户 ID",
+    "fulfillment": "交易/物流单号",
+    "markPaid": "标记发放",
+    "markPaidDescription": "加密货币需填交易哈希；实物需填物流单号；人工其他至少填一项。",
+    "markPaidSuccess": "已标记发放",
+    "markPaidTitle": "标记为已发放",
+    "oneRefRequired": "至少填写一项",
+    "prize": "奖品",
+    "reason": "驳回原因",
+    "reasonPlaceholder": "填写驳回原因，用户端会看到",
+    "reasonRequired": "请填写驳回原因",
+    "reasonTooLong": "驳回原因不能超过 512 字",
+    "reject": "驳回",
+    "rejectDescription": "驳回原因会展示给用户，用户可重新提交。",
+    "rejectSuccess": "工单已驳回",
+    "rejectTitle": "驳回工单",
+    "status": "状态",
+    "statusExpired": "已过期",
+    "statusPaid": "已发放",
+    "statusPaying": "待发放/发货",
+    "statusPending": "待用户填写",
+    "statusRejected": "已驳回",
+    "statusReviewing": "待审核",
+    "tableTitle": "领奖工单",
+    "txHash": "交易哈希",
+    "txHashRequired": "加密货币奖品必须填写交易哈希",
+    "user": "用户"
+  },
+  "draw": {
+    "dispatchAutoClaimed": "已自动发放",
+    "dispatchExpired": "已过期",
+    "dispatchFailed": "发放失败",
+    "dispatchNone": "待发放",
+    "dispatchPaid": "已发放",
+    "dispatchPendingClaim": "待领取",
+    "dispatchState": "发放状态",
+    "drawnAt": "抽奖时间",
+    "filterDispatch": "发放状态",
+    "filterUserId": "用户 ID",
+    "filterWin": "是否中奖",
+    "grant": "发放结果",
+    "loseOnly": "未中奖",
+    "prize": "奖品",
+    "tableTitle": "抽奖记录",
+    "user": "用户",
+    "winOnly": "已中奖"
+  },
+  "delete": "删除",
+  "deleteSuccess": "删除成功",
+  "confirmDeleteActivity": "确定删除该活动吗？",
+  "confirmDeleteActivityDesc": "将永久删除该活动及其奖品。运行中的活动请先暂停。此操作不可撤销。"
+}
@@ -11,8 +11,10 @@
  "Email": "邮件",
  "Gift": "赠送",
  "Group Management": "分组管理",
+  "Invite Management": "邀请管理",
  "Login": "登录",
  "Logs & Analytics": "日志与分析",
+  "Lottery Management": "抽奖管理",
  "Maintenance": "维护",
  "Marketing Management": "营销管理",
  "Mobile": "短信",
@@ -20,6 +22,7 @@
  "Order Management": "订单管理",
  "Payment Config": "支付配置",
  "Product Management": "商品管理",
+  "Promo Management": "促销管理",
  "Redemption Management": "兑换码管理",
  "Register": "注册",
  "Reset Subscribe": "重置订阅",
@@ -34,5 +37,6 @@
  "Traffic Details": "流量详情",
  "Device Group": "设备组",
  "User Management": "用户管理",
-  "Users & Support": "用户与支持"
+  "Users & Support": "用户与支持",
+  "Withdrawal Management": "提现管理"
 }
@@ -1,17 +1,25 @@
 {
  "amount": "金额",
  "couponDiscount": "优惠券折扣",
+  "confirmRefund": "确认退费",
  "discount": "折扣金额",
  "feeAmount": "手续费",
  "method": "支付方式",
  "orderNumber": "订单编号",
+  "refund": "退费",
+  "refundConfirmDescription": "该退费操作会使用户订阅立即失效，并扣减关联代理佣金。",
+  "refundConfirmTitle": "确认退费",
+  "refundConfirmWarning": "订单退费后不可再次重复执行，请谨慎操作。",
+  "refundSubmitting": "退费中...",
+  "refundSuccess": "退费成功。",
  "status": {
    "0": "状态",
    "1": "待支付",
    "2": "已支付",
    "3": "已取消",
    "4": "已关闭",
-    "5": "已完成"
+    "5": "已完成",
+    "6": "已退费"
  },
  "subscribe": "订阅",
  "subscribePrice": "订阅价格",
@@ -0,0 +1,70 @@
+{
+  "cancel": "取消",
+  "confirm": "确认",
+  "confirmDelete": "确定要删除吗？",
+  "createPrice": "创建促销价",
+  "createRule": "创建规则",
+  "createSuccess": "创建成功",
+  "delete": "删除",
+  "deleteSuccess": "删除成功",
+  "deleteWarning": "删除后数据无法恢复，请谨慎操作。",
+  "detail": "详情",
+  "edit": "编辑",
+  "editRule": "编辑规则",
+  "emptyPrices": "暂无商品促销价",
+  "emptyRules": "暂无促销规则",
+  "emptyUsage": "暂无促销使用记录",
+  "enabled": "启用",
+  "endTime": "结束时间",
+  "form": {
+    "enterPromoPrice": "输入价格",
+    "inactiveMonths": "未活跃月数",
+    "inactiveMonthsPlaceholder": "未购买的月数",
+    "name": "名称",
+    "namePlaceholder": "规则名称",
+    "noDiscounts": "该订阅没有 discount 档位，不能配置促销价。",
+    "promoPriceLessThanOriginalPrice": "促销价必须低于原价",
+    "promoPriceLessThanUnitPrice": "促销价必须低于原价",
+    "selectEndTime": "选择时间",
+    "selectRule": "选择规则",
+    "selectStartTime": "选择时间",
+    "selectQuantity": "选择 discount 档位",
+    "selectSubscribe": "选择订阅",
+    "type": "规则类型",
+    "windowHours": "新用户窗口小时数",
+    "windowHoursPlaceholder": "注册后的小时数"
+  },
+  "loadErrorDescription": "请刷新表格或稍后重试。",
+  "loadPricesError": "促销价加载失败",
+  "loadRulesError": "促销规则加载失败",
+  "loadUsageError": "促销使用记录加载失败",
+  "name": "名称",
+  "no": "否",
+  "orderNo": "订单号",
+  "originalPriceHint": "原价",
+  "params": "参数",
+  "prices": "商品促销价",
+  "priority": "优先级",
+  "promoPrice": "促销价",
+  "quantity": "档位",
+  "rule": "规则",
+  "ruleDetail": "规则详情",
+  "rules": "促销规则",
+  "searchRule": "规则名称",
+  "startTime": "开始时间",
+  "subscribe": "订阅",
+  "type": "类型",
+  "types": {
+    "campaign": "活动",
+    "inactive_user": "回归用户",
+    "new_user": "新用户"
+  },
+  "unitPrice": "原价",
+  "unitPriceHint": "原价",
+  "updateSuccess": "更新成功",
+  "usage": "使用记录",
+  "usedAt": "使用时间",
+  "userId": "用户 ID",
+  "validityPeriod": "有效期",
+  "yes": "是"
+}
@@ -49,8 +49,8 @@
  "encryption_rtt": "RTT",
  "encryption_server_padding": "服务器填充",
  "encryption_ticket": "票据时间",
-  "expired": "已过期",
  "expireTime": "过期时间",
+  "expired": "已过期",
  "extra": "额外",
  "flow": "流控",
  "generate_quantum_resistant_key": "生成量子抗性密钥",
@@ -141,6 +141,52 @@
  },
  "server_key": "服务器密钥",
  "service_name": "服务名称",
+  "simnet": "SimNet",
+  "simnet_af_enabled": "启用反指纹",
+  "simnet_af_fake_header_injection": "注入伪装 Header",
+  "simnet_af_handshake_polymorphism": "握手多态",
+  "simnet_af_magic_mode": "反指纹 Magic 模式",
+  "simnet_af_path_mode": "反指纹路径模式",
+  "simnet_af_path_prefix": "反指纹路径前缀",
+  "simnet_af_path_prefix_placeholder": "可选路径前缀",
+  "simnet_af_path_suffix": "反指纹路径后缀",
+  "simnet_af_path_suffix_placeholder": "可选路径后缀",
+  "simnet_af_response_jitter_ms": "反指纹响应抖动",
+  "simnet_af_settings_jitter": "Settings 帧抖动",
+  "simnet_client_max_concurrent_streams": "客户端并发流上限",
+  "simnet_client_max_streams_per_session": "客户端每会话流上限",
+  "simnet_client_max_udp_sessions": "客户端 UDP 会话上限",
+  "simnet_client_session_idle_timeout_secs": "客户端会话空闲超时",
+  "simnet_egress_block_link_local": "阻止出口访问链路本地地址",
+  "simnet_egress_block_loopback": "阻止出口访问 Loopback",
+  "simnet_egress_block_metadata": "阻止出口访问元数据地址",
+  "simnet_egress_block_private": "阻止出口访问私网",
+  "simnet_fallback_enabled": "启用 HTTPS Fallback 反向代理",
+  "simnet_fallback_host_header": "Fallback Host Header",
+  "simnet_fallback_host_header_placeholder": "可选，默认使用目标主机",
+  "simnet_fallback_target_host": "Fallback 目标主机",
+  "simnet_fallback_target_host_placeholder": "例如 www.example.com",
+  "simnet_fallback_target_port": "Fallback 目标端口",
+  "simnet_fallback_target_scheme": "Fallback 目标协议",
+  "simnet_fallback_tls_sni": "Fallback TLS SNI",
+  "simnet_fallback_tls_sni_placeholder": "可选，默认使用目标主机",
+  "simnet_inbound_max_handler_tasks_per_session": "每会话处理任务上限",
+  "simnet_inbound_max_streams_per_session": "每会话入站流上限",
+  "simnet_inbound_max_udp_streams_per_session": "每会话入站 UDP 流上限",
+  "simnet_initial_window_size": "H2 初始窗口",
+  "simnet_max_concurrent_streams": "H2 并发流上限",
+  "simnet_max_frame_size": "H2 最大帧大小",
+  "simnet_recv_window": "接收窗口",
+  "simnet_reverse_enabled": "启用本地反向代理",
+  "simnet_reverse_listen_addr": "反代监听地址",
+  "simnet_reverse_listen_port": "反代监听端口",
+  "simnet_reverse_target_host": "反代目标主机",
+  "simnet_reverse_target_port": "反代目标端口",
+  "simnet_send_window": "发送窗口",
+  "simnet_stream_data_channel_capacity": "流数据队列容量",
+  "simnet_stream_event_channel_capacity": "流事件队列容量",
+  "simnet_target_dial_timeout_ms": "目标拨号超时",
+  "simnet_target_max_concurrent_dials": "并发目标拨号上限",
  "sorted_success": "排序成功",
  "status": "状态",
  "subscribeId": "订阅 ID",
@@ -28,6 +28,7 @@
  "createSubscription": "创建订阅",
  "createSuccess": "创建成功",
  "createUser": "创建用户",
+  "current": "当前",
  "currentCommission": "当前佣金",
  "delete": "删除",
  "deleted": "已删除",
@@ -101,10 +102,12 @@
  "manager": "管理员",
  "memberCount": "成员数量",
  "more": "更多",
+  "neverLoggedIn": "从未登录",
  "normal": "正常",
  "next": "下一页",
  "noInvitedUsers": "暂无邀请用户",
  "notifySettingsTitle": "通知设置",
+  "inactive": "未活跃",
  "offline": "离线",
  "online": "在线",
  "onlineDevices": "在线设备",
@@ -116,6 +119,8 @@
  "permanent": "永久",
  "prev": "上一页",
  "pleaseEnterEmail": "输入邮箱",
+  "hour": "小时",
+  "day": "天",
  "referer": "推荐人",
  "refererId": "推荐人 ID",
  "refererIdPlaceholder": "输入推荐人 ID",
@@ -148,7 +153,12 @@
  "save": "保存",
  "shortCode": "短码",
  "speedLimit": "速度限制",
+  "speedLimitMbps": "目标限速 (Mbps)",
  "startTime": "开始时间",
+  "statType": "统计周期",
+  "statTypeDay": "天",
+  "statTypeHour": "小时",
+  "statValue": "周期值",
  "status": "状态",
  "statusActive": "活跃",
  "statusDeducted": "已扣除",
@@ -170,6 +180,7 @@
  "subscriptionInfo": "订阅信息",
  "subscriptionList": "订阅列表",
  "subscriptionLogs": "订阅日志",
+  "subscriptionDefault": "套餐默认",
  "subscriptionName": "订阅名称",
  "subscriptionNotifications": "订阅通知",
  "telephone": "电话",
@@ -180,16 +191,25 @@
  "tradeNotifications": "交易通知",
  "trafficDetails": "流量详情",
  "trafficLimit": "流量限制",
+  "trafficLimitRule": "规则",
+  "trafficLimitRules": "流量限速规则",
+  "trafficLimitRuleSummary": "{{value}}{{type}}内达到 {{traffic}} GB 后限速到 {{speed}} Mbps",
  "trafficStats": "流量统计",
-  "trafficUsage": "流量使用",
+  "trafficUsage": "触发流量 (GB)",
+  "throttled": "已触发限速",
  "remainingTraffic": "剩余流量",
  "unlimited": "无限制",
  "unverified": "未验证",
  "update": "更新",
  "updateSuccess": "更新成功",
+  "userOverride": "用户覆盖",
+  "effectiveSpeed": "当前生效",
  "groupUpdated": "分组更新成功",
  "upload": "上传",
  "uploadTraffic": "上传流量",
+  "userStatus": "用户状态",
+  "subscribed": "有有效订阅",
+  "unsubscribed": "无有效订阅",
  "userAgent": "用户代理",
  "userEmail": "邮箱",
  "userEmailPlaceholder": "输入邮箱",
@@ -199,6 +219,7 @@
  "userName": "用户名",
  "userProfile": "用户资料",
  "userGroup": "用户分组",
+  "active": "活跃",
  "verified": "已验证",
  "viewDeviceGroup": "查看设备组",
  "viewOwner": "查看所有者",
@@ -49,6 +49,11 @@ export function useNavs() {
            url: "/dashboard/product",
            icon: "flat-color-icons:shop",
          },
+          {
+            title: t("Promo Management", "Promo Management"),
+            url: "/dashboard/promo",
+            icon: "flat-color-icons:briefcase",
+          },
        ],
      },

@@ -76,6 +81,11 @@ export function useNavs() {
            url: "/dashboard/marketing",
            icon: "flat-color-icons:bullish",
          },
+          {
+            title: t("Lottery Management", "Lottery Management"),
+            url: "/dashboard/lottery",
+            icon: "flat-color-icons:ratings",
+          },
          {
            title: t("Announcement Management", "Announcement Management"),
            url: "/dashboard/announcement",
@@ -93,6 +103,16 @@ export function useNavs() {
            url: "/dashboard/user",
            icon: "flat-color-icons:conference-call",
          },
+          {
+            title: t("Withdrawal Management", "Withdrawal Management"),
+            url: "/dashboard/withdrawal",
+            icon: "flat-color-icons:money-transfer",
+          },
+          {
+            title: t("Invite Management", "Invite Management"),
+            url: "/dashboard/invite-management",
+            icon: "flat-color-icons:add-user",
+          },
          {
            title: t("Device Group", "Device Group"),
            url: "/dashboard/family",
@@ -35,12 +35,14 @@ initializeI18n({
    "coupon",
    "dashboard",
    "document",
+    "invite",
    "log",
    "marketing",
    "menu",
    "nodes",
    "order",
    "payment",
+    "promo",
    "product",
    "servers",
    "subscribe",
@@ -15,8 +15,14 @@ import { Route as rootRouteImport } from './routes/__root'
 const DashboardRouteLazyRouteImport = createFileRoute('/dashboard')()
 const IndexLazyRouteImport = createFileRoute('/')()
 const DashboardIndexLazyRouteImport = createFileRoute('/dashboard/')()
+const DashboardWithdrawalLazyRouteImport = createFileRoute(
+  '/dashboard/withdrawal',
+)()
 const DashboardServersLazyRouteImport = createFileRoute('/dashboard/servers')()
 const DashboardNodesLazyRouteImport = createFileRoute('/dashboard/nodes')()
+const DashboardWithdrawalIndexLazyRouteImport = createFileRoute(
+  '/dashboard/withdrawal/',
+)()
 const DashboardUserIndexLazyRouteImport = createFileRoute('/dashboard/user/')()
 const DashboardTicketIndexLazyRouteImport =
  createFileRoute('/dashboard/ticket/')()
@@ -28,6 +34,8 @@ const DashboardSubscribeIndexLazyRouteImport = createFileRoute(
 const DashboardRedemptionIndexLazyRouteImport = createFileRoute(
  '/dashboard/redemption/',
 )()
+const DashboardPromoIndexLazyRouteImport =
+  createFileRoute('/dashboard/promo/')()
 const DashboardProductIndexLazyRouteImport = createFileRoute(
  '/dashboard/product/',
 )()
@@ -39,6 +47,12 @@ const DashboardOrderIndexLazyRouteImport =
 const DashboardMarketingIndexLazyRouteImport = createFileRoute(
  '/dashboard/marketing/',
 )()
+const DashboardLotteryIndexLazyRouteImport = createFileRoute(
+  '/dashboard/lottery/',
+)()
+const DashboardInviteManagementIndexLazyRouteImport = createFileRoute(
+  '/dashboard/invite-management/',
+)()
 const DashboardGroupIndexLazyRouteImport =
  createFileRoute('/dashboard/group/')()
 const DashboardFamilyIndexLazyRouteImport =
@@ -109,6 +123,13 @@ const DashboardIndexLazyRoute = DashboardIndexLazyRouteImport.update({
 } as any).lazy(() =>
  import('./routes/dashboard/index.lazy').then((d) => d.Route),
 )
+const DashboardWithdrawalLazyRoute = DashboardWithdrawalLazyRouteImport.update({
+  id: '/withdrawal',
+  path: '/withdrawal',
+  getParentRoute: () => DashboardRouteLazyRoute,
+} as any).lazy(() =>
+  import('./routes/dashboard/withdrawal.lazy').then((d) => d.Route),
+)
 const DashboardServersLazyRoute = DashboardServersLazyRouteImport.update({
  id: '/servers',
  path: '/servers',
@@ -123,6 +144,14 @@ const DashboardNodesLazyRoute = DashboardNodesLazyRouteImport.update({
 } as any).lazy(() =>
  import('./routes/dashboard/nodes.lazy').then((d) => d.Route),
 )
+const DashboardWithdrawalIndexLazyRoute =
+  DashboardWithdrawalIndexLazyRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => DashboardWithdrawalLazyRoute,
+  } as any).lazy(() =>
+    import('./routes/dashboard/withdrawal/index.lazy').then((d) => d.Route),
+  )
 const DashboardUserIndexLazyRoute = DashboardUserIndexLazyRouteImport.update({
  id: '/user/',
  path: '/user/',
@@ -162,6 +191,13 @@ const DashboardRedemptionIndexLazyRoute =
  } as any).lazy(() =>
    import('./routes/dashboard/redemption/index.lazy').then((d) => d.Route),
  )
+const DashboardPromoIndexLazyRoute = DashboardPromoIndexLazyRouteImport.update({
+  id: '/promo/',
+  path: '/promo/',
+  getParentRoute: () => DashboardRouteLazyRoute,
+} as any).lazy(() =>
+  import('./routes/dashboard/promo/index.lazy').then((d) => d.Route),
+)
 const DashboardProductIndexLazyRoute =
  DashboardProductIndexLazyRouteImport.update({
    id: '/product/',
@@ -193,6 +229,24 @@ const DashboardMarketingIndexLazyRoute =
  } as any).lazy(() =>
    import('./routes/dashboard/marketing/index.lazy').then((d) => d.Route),
  )
+const DashboardLotteryIndexLazyRoute =
+  DashboardLotteryIndexLazyRouteImport.update({
+    id: '/lottery/',
+    path: '/lottery/',
+    getParentRoute: () => DashboardRouteLazyRoute,
+  } as any).lazy(() =>
+    import('./routes/dashboard/lottery/index.lazy').then((d) => d.Route),
+  )
+const DashboardInviteManagementIndexLazyRoute =
+  DashboardInviteManagementIndexLazyRouteImport.update({
+    id: '/invite-management/',
+    path: '/invite-management/',
+    getParentRoute: () => DashboardRouteLazyRoute,
+  } as any).lazy(() =>
+    import('./routes/dashboard/invite-management/index.lazy').then(
+      (d) => d.Route,
+    ),
+  )
 const DashboardGroupIndexLazyRoute = DashboardGroupIndexLazyRouteImport.update({
  id: '/group/',
  path: '/group/',
@@ -346,6 +400,7 @@ export interface FileRoutesByFullPath {
  '/dashboard': typeof DashboardRouteLazyRouteWithChildren
  '/dashboard/nodes': typeof DashboardNodesLazyRoute
  '/dashboard/servers': typeof DashboardServersLazyRoute
+  '/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
  '/dashboard/': typeof DashboardIndexLazyRoute
  '/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
  '/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
@@ -366,15 +421,19 @@ export interface FileRoutesByFullPath {
  '/dashboard/document': typeof DashboardDocumentIndexLazyRoute
  '/dashboard/family': typeof DashboardFamilyIndexLazyRoute
  '/dashboard/group': typeof DashboardGroupIndexLazyRoute
+  '/dashboard/invite-management': typeof DashboardInviteManagementIndexLazyRoute
+  '/dashboard/lottery': typeof DashboardLotteryIndexLazyRoute
  '/dashboard/marketing': typeof DashboardMarketingIndexLazyRoute
  '/dashboard/order': typeof DashboardOrderIndexLazyRoute
  '/dashboard/payment': typeof DashboardPaymentIndexLazyRoute
  '/dashboard/product': typeof DashboardProductIndexLazyRoute
+  '/dashboard/promo': typeof DashboardPromoIndexLazyRoute
  '/dashboard/redemption': typeof DashboardRedemptionIndexLazyRoute
  '/dashboard/subscribe': typeof DashboardSubscribeIndexLazyRoute
  '/dashboard/system': typeof DashboardSystemIndexLazyRoute
  '/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
  '/dashboard/user': typeof DashboardUserIndexLazyRoute
+  '/dashboard/withdrawal/': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRoutesByTo {
  '/': typeof IndexLazyRoute
@@ -400,15 +459,19 @@ export interface FileRoutesByTo {
  '/dashboard/document': typeof DashboardDocumentIndexLazyRoute
  '/dashboard/family': typeof DashboardFamilyIndexLazyRoute
  '/dashboard/group': typeof DashboardGroupIndexLazyRoute
+  '/dashboard/invite-management': typeof DashboardInviteManagementIndexLazyRoute
+  '/dashboard/lottery': typeof DashboardLotteryIndexLazyRoute
  '/dashboard/marketing': typeof DashboardMarketingIndexLazyRoute
  '/dashboard/order': typeof DashboardOrderIndexLazyRoute
  '/dashboard/payment': typeof DashboardPaymentIndexLazyRoute
  '/dashboard/product': typeof DashboardProductIndexLazyRoute
+  '/dashboard/promo': typeof DashboardPromoIndexLazyRoute
  '/dashboard/redemption': typeof DashboardRedemptionIndexLazyRoute
  '/dashboard/subscribe': typeof DashboardSubscribeIndexLazyRoute
  '/dashboard/system': typeof DashboardSystemIndexLazyRoute
  '/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
  '/dashboard/user': typeof DashboardUserIndexLazyRoute
+  '/dashboard/withdrawal': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRoutesById {
  __root__: typeof rootRouteImport
@@ -416,6 +479,7 @@ export interface FileRoutesById {
  '/dashboard': typeof DashboardRouteLazyRouteWithChildren
  '/dashboard/nodes': typeof DashboardNodesLazyRoute
  '/dashboard/servers': typeof DashboardServersLazyRoute
+  '/dashboard/withdrawal': typeof DashboardWithdrawalLazyRouteWithChildren
  '/dashboard/': typeof DashboardIndexLazyRoute
  '/dashboard/log/balance': typeof DashboardLogBalanceLazyRoute
  '/dashboard/log/commission': typeof DashboardLogCommissionLazyRoute
@@ -436,15 +500,19 @@ export interface FileRoutesById {
  '/dashboard/document/': typeof DashboardDocumentIndexLazyRoute
  '/dashboard/family/': typeof DashboardFamilyIndexLazyRoute
  '/dashboard/group/': typeof DashboardGroupIndexLazyRoute
+  '/dashboard/invite-management/': typeof DashboardInviteManagementIndexLazyRoute
+  '/dashboard/lottery/': typeof DashboardLotteryIndexLazyRoute
  '/dashboard/marketing/': typeof DashboardMarketingIndexLazyRoute
  '/dashboard/order/': typeof DashboardOrderIndexLazyRoute
  '/dashboard/payment/': typeof DashboardPaymentIndexLazyRoute
  '/dashboard/product/': typeof DashboardProductIndexLazyRoute
+  '/dashboard/promo/': typeof DashboardPromoIndexLazyRoute
  '/dashboard/redemption/': typeof DashboardRedemptionIndexLazyRoute
  '/dashboard/subscribe/': typeof DashboardSubscribeIndexLazyRoute
  '/dashboard/system/': typeof DashboardSystemIndexLazyRoute
  '/dashboard/ticket/': typeof DashboardTicketIndexLazyRoute
  '/dashboard/user/': typeof DashboardUserIndexLazyRoute
+  '/dashboard/withdrawal/': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRouteTypes {
  fileRoutesByFullPath: FileRoutesByFullPath
@@ -453,6 +521,7 @@ export interface FileRouteTypes {
    | '/dashboard'
    | '/dashboard/nodes'
    | '/dashboard/servers'
+    | '/dashboard/withdrawal'
    | '/dashboard/'
    | '/dashboard/log/balance'
    | '/dashboard/log/commission'
@@ -473,15 +542,19 @@ export interface FileRouteTypes {
    | '/dashboard/document'
    | '/dashboard/family'
    | '/dashboard/group'
+    | '/dashboard/invite-management'
+    | '/dashboard/lottery'
    | '/dashboard/marketing'
    | '/dashboard/order'
    | '/dashboard/payment'
    | '/dashboard/product'
+    | '/dashboard/promo'
    | '/dashboard/redemption'
    | '/dashboard/subscribe'
    | '/dashboard/system'
    | '/dashboard/ticket'
    | '/dashboard/user'
+    | '/dashboard/withdrawal/'
  fileRoutesByTo: FileRoutesByTo
  to:
    | '/'
@@ -507,21 +580,26 @@ export interface FileRouteTypes {
    | '/dashboard/document'
    | '/dashboard/family'
    | '/dashboard/group'
+    | '/dashboard/invite-management'
+    | '/dashboard/lottery'
    | '/dashboard/marketing'
    | '/dashboard/order'
    | '/dashboard/payment'
    | '/dashboard/product'
+    | '/dashboard/promo'
    | '/dashboard/redemption'
    | '/dashboard/subscribe'
    | '/dashboard/system'
    | '/dashboard/ticket'
    | '/dashboard/user'
+    | '/dashboard/withdrawal'
  id:
    | '__root__'
    | '/'
    | '/dashboard'
    | '/dashboard/nodes'
    | '/dashboard/servers'
+    | '/dashboard/withdrawal'
    | '/dashboard/'
    | '/dashboard/log/balance'
    | '/dashboard/log/commission'
@@ -542,15 +620,19 @@ export interface FileRouteTypes {
    | '/dashboard/document/'
    | '/dashboard/family/'
    | '/dashboard/group/'
+    | '/dashboard/invite-management/'
+    | '/dashboard/lottery/'
    | '/dashboard/marketing/'
    | '/dashboard/order/'
    | '/dashboard/payment/'
    | '/dashboard/product/'
+    | '/dashboard/promo/'
    | '/dashboard/redemption/'
    | '/dashboard/subscribe/'
    | '/dashboard/system/'
    | '/dashboard/ticket/'
    | '/dashboard/user/'
+    | '/dashboard/withdrawal/'
  fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -581,6 +663,13 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof DashboardIndexLazyRouteImport
      parentRoute: typeof DashboardRouteLazyRoute
    }
+    '/dashboard/withdrawal': {
+      id: '/dashboard/withdrawal'
+      path: '/withdrawal'
+      fullPath: '/dashboard/withdrawal'
+      preLoaderRoute: typeof DashboardWithdrawalLazyRouteImport
+      parentRoute: typeof DashboardRouteLazyRoute
+    }
    '/dashboard/servers': {
      id: '/dashboard/servers'
      path: '/servers'
@@ -595,6 +684,13 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof DashboardNodesLazyRouteImport
      parentRoute: typeof DashboardRouteLazyRoute
    }
+    '/dashboard/withdrawal/': {
+      id: '/dashboard/withdrawal/'
+      path: '/'
+      fullPath: '/dashboard/withdrawal/'
+      preLoaderRoute: typeof DashboardWithdrawalIndexLazyRouteImport
+      parentRoute: typeof DashboardWithdrawalLazyRoute
+    }
    '/dashboard/user/': {
      id: '/dashboard/user/'
      path: '/user'
@@ -630,6 +726,13 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof DashboardRedemptionIndexLazyRouteImport
      parentRoute: typeof DashboardRouteLazyRoute
    }
+    '/dashboard/promo/': {
+      id: '/dashboard/promo/'
+      path: '/promo'
+      fullPath: '/dashboard/promo'
+      preLoaderRoute: typeof DashboardPromoIndexLazyRouteImport
+      parentRoute: typeof DashboardRouteLazyRoute
+    }
    '/dashboard/product/': {
      id: '/dashboard/product/'
      path: '/product'
@@ -658,6 +761,20 @@ declare module '@tanstack/react-router' {
      preLoaderRoute: typeof DashboardMarketingIndexLazyRouteImport
      parentRoute: typeof DashboardRouteLazyRoute
    }
+    '/dashboard/lottery/': {
+      id: '/dashboard/lottery/'
+      path: '/lottery'
+      fullPath: '/dashboard/lottery'
+      preLoaderRoute: typeof DashboardLotteryIndexLazyRouteImport
+      parentRoute: typeof DashboardRouteLazyRoute
+    }
+    '/dashboard/invite-management/': {
+      id: '/dashboard/invite-management/'
+      path: '/invite-management'
+      fullPath: '/dashboard/invite-management'
+      preLoaderRoute: typeof DashboardInviteManagementIndexLazyRouteImport
+      parentRoute: typeof DashboardRouteLazyRoute
+    }
    '/dashboard/group/': {
      id: '/dashboard/group/'
      path: '/group'
@@ -794,9 +911,24 @@ declare module '@tanstack/react-router' {
  }
 }

+interface DashboardWithdrawalLazyRouteChildren {
+  DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
+}
+
+const DashboardWithdrawalLazyRouteChildren: DashboardWithdrawalLazyRouteChildren =
+  {
+    DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
+  }
+
+const DashboardWithdrawalLazyRouteWithChildren =
+  DashboardWithdrawalLazyRoute._addFileChildren(
+    DashboardWithdrawalLazyRouteChildren,
+  )
+
 interface DashboardRouteLazyRouteChildren {
  DashboardNodesLazyRoute: typeof DashboardNodesLazyRoute
  DashboardServersLazyRoute: typeof DashboardServersLazyRoute
+  DashboardWithdrawalLazyRoute: typeof DashboardWithdrawalLazyRouteWithChildren
  DashboardIndexLazyRoute: typeof DashboardIndexLazyRoute
  DashboardLogBalanceLazyRoute: typeof DashboardLogBalanceLazyRoute
  DashboardLogCommissionLazyRoute: typeof DashboardLogCommissionLazyRoute
@@ -817,10 +949,13 @@ interface DashboardRouteLazyRouteChildren {
  DashboardDocumentIndexLazyRoute: typeof DashboardDocumentIndexLazyRoute
  DashboardFamilyIndexLazyRoute: typeof DashboardFamilyIndexLazyRoute
  DashboardGroupIndexLazyRoute: typeof DashboardGroupIndexLazyRoute
+  DashboardInviteManagementIndexLazyRoute: typeof DashboardInviteManagementIndexLazyRoute
+  DashboardLotteryIndexLazyRoute: typeof DashboardLotteryIndexLazyRoute
  DashboardMarketingIndexLazyRoute: typeof DashboardMarketingIndexLazyRoute
  DashboardOrderIndexLazyRoute: typeof DashboardOrderIndexLazyRoute
  DashboardPaymentIndexLazyRoute: typeof DashboardPaymentIndexLazyRoute
  DashboardProductIndexLazyRoute: typeof DashboardProductIndexLazyRoute
+  DashboardPromoIndexLazyRoute: typeof DashboardPromoIndexLazyRoute
  DashboardRedemptionIndexLazyRoute: typeof DashboardRedemptionIndexLazyRoute
  DashboardSubscribeIndexLazyRoute: typeof DashboardSubscribeIndexLazyRoute
  DashboardSystemIndexLazyRoute: typeof DashboardSystemIndexLazyRoute
@@ -831,6 +966,7 @@ interface DashboardRouteLazyRouteChildren {
 const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
  DashboardNodesLazyRoute: DashboardNodesLazyRoute,
  DashboardServersLazyRoute: DashboardServersLazyRoute,
+  DashboardWithdrawalLazyRoute: DashboardWithdrawalLazyRouteWithChildren,
  DashboardIndexLazyRoute: DashboardIndexLazyRoute,
  DashboardLogBalanceLazyRoute: DashboardLogBalanceLazyRoute,
  DashboardLogCommissionLazyRoute: DashboardLogCommissionLazyRoute,
@@ -851,10 +987,14 @@ const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
  DashboardDocumentIndexLazyRoute: DashboardDocumentIndexLazyRoute,
  DashboardFamilyIndexLazyRoute: DashboardFamilyIndexLazyRoute,
  DashboardGroupIndexLazyRoute: DashboardGroupIndexLazyRoute,
+  DashboardInviteManagementIndexLazyRoute:
+    DashboardInviteManagementIndexLazyRoute,
+  DashboardLotteryIndexLazyRoute: DashboardLotteryIndexLazyRoute,
  DashboardMarketingIndexLazyRoute: DashboardMarketingIndexLazyRoute,
  DashboardOrderIndexLazyRoute: DashboardOrderIndexLazyRoute,
  DashboardPaymentIndexLazyRoute: DashboardPaymentIndexLazyRoute,
  DashboardProductIndexLazyRoute: DashboardProductIndexLazyRoute,
+  DashboardPromoIndexLazyRoute: DashboardPromoIndexLazyRoute,
  DashboardRedemptionIndexLazyRoute: DashboardRedemptionIndexLazyRoute,
  DashboardSubscribeIndexLazyRoute: DashboardSubscribeIndexLazyRoute,
  DashboardSystemIndexLazyRoute: DashboardSystemIndexLazyRoute,
@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import InviteManagement from "@/sections/invite";
+
+export const Route = createLazyFileRoute("/dashboard/invite-management/")({
+  component: InviteManagement,
+});
@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import Lottery from "@/sections/lottery";
+
+export const Route = createLazyFileRoute("/dashboard/lottery/")({
+  component: Lottery,
+});
@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import PromoPage from "@/sections/promo";
+
+export const Route = createLazyFileRoute("/dashboard/promo/")({
+  component: PromoPage,
+});
@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import WithdrawalManagementPage from "@/sections/withdrawal";
+
+export const Route = createLazyFileRoute("/dashboard/withdrawal")({
+  component: WithdrawalManagementPage,
+});
@@ -0,0 +1,6 @@
+import { createLazyFileRoute } from "@tanstack/react-router";
+import WithdrawalPage from "@/sections/withdrawal";
+
+export const Route = createLazyFileRoute("/dashboard/withdrawal/")({
+  component: WithdrawalPage,
+});
@@ -18,10 +18,8 @@ import { Separator } from "@workspace/ui/components/separator";
 import { Tabs, TabsList, TabsTrigger } from "@workspace/ui/components/tabs";
 import Empty from "@workspace/ui/composed/empty";
 import { Icon } from "@workspace/ui/composed/icon";
-import {
-  queryServerTotalData,
-  queryTicketWaitReply,
-} from "@workspace/ui/services/admin/console";
+import { queryServerTotalData } from "@workspace/ui/services/admin/console";
+import { getWithdrawalList } from "@workspace/ui/services/admin/withdrawal";
 import { formatBytes } from "@workspace/ui/utils/formatting";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -41,11 +39,15 @@ import { UserStatisticsCard } from "./user-statistics-card";
 export default function Statistics() {
  const { t } = useTranslation("dashboard");

-  const { data: TicketTotal } = useQuery({
-    queryKey: ["queryTicketWaitReply"],
+  const { data: PendingWithdrawalTotal } = useQuery({
+    queryKey: ["queryPendingWithdrawalTotal"],
    queryFn: async () => {
-      const { data } = await queryTicketWaitReply();
-      return data.data?.count;
+      const { data } = await getWithdrawalList({
+        page: 1,
+        size: 1,
+        status: 0,
+      });
+      return data.data?.total || 0;
    },
  });
  const { data: ServerTotal } = useQuery({
@@ -241,11 +243,11 @@ export default function Statistics() {
            iconBg: "bg-green-100 dark:bg-green-900/30",
          },
          {
-            title: t("pendingTickets", "Pending Tickets"),
-            value: TicketTotal || 0,
+            title: t("withdrawalManagement", "提现管理"),
+            value: PendingWithdrawalTotal || 0,
            subtitle: t("pending", "Pending"),
            icon: "uil:clipboard-notes",
-            href: "/dashboard/ticket",
+            href: "/dashboard/withdrawal",
            color: "text-red-600 dark:text-red-400",
            iconBg: "bg-red-100 dark:bg-red-900/30",
          },
@@ -0,0 +1,159 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { getAdminInviteList } from "@workspace/ui/services/admin/invite";
+import type { AxiosResponse } from "axios";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import InviteManagement from ".";
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (
+      _key: string,
+      fallback: string,
+      options?: { count?: number }
+    ): string => {
+      if (typeof options?.count === "number") {
+        return `${options.count} days`;
+      }
+      return fallback;
+    },
+  }),
+}));
+
+vi.mock("@/stores/global", () => ({
+  useGlobalStore: () => ({
+    common: {
+      currency: {
+        currency_symbol: "$",
+      },
+    },
+  }),
+}));
+
+vi.mock("@/utils/common", () => ({
+  formatDate: (timestamp: number) => `date-${timestamp}`,
+}));
+
+vi.mock("@workspace/ui/services/admin/invite", () => ({
+  getAdminInviteList: vi.fn(),
+}));
+
+const mockedGetAdminInviteList = vi.mocked(getAdminInviteList);
+
+function createInviteListResponse(
+  data: API.GetAdminInviteListResponse
+): AxiosResponse<API.Response & { data?: API.GetAdminInviteListResponse }> {
+  return {
+    data: {
+      code: 200,
+      data,
+    },
+    status: 200,
+    statusText: "OK",
+    headers: {},
+    config: {
+      headers: {} as AxiosResponse["config"]["headers"],
+    },
+  };
+}
+
+afterEach(() => {
+  cleanup();
+  vi.clearAllMocks();
+});
+
+beforeEach(() => {
+  localStorage.setItem("timezone", "UTC");
+});
+
+describe("InviteManagement", () => {
+  it("renders invite rows with status, purchase state, commission, and gift days", async () => {
+    mockedGetAdminInviteList.mockResolvedValue(
+      createInviteListResponse({
+        total: 1,
+        list: [
+          {
+            inviter_id: 10,
+            inviter_identifier: "agent@example.com",
+            invitee_id: 123,
+            invitee_identifier: "user@example.com",
+            invitee_avatar: "",
+            invitee_enable: true,
+            invited_at: 1_716_800_000,
+            order_count: 3,
+            has_purchased: true,
+            inviter_commission: 1500,
+            inviter_gift_days: 30,
+            invitee_gift_days: 7,
+          },
+        ],
+      })
+    );
+
+    render(<InviteManagement />);
+
+    await waitFor(() =>
+      expect(mockedGetAdminInviteList).toHaveBeenCalledWith({
+        page: 1,
+        size: 200,
+        search: undefined,
+        inviter_id: undefined,
+        invitee_id: undefined,
+      })
+    );
+
+    expect(await screen.findByText("agent@example.com")).not.toBeNull();
+    expect(screen.getByText("user@example.com")).not.toBeNull();
+    expect(screen.getByText("Enabled")).not.toBeNull();
+    expect(screen.getByText("Yes")).not.toBeNull();
+    expect(screen.getByText("$15.00")).not.toBeNull();
+    expect(screen.getByText("30 days")).not.toBeNull();
+    expect(screen.getByText("7 days")).not.toBeNull();
+    expect(screen.getByText("date-1716800000")).not.toBeNull();
+  });
+
+  it("shows the empty state when the API returns no rows", async () => {
+    mockedGetAdminInviteList.mockResolvedValue(
+      createInviteListResponse({
+        total: 0,
+        list: [],
+      })
+    );
+
+    render(<InviteManagement />);
+
+    expect(await screen.findByText("No invite records")).not.toBeNull();
+  });
+
+  it("shows a loading state while invites are being fetched", () => {
+    let resolveRequest:
+      | ((
+          value: AxiosResponse<
+            API.Response & { data?: API.GetAdminInviteListResponse }
+          >
+        ) => void)
+      | undefined;
+    mockedGetAdminInviteList.mockReturnValue(
+      new Promise((resolve) => {
+        resolveRequest = resolve;
+      })
+    );
+
+    render(<InviteManagement />);
+
+    expect(screen.getByRole("status", { name: "Loading data" })).not.toBeNull();
+    expect(resolveRequest).toBeTypeOf("function");
+  });
+
+  it("shows an error state when the request fails", async () => {
+    mockedGetAdminInviteList.mockRejectedValue(new Error("network failed"));
+
+    render(<InviteManagement />);
+
+    await waitFor(() => expect(mockedGetAdminInviteList).toHaveBeenCalled());
+    expect(await screen.findByText("Failed to load invites")).not.toBeNull();
+    expect(screen.queryByText("No invite records")).toBeNull();
+  });
+});
@@ -0,0 +1,213 @@
+"use client";
+
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@workspace/ui/components/alert";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@workspace/ui/components/avatar";
+import { Badge } from "@workspace/ui/components/badge";
+import Empty from "@workspace/ui/composed/empty";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import { getAdminInviteList } from "@workspace/ui/services/admin/invite";
+import { CircleAlert } from "lucide-react";
+import { useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { Display } from "@/components/display";
+import { formatDate } from "@/utils/common";
+
+type InviteFilters = {
+  search?: string;
+  inviter_id?: string;
+  invitee_id?: string;
+};
+
+function toOptionalNumber(value?: string) {
+  if (!value) return;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : undefined;
+}
+
+function InviteUserCell({
+  id,
+  identifier,
+  avatar,
+}: {
+  id: number;
+  identifier: string;
+  avatar?: string;
+}) {
+  const fallback = identifier?.charAt(0)?.toUpperCase() || "U";
+
+  return (
+    <div className="flex min-w-48 items-center gap-2">
+      <Avatar className="h-8 w-8">
+        <AvatarImage alt={identifier || `#${id}`} src={avatar} />
+        <AvatarFallback className="text-xs">{fallback}</AvatarFallback>
+      </Avatar>
+      <div className="min-w-0">
+        <div className="font-medium text-sm">#{id}</div>
+        <div className="max-w-52 truncate text-muted-foreground text-xs">
+          {identifier || "--"}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function InviteIdentifierCell({
+  id,
+  identifier,
+}: {
+  id: number;
+  identifier: string;
+}) {
+  return (
+    <div className="min-w-44">
+      <div className="font-medium text-sm">#{id}</div>
+      <div className="max-w-52 truncate text-muted-foreground text-xs">
+        {identifier || "--"}
+      </div>
+    </div>
+  );
+}
+
+export default function InviteManagement() {
+  const { t } = useTranslation("invite");
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<API.AdminInviteRelation, InviteFilters>
+      action={ref}
+      columns={[
+        {
+          accessorKey: "inviter_id",
+          header: t("inviter", "Inviter"),
+          cell: ({ row }) => (
+            <InviteIdentifierCell
+              id={row.original.inviter_id}
+              identifier={row.original.inviter_identifier}
+            />
+          ),
+        },
+        {
+          accessorKey: "invitee_id",
+          header: t("invitee", "Invitee"),
+          cell: ({ row }) => (
+            <InviteUserCell
+              avatar={row.original.invitee_avatar}
+              id={row.original.invitee_id}
+              identifier={row.original.invitee_identifier}
+            />
+          ),
+        },
+        {
+          accessorKey: "invitee_enable",
+          header: t("status", "Status"),
+          cell: ({ row }) => (
+            <Badge
+              variant={row.original.invitee_enable ? "default" : "secondary"}
+            >
+              {row.original.invitee_enable
+                ? t("enabled", "Enabled")
+                : t("disabled", "Disabled")}
+            </Badge>
+          ),
+        },
+        {
+          accessorKey: "invited_at",
+          header: t("invitedAt", "Invited At"),
+          cell: ({ row }) => formatDate(row.original.invited_at),
+        },
+        {
+          accessorKey: "order_count",
+          header: t("orderCount", "Orders"),
+        },
+        {
+          accessorKey: "has_purchased",
+          header: t("hasPurchased", "Purchased"),
+          cell: ({ row }) => (
+            <Badge variant={row.original.has_purchased ? "default" : "outline"}>
+              {row.original.has_purchased ? t("yes", "Yes") : t("no", "No")}
+            </Badge>
+          ),
+        },
+        {
+          accessorKey: "inviter_commission",
+          header: t("commission", "Commission"),
+          cell: ({ row }) => (
+            <Display type="currency" value={row.original.inviter_commission} />
+          ),
+        },
+        {
+          accessorKey: "inviter_gift_days",
+          header: t("inviterGiftDays", "Inviter Gift Days"),
+          cell: ({ row }) =>
+            t("days", "{{count}} days", {
+              count: row.original.inviter_gift_days,
+            }),
+        },
+        {
+          accessorKey: "invitee_gift_days",
+          header: t("inviteeGiftDays", "Invitee Gift Days"),
+          cell: ({ row }) =>
+            t("days", "{{count}} days", {
+              count: row.original.invitee_gift_days,
+            }),
+        },
+      ]}
+      empty={<Empty description={t("empty", "No invite records")} />}
+      error={
+        <Alert className="mx-auto max-w-md" variant="destructive">
+          <CircleAlert aria-hidden="true" />
+          <AlertTitle>
+            {t("loadErrorTitle", "Failed to load invites")}
+          </AlertTitle>
+          <AlertDescription>
+            {t("loadErrorDescription", "Refresh the table or try again later.")}
+          </AlertDescription>
+        </Alert>
+      }
+      header={{ title: t("title", "Invite Management") }}
+      params={[
+        {
+          key: "search",
+          placeholder: t("searchPlaceholder", "Email or phone"),
+        },
+        {
+          key: "inviter_id",
+          placeholder: t("inviterId", "Inviter ID"),
+        },
+        {
+          key: "invitee_id",
+          placeholder: t("inviteeId", "Invitee ID"),
+        },
+      ]}
+      request={async (pagination, filters) => {
+        const { data } = await getAdminInviteList({
+          page: pagination.page,
+          size: pagination.size,
+          search: filters.search?.trim() || undefined,
+          inviter_id: toOptionalNumber(filters.inviter_id),
+          invitee_id: toOptionalNumber(filters.invitee_id),
+        });
+
+        return {
+          list:
+            data.data?.list.map((item) => ({
+              ...item,
+              id: `${item.inviter_id}-${item.invitee_id}-${item.invited_at}`,
+            })) || [],
+          total: data.data?.total || 0,
+        };
+      }}
+    />
+  );
+}
@@ -0,0 +1,133 @@
+import { Badge } from "@workspace/ui/components/badge";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+} from "@workspace/ui/components/sheet";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@workspace/ui/components/tabs";
+import { getLotteryActivityDetail } from "@workspace/ui/services/admin/lottery";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import ClaimsPanel from "./claims-panel";
+import DrawsPanel from "./draws-panel";
+import PrizeGrid from "./prize-grid";
+import RuleEditor from "./rule-editor";
+
+interface ActivityDetailProps {
+  activity: API.LotteryActivity | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onChanged?: () => void;
+}
+
+type TranslateFn = (key: string, defaultValue: string) => string;
+
+const STATUS_BADGE_VARIANTS: Record<
+  API.LotteryActivityStatus,
+  "default" | "secondary" | "destructive" | "outline"
+> = {
+  draft: "secondary",
+  running: "default",
+  paused: "outline",
+  ended: "destructive",
+};
+
+function statusLabel(
+  status: API.LotteryActivityStatus,
+  t: TranslateFn
+): string {
+  const labels: Record<API.LotteryActivityStatus, string> = {
+    draft: t("status.draft", "Draft"),
+    running: t("status.running", "Running"),
+    paused: t("status.paused", "Paused"),
+    ended: t("status.ended", "Ended"),
+  };
+  return labels[status] ?? status;
+}
+
+export default function ActivityDetail({
+  activity,
+  open,
+  onOpenChange,
+  onChanged,
+}: ActivityDetailProps) {
+  const { t } = useTranslation("lottery");
+  // 抽屉打开时拉取详情作为数据源，避免列表行数据不完整时被全量 PUT 覆盖
+  const [detail, setDetail] = useState<API.LotteryActivity | null>(null);
+  const activityId = activity?.id;
+
+  useEffect(() => {
+    setDetail(null);
+    if (!(open && activityId)) return;
+    let cancelled = false;
+    getLotteryActivityDetail({ id: activityId })
+      .then(({ data }) => {
+        if (!cancelled && data.data) setDetail(data.data);
+      })
+      .catch(() => {
+        // Request layer already surfaces the error toast; fall back to prop data
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, activityId]);
+
+  const current = detail ?? activity;
+
+  return (
+    <Sheet onOpenChange={onOpenChange} open={open}>
+      <SheetContent className="w-[800px] max-w-full sm:max-w-3xl" side="right">
+        {current && (
+          <>
+            <SheetHeader>
+              <SheetTitle className="flex items-center gap-2">
+                <span className="truncate">{current.title}</span>
+                <Badge
+                  variant={STATUS_BADGE_VARIANTS[current.status] ?? "outline"}
+                >
+                  {statusLabel(current.status, t)}
+                </Badge>
+              </SheetTitle>
+            </SheetHeader>
+            <div className="max-h-[calc(100dvh-88px)] overflow-y-auto px-6 pb-6">
+              <Tabs defaultValue="prizes">
+                <TabsList className="mb-4">
+                  <TabsTrigger value="prizes">
+                    {t("detail.prizesTab", "Prizes")}
+                  </TabsTrigger>
+                  <TabsTrigger value="rules">
+                    {t("detail.rulesTab", "Rules")}
+                  </TabsTrigger>
+                  <TabsTrigger value="claims">
+                    {t("detail.claimsTab", "Claims")}
+                  </TabsTrigger>
+                  <TabsTrigger value="draws">
+                    {t("detail.drawsTab", "Draw records")}
+                  </TabsTrigger>
+                </TabsList>
+                <TabsContent value="prizes">
+                  <PrizeGrid activity={current} />
+                </TabsContent>
+                <TabsContent value="rules">
+                  <RuleEditor activity={current} onSaved={onChanged} />
+                </TabsContent>
+                <TabsContent value="claims">
+                  <ClaimsPanel activity={current} />
+                </TabsContent>
+                <TabsContent value="draws">
+                  <DrawsPanel activity={current} />
+                </TabsContent>
+              </Tabs>
+            </div>
+          </>
+        )}
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,286 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { ScrollArea } from "@workspace/ui/components/scroll-area";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@workspace/ui/components/sheet";
+import { Textarea } from "@workspace/ui/components/textarea";
+import { DatePicker } from "@workspace/ui/composed/date-picker";
+import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
+import { Icon } from "@workspace/ui/composed/icon";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+
+const GRID_SIZE_OPTIONS = [8, 9] as const;
+
+const getFormSchema = (t: (key: string, defaultValue: string) => string) =>
+  z
+    .object({
+      title: z.string().min(1, t("form.titleRequired", "Title is required")),
+      description: z.string().optional(),
+      // DatePicker works in milliseconds; converted to Unix seconds on submit
+      start_at: z
+        .number()
+        .min(1, t("form.startAtRequired", "Start time is required")),
+      end_at: z
+        .number()
+        .min(1, t("form.endAtRequired", "End time is required")),
+      grid_size: z.number(),
+    })
+    .superRefine((data, ctx) => {
+      if (
+        data.start_at > 0 &&
+        data.end_at > 0 &&
+        data.end_at <= data.start_at
+      ) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: t(
+            "form.endAtAfterStartAt",
+            "End time must be later than start time"
+          ),
+          path: ["end_at"],
+        });
+      }
+    });
+
+type ActivityFormValues = z.infer<ReturnType<typeof getFormSchema>>;
+
+interface ActivityFormProps {
+  trigger: React.ReactNode;
+  title: string;
+  loading?: boolean;
+  initialValues?: Partial<API.LotteryActivity>;
+  onSubmit: (values: API.CreateLotteryActivityRequest) => Promise<boolean>;
+}
+
+function toFormValues(
+  activity?: Partial<API.LotteryActivity>
+): ActivityFormValues {
+  return {
+    title: activity?.title ?? "",
+    description: activity?.description ?? "",
+    start_at: activity?.start_at ? activity.start_at * 1000 : 0,
+    end_at: activity?.end_at ? activity.end_at * 1000 : 0,
+    grid_size: activity?.grid_size ?? GRID_SIZE_OPTIONS[0],
+  };
+}
+
+export default function ActivityForm({
+  trigger,
+  title,
+  loading,
+  initialValues,
+  onSubmit,
+}: ActivityFormProps) {
+  const { t } = useTranslation("lottery");
+  const formSchema = getFormSchema(t);
+
+  const [open, setOpen] = useState(false);
+  const form = useForm<ActivityFormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: toFormValues(initialValues),
+  });
+
+  useEffect(() => {
+    form.reset(toFormValues(initialValues));
+  }, [form, initialValues]);
+
+  async function handleSubmit(values: ActivityFormValues) {
+    const success = await onSubmit({
+      title: values.title.trim(),
+      description: values.description ?? "",
+      start_at: Math.floor(values.start_at / 1000),
+      end_at: Math.floor(values.end_at / 1000),
+      grid_size: values.grid_size,
+      eligibility: initialValues?.eligibility ?? {},
+      chance_sources: initialValues?.chance_sources ?? [],
+      unmet_action: "block",
+    });
+    if (success) {
+      setOpen(false);
+      form.reset(toFormValues(initialValues));
+    }
+  }
+
+  return (
+    <Sheet onOpenChange={setOpen} open={open}>
+      <SheetTrigger asChild>
+        <Button
+          onClick={() => {
+            form.reset(toFormValues(initialValues));
+            setOpen(true);
+          }}
+          size="sm"
+        >
+          {trigger}
+        </Button>
+      </SheetTrigger>
+      <SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
+          <Form {...form}>
+            <form
+              className="space-y-4 px-6 pt-4"
+              id="lottery-activity-form"
+              onSubmit={form.handleSubmit(handleSubmit)}
+            >
+              <FormField
+                control={form.control}
+                name="title"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("form.title", "Title")}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        onValueChange={(value) => field.onChange(value)}
+                        placeholder={t(
+                          "form.titlePlaceholder",
+                          "Activity title"
+                        )}
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="description"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>
+                      {t("form.description", "Description")}
+                    </FormLabel>
+                    <FormControl>
+                      <Textarea
+                        onChange={(event) => field.onChange(event.target.value)}
+                        placeholder={t(
+                          "form.descriptionPlaceholder",
+                          "Activity description (Markdown supported)"
+                        )}
+                        rows={5}
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <div className="grid gap-4 sm:grid-cols-2">
+                <FormField
+                  control={form.control}
+                  name="start_at"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("form.startAt", "Start Time")}</FormLabel>
+                      <FormControl>
+                        <DatePicker
+                          onChange={(value) => field.onChange(value ?? 0)}
+                          placeholder={t("form.selectStartAt", "Select time")}
+                          value={field.value || undefined}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name="end_at"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("form.endAt", "End Time")}</FormLabel>
+                      <FormControl>
+                        <DatePicker
+                          onChange={(value) => field.onChange(value ?? 0)}
+                          placeholder={t("form.selectEndAt", "Select time")}
+                          value={field.value || undefined}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              <FormField
+                control={form.control}
+                name="grid_size"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("form.gridSize", "Grid Size")}</FormLabel>
+                    <Select
+                      onValueChange={(value) => field.onChange(Number(value))}
+                      value={String(field.value)}
+                    >
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue
+                            placeholder={t(
+                              "form.selectGridSize",
+                              "Select grid size"
+                            )}
+                          />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {GRID_SIZE_OPTIONS.map((size) => (
+                          <SelectItem key={size} value={String(size)}>
+                            {size}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter className="flex-row justify-end gap-2 pt-3">
+          <Button
+            disabled={loading}
+            onClick={() => {
+              setOpen(false);
+            }}
+            variant="outline"
+          >
+            {t("form.cancel", "Cancel")}
+          </Button>
+          <Button disabled={loading} form="lottery-activity-form" type="submit">
+            {loading && (
+              <Icon className="mr-2 animate-spin" icon="mdi:loading" />
+            )}{" "}
+            {t("form.confirm", "Confirm")}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,555 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation } from "@tanstack/react-query";
+import { Badge } from "@workspace/ui/components/badge";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@workspace/ui/components/dialog";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { Input } from "@workspace/ui/components/input";
+import { Textarea } from "@workspace/ui/components/textarea";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import {
+  approveLotteryClaim,
+  getLotteryClaimList,
+  markPaidLotteryClaim,
+  rejectLotteryClaim,
+} from "@workspace/ui/services/admin/lottery";
+import { type ReactNode, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { z } from "zod";
+import { formatDate } from "@/utils/common";
+
+interface ClaimsPanelProps {
+  activity: API.LotteryActivity;
+}
+
+type TranslateFn = (key: string, defaultValue: string) => string;
+
+const STATUS_META: Record<
+  API.LotteryClaimStatus,
+  { labelKey: string; labelDefault: string; className: string }
+> = {
+  pending_claim: {
+    labelKey: "claim.statusPending",
+    labelDefault: "Awaiting user",
+    className: "bg-gray-100 text-gray-600 border-gray-200",
+  },
+  reviewing: {
+    labelKey: "claim.statusReviewing",
+    labelDefault: "Reviewing",
+    className: "bg-amber-100 text-amber-700 border-amber-200",
+  },
+  paying: {
+    labelKey: "claim.statusPaying",
+    labelDefault: "Paying / Shipping",
+    className: "bg-blue-100 text-blue-700 border-blue-200",
+  },
+  paid: {
+    labelKey: "claim.statusPaid",
+    labelDefault: "Fulfilled",
+    className: "bg-emerald-100 text-emerald-700 border-emerald-200",
+  },
+  rejected: {
+    labelKey: "claim.statusRejected",
+    labelDefault: "Rejected",
+    className: "bg-rose-100 text-rose-700 border-rose-200",
+  },
+  expired: {
+    labelKey: "claim.statusExpired",
+    labelDefault: "Expired",
+    className: "bg-gray-100 text-gray-500 border-gray-200",
+  },
+};
+
+function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
+  const labels: Record<string, string> = {
+    crypto: t("prize.typeCrypto", "Crypto"),
+    physical: t("prize.typePhysical", "Physical"),
+    manual_other: t("prize.typeManualOther", "Manual (Other)"),
+  };
+  return labels[type] ?? type;
+}
+
+function ClaimDataCell({ data }: { data?: Record<string, any> }) {
+  if (!data || Object.keys(data).length === 0) {
+    return <span className="text-muted-foreground">--</span>;
+  }
+  return (
+    <div className="max-w-[240px] space-y-0.5 text-xs">
+      {Object.entries(data).map(([key, value]) => (
+        <div className="break-all" key={key}>
+          <span className="text-muted-foreground">{key}:</span>{" "}
+          <span className="font-medium">{String(value)}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+const rejectSchema = (t: TranslateFn) =>
+  z.object({
+    reason: z
+      .string()
+      .trim()
+      .min(2, t("claim.reasonRequired", "Please enter a reason"))
+      .max(512, t("claim.reasonTooLong", "Reason cannot exceed 512 chars")),
+  });
+
+const markPaidSchema = z.object({
+  tx_hash: z.string().trim().max(128).optional(),
+  delivery_ref: z.string().trim().max(128).optional(),
+});
+
+export default function ClaimsPanel({ activity }: ClaimsPanelProps) {
+  const { t } = useTranslation("lottery");
+  const ref = useRef<ProTableActions>(null);
+  const [rejectOpen, setRejectOpen] = useState(false);
+  const [paidOpen, setPaidOpen] = useState(false);
+  const [currentRow, setCurrentRow] = useState<API.AdminLotteryClaim | null>(
+    null
+  );
+
+  const rejectForm = useForm<{ reason: string }>({
+    resolver: zodResolver(rejectSchema(t)),
+    defaultValues: { reason: "" },
+  });
+  const paidForm = useForm<z.infer<typeof markPaidSchema>>({
+    resolver: zodResolver(markPaidSchema),
+    defaultValues: { tx_hash: "", delivery_ref: "" },
+  });
+
+  const approveMutation = useMutation({
+    mutationFn: (id: number) => approveLotteryClaim({ id }),
+    onSuccess: () => {
+      toast.success(t("claim.approveSuccess", "Claim approved"));
+      ref.current?.refresh();
+    },
+  });
+
+  const rejectMutation = useMutation({
+    mutationFn: (body: API.RejectLotteryClaimRequest) =>
+      rejectLotteryClaim(body),
+    onSuccess: () => {
+      toast.success(t("claim.rejectSuccess", "Claim rejected"));
+      setRejectOpen(false);
+      setCurrentRow(null);
+      rejectForm.reset({ reason: "" });
+      ref.current?.refresh();
+    },
+  });
+
+  const paidMutation = useMutation({
+    mutationFn: (body: API.MarkPaidLotteryClaimRequest) =>
+      markPaidLotteryClaim(body),
+    onSuccess: () => {
+      toast.success(t("claim.markPaidSuccess", "Marked as fulfilled"));
+      setPaidOpen(false);
+      setCurrentRow(null);
+      paidForm.reset({ tx_hash: "", delivery_ref: "" });
+      ref.current?.refresh();
+    },
+  });
+
+  const statusOptions = (
+    Object.keys(STATUS_META) as API.LotteryClaimStatus[]
+  ).map((value) => ({
+    value,
+    label: t(STATUS_META[value].labelKey, STATUS_META[value].labelDefault),
+  }));
+
+  const typeOptions = [
+    { value: "crypto", label: t("prize.typeCrypto", "Crypto") },
+    { value: "physical", label: t("prize.typePhysical", "Physical") },
+    {
+      value: "manual_other",
+      label: t("prize.typeManualOther", "Manual (Other)"),
+    },
+  ];
+
+  const openReject = (row: API.AdminLotteryClaim) => {
+    setCurrentRow(row);
+    rejectForm.reset({ reason: "" });
+    setRejectOpen(true);
+  };
+  const openPaid = (row: API.AdminLotteryClaim) => {
+    setCurrentRow(row);
+    paidForm.reset({ tx_hash: "", delivery_ref: "" });
+    setPaidOpen(true);
+  };
+
+  return (
+    <>
+      <ProTable<
+        API.AdminLotteryClaim,
+        { type?: string; status?: string; user_id?: string }
+      >
+        action={ref}
+        actions={{
+          render: (row) => {
+            const actions: ReactNode[] = [];
+            if (row.status === "reviewing") {
+              actions.push(
+                <ConfirmButton
+                  cancelText={t("claim.cancel", "Cancel")}
+                  confirmText={t("claim.confirm", "Confirm")}
+                  description={t(
+                    "claim.approveDescription",
+                    "Approving moves this claim to the paying/shipping stage."
+                  )}
+                  key="approve"
+                  onConfirm={async () => {
+                    await approveMutation.mutateAsync(row.id);
+                  }}
+                  title={t("claim.approveTitle", "Approve this claim?")}
+                  trigger={
+                    <Button size="sm" variant="default">
+                      {t("claim.approve", "Approve")}
+                    </Button>
+                  }
+                />
+              );
+            }
+            if (row.status === "paying") {
+              actions.push(
+                <Button
+                  key="mark-paid"
+                  onClick={() => openPaid(row)}
+                  size="sm"
+                  variant="default"
+                >
+                  {t("claim.markPaid", "Mark fulfilled")}
+                </Button>
+              );
+            }
+            if (row.status === "reviewing" || row.status === "paying") {
+              actions.push(
+                <Button
+                  key="reject"
+                  onClick={() => openReject(row)}
+                  size="sm"
+                  variant="destructive"
+                >
+                  {t("claim.reject", "Reject")}
+                </Button>
+              );
+            }
+            return actions;
+          },
+        }}
+        columns={[
+          { accessorKey: "id", header: "ID" },
+          {
+            accessorKey: "user",
+            header: t("claim.user", "User"),
+            cell: ({ row }) => (
+              <div className="text-sm">
+                <div>#{row.original.user.id}</div>
+                {row.original.user.email && (
+                  <div className="text-muted-foreground text-xs">
+                    {row.original.user.email}
+                  </div>
+                )}
+              </div>
+            ),
+          },
+          {
+            accessorKey: "prize",
+            header: t("claim.prize", "Prize"),
+            cell: ({ row }) => (
+              <div className="text-sm">
+                <div className="font-medium">{row.original.prize.name}</div>
+                <Badge className="mt-0.5" variant="secondary">
+                  {prizeTypeLabel(row.original.prize.type, t)}
+                </Badge>
+              </div>
+            ),
+          },
+          {
+            accessorKey: "claim_data",
+            header: t("claim.claimData", "Claim info"),
+            cell: ({ row }) => <ClaimDataCell data={row.original.claim_data} />,
+          },
+          {
+            accessorKey: "status",
+            header: t("claim.status", "Status"),
+            cell: ({ row }) => {
+              const meta = STATUS_META[row.original.status];
+              return (
+                <Badge className={meta?.className} variant="outline">
+                  {meta
+                    ? t(meta.labelKey, meta.labelDefault)
+                    : row.original.status}
+                </Badge>
+              );
+            },
+          },
+          {
+            accessorKey: "fulfillment",
+            header: t("claim.fulfillment", "Tx / Delivery"),
+            cell: ({ row }) => (
+              <div className="max-w-[180px] break-all text-xs">
+                {row.original.tx_hash || row.original.delivery_ref || "--"}
+                {row.original.reject_reason && (
+                  <div className="text-rose-600">
+                    {row.original.reject_reason}
+                  </div>
+                )}
+              </div>
+            ),
+          },
+          {
+            accessorKey: "expires_at",
+            header: t("claim.expiresAt", "Expires"),
+            cell: ({ row }) =>
+              row.original.expires_at
+                ? formatDate(row.original.expires_at)
+                : "--",
+          },
+          {
+            accessorKey: "created_at",
+            header: t("claim.createdAt", "Won at"),
+            cell: ({ row }) =>
+              row.original.created_at
+                ? formatDate(row.original.created_at)
+                : "--",
+          },
+        ]}
+        header={{ title: t("claim.tableTitle", "Claims") }}
+        params={[
+          {
+            key: "type",
+            options: typeOptions,
+            placeholder: t("claim.filterType", "Type"),
+          },
+          {
+            key: "status",
+            options: statusOptions,
+            placeholder: t("claim.filterStatus", "Status"),
+          },
+          {
+            key: "user_id",
+            placeholder: t("claim.filterUserId", "User ID"),
+          },
+        ]}
+        request={async (pagination, filter) => {
+          const { data } = await getLotteryClaimList({
+            page: pagination.page,
+            size: pagination.size,
+            activity_id: activity.id,
+            type: (filter.type as API.LotteryPrizeType) || undefined,
+            status: (filter.status as API.LotteryClaimStatus) || undefined,
+            user_id: filter.user_id ? Number(filter.user_id) : undefined,
+          });
+          return {
+            list: data.data?.claims || [],
+            total: data.data?.total || 0,
+          };
+        }}
+      />
+
+      {/* Reject dialog */}
+      <Dialog
+        onOpenChange={(open) => {
+          setRejectOpen(open);
+          if (!open) {
+            setCurrentRow(null);
+            rejectForm.reset({ reason: "" });
+          }
+        }}
+        open={rejectOpen}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{t("claim.rejectTitle", "Reject claim")}</DialogTitle>
+            <DialogDescription>
+              {t(
+                "claim.rejectDescription",
+                "The reason is shown to the user, who may then resubmit."
+              )}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...rejectForm}>
+            <form
+              className="space-y-4"
+              onSubmit={rejectForm.handleSubmit(async (values) => {
+                if (!currentRow) return;
+                await rejectMutation.mutateAsync({
+                  id: currentRow.id,
+                  reason: values.reason.trim(),
+                });
+              })}
+            >
+              <FormField
+                control={rejectForm.control}
+                name="reason"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("claim.reason", "Reason")}</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder={t(
+                          "claim.reasonPlaceholder",
+                          "Reason shown to the user"
+                        )}
+                        rows={4}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  onClick={() => setRejectOpen(false)}
+                  type="button"
+                  variant="outline"
+                >
+                  {t("claim.cancel", "Cancel")}
+                </Button>
+                <Button disabled={rejectMutation.isPending} type="submit">
+                  {t("claim.confirmReject", "Confirm reject")}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+
+      {/* Mark-paid dialog */}
+      <Dialog
+        onOpenChange={(open) => {
+          setPaidOpen(open);
+          if (!open) {
+            setCurrentRow(null);
+            paidForm.reset({ tx_hash: "", delivery_ref: "" });
+          }
+        }}
+        open={paidOpen}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>
+              {t("claim.markPaidTitle", "Mark as fulfilled")}
+            </DialogTitle>
+            <DialogDescription>
+              {t(
+                "claim.markPaidDescription",
+                "Crypto requires a tx hash; physical requires a delivery ref; manual requires at least one."
+              )}
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...paidForm}>
+            <form
+              className="space-y-4"
+              onSubmit={paidForm.handleSubmit(async (values) => {
+                if (!currentRow) return;
+                const txHash = values.tx_hash?.trim();
+                const deliveryRef = values.delivery_ref?.trim();
+                const prizeType = currentRow.prize.type;
+                if (prizeType === "crypto" && !txHash) {
+                  paidForm.setError("tx_hash", {
+                    message: t(
+                      "claim.txHashRequired",
+                      "Tx hash is required for crypto"
+                    ),
+                  });
+                  return;
+                }
+                if (prizeType === "physical" && !deliveryRef) {
+                  paidForm.setError("delivery_ref", {
+                    message: t(
+                      "claim.deliveryRefRequired",
+                      "Delivery ref is required for physical"
+                    ),
+                  });
+                  return;
+                }
+                if (!(txHash || deliveryRef)) {
+                  paidForm.setError("tx_hash", {
+                    message: t(
+                      "claim.oneRefRequired",
+                      "Fill at least one field"
+                    ),
+                  });
+                  return;
+                }
+                await paidMutation.mutateAsync({
+                  id: currentRow.id,
+                  tx_hash: txHash || undefined,
+                  delivery_ref: deliveryRef || undefined,
+                });
+              })}
+            >
+              <FormField
+                control={paidForm.control}
+                name="tx_hash"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("claim.txHash", "Tx hash")}</FormLabel>
+                    <FormControl>
+                      <Input placeholder="0x..." {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={paidForm.control}
+                name="delivery_ref"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>
+                      {t("claim.deliveryRef", "Delivery ref")}
+                    </FormLabel>
+                    <FormControl>
+                      <Input
+                        placeholder={t(
+                          "claim.deliveryRefPlaceholder",
+                          "Tracking number"
+                        )}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  onClick={() => setPaidOpen(false)}
+                  type="button"
+                  variant="outline"
+                >
+                  {t("claim.cancel", "Cancel")}
+                </Button>
+                <Button disabled={paidMutation.isPending} type="submit">
+                  {t("claim.confirmMarkPaid", "Confirm")}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
@@ -0,0 +1,193 @@
+import { Badge } from "@workspace/ui/components/badge";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import { getLotteryDrawList } from "@workspace/ui/services/admin/lottery";
+import { useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { formatDate } from "@/utils/common";
+
+interface DrawsPanelProps {
+  activity: API.LotteryActivity;
+}
+
+type TranslateFn = (key: string, defaultValue: string) => string;
+
+const DISPATCH_META: Record<
+  string,
+  { labelKey: string; labelDefault: string; className: string }
+> = {
+  none: {
+    labelKey: "draw.dispatchNone",
+    labelDefault: "Pending",
+    className: "bg-gray-100 text-gray-500 border-gray-200",
+  },
+  auto_claimed: {
+    labelKey: "draw.dispatchAutoClaimed",
+    labelDefault: "Auto-granted",
+    className: "bg-emerald-100 text-emerald-700 border-emerald-200",
+  },
+  pending_claim: {
+    labelKey: "draw.dispatchPendingClaim",
+    labelDefault: "Awaiting claim",
+    className: "bg-amber-100 text-amber-700 border-amber-200",
+  },
+  paid: {
+    labelKey: "draw.dispatchPaid",
+    labelDefault: "Fulfilled",
+    className: "bg-emerald-100 text-emerald-700 border-emerald-200",
+  },
+  expired: {
+    labelKey: "draw.dispatchExpired",
+    labelDefault: "Expired",
+    className: "bg-gray-100 text-gray-500 border-gray-200",
+  },
+  failed: {
+    labelKey: "draw.dispatchFailed",
+    labelDefault: "Failed",
+    className: "bg-rose-100 text-rose-700 border-rose-200",
+  },
+};
+
+function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
+  const labels: Record<string, string> = {
+    vpn_duration: t("prize.typeVpnDuration", "VPN Duration"),
+    commission: t("prize.typeCommission", "Commission"),
+    none: t("prize.typeNone", "No Prize (Thanks)"),
+    crypto: t("prize.typeCrypto", "Crypto"),
+    physical: t("prize.typePhysical", "Physical"),
+    manual_other: t("prize.typeManualOther", "Manual (Other)"),
+  };
+  return labels[type] ?? type;
+}
+
+export default function DrawsPanel({ activity }: DrawsPanelProps) {
+  const { t } = useTranslation("lottery");
+  const ref = useRef<ProTableActions>(null);
+
+  const dispatchOptions = Object.entries(DISPATCH_META).map(
+    ([value, meta]) => ({
+      value,
+      label: t(meta.labelKey, meta.labelDefault),
+    })
+  );
+
+  const winOptions = [
+    { value: "1", label: t("draw.winOnly", "Won") },
+    { value: "0", label: t("draw.loseOnly", "Not won") },
+  ];
+
+  return (
+    <ProTable<
+      API.AdminLotteryDraw,
+      { win?: string; dispatch_state?: string; user_id?: string }
+    >
+      action={ref}
+      columns={[
+        { accessorKey: "draw_id", header: "ID" },
+        {
+          accessorKey: "user",
+          header: t("draw.user", "User"),
+          cell: ({ row }) => (
+            <div className="text-sm">
+              <div>#{row.original.user.id}</div>
+              {row.original.user.email && (
+                <div className="text-muted-foreground text-xs">
+                  {row.original.user.email}
+                </div>
+              )}
+            </div>
+          ),
+        },
+        {
+          accessorKey: "prize",
+          header: t("draw.prize", "Prize"),
+          cell: ({ row }) => {
+            const prize = row.original.prize;
+            if (!(row.original.is_win && prize)) {
+              return (
+                <span className="text-muted-foreground">
+                  {t("prize.typeNone", "No Prize (Thanks)")}
+                </span>
+              );
+            }
+            return (
+              <div className="text-sm">
+                <div className="font-medium">{prize.name}</div>
+                <Badge className="mt-0.5" variant="secondary">
+                  {prizeTypeLabel(prize.type, t)}
+                </Badge>
+              </div>
+            );
+          },
+        },
+        {
+          accessorKey: "dispatch_state",
+          header: t("draw.dispatchState", "Dispatch"),
+          cell: ({ row }) => {
+            const meta = DISPATCH_META[row.original.dispatch_state];
+            return (
+              <Badge className={meta?.className} variant="outline">
+                {meta
+                  ? t(meta.labelKey, meta.labelDefault)
+                  : row.original.dispatch_state}
+              </Badge>
+            );
+          },
+        },
+        {
+          accessorKey: "grant_message",
+          header: t("draw.grant", "Grant result"),
+          cell: ({ row }) => (
+            <div className="max-w-[220px] break-all text-xs">
+              {row.original.grant_message || "--"}
+              {row.original.dispatch_error && (
+                <div className="text-rose-600">
+                  {row.original.dispatch_error}
+                </div>
+              )}
+            </div>
+          ),
+        },
+        {
+          accessorKey: "drawn_at",
+          header: t("draw.drawnAt", "Drawn at"),
+          cell: ({ row }) =>
+            row.original.drawn_at ? formatDate(row.original.drawn_at) : "--",
+        },
+      ]}
+      header={{ title: t("draw.tableTitle", "Draw records") }}
+      params={[
+        {
+          key: "win",
+          options: winOptions,
+          placeholder: t("draw.filterWin", "Won?"),
+        },
+        {
+          key: "dispatch_state",
+          options: dispatchOptions,
+          placeholder: t("draw.filterDispatch", "Dispatch"),
+        },
+        {
+          key: "user_id",
+          placeholder: t("draw.filterUserId", "User ID"),
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await getLotteryDrawList({
+          page: pagination.page,
+          size: pagination.size,
+          activity_id: activity.id,
+          win: (filter.win as "1" | "0") || undefined,
+          dispatch_state: filter.dispatch_state || undefined,
+          user_id: filter.user_id ? Number(filter.user_id) : undefined,
+        });
+        return {
+          list: data.data?.list || [],
+          total: data.data?.total || 0,
+        };
+      }}
+    />
+  );
+}
@@ -0,0 +1,219 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@workspace/ui/components/dialog";
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
+import { grantLotteryChances } from "@workspace/ui/services/admin/lottery";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { z } from "zod";
+
+const grantSchema = z.object({
+  user_id: z.number().int().min(1),
+  amount: z.number().int().min(1),
+  source_ref: z.string().trim().min(1),
+});
+
+// 数字输入统一用 type="text" + 该 formatOutput，避开 number 类型 input 的实时钳制问题。
+const numberOutput = (v: string | number): number | undefined => {
+  const s = String(v ?? "").trim();
+  if (s === "") {
+    return;
+  }
+  const n = Number(s);
+  return Number.isNaN(n) ? undefined : n;
+};
+
+type GrantFormValues = z.infer<typeof grantSchema>;
+
+const SOURCE_REF_RANDOM_LENGTH = 6;
+
+function generateSourceRef(): string {
+  const now = new Date();
+  const ymd = [
+    now.getFullYear(),
+    String(now.getMonth() + 1).padStart(2, "0"),
+    String(now.getDate()).padStart(2, "0"),
+  ].join("");
+  const random = Math.random()
+    .toString(36)
+    .slice(2, 2 + SOURCE_REF_RANDOM_LENGTH)
+    .padEnd(SOURCE_REF_RANDOM_LENGTH, "0");
+  return `grant-${ymd}-${random}`;
+}
+
+interface GrantDialogProps {
+  activity: API.LotteryActivity | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export default function GrantDialog({
+  activity,
+  open,
+  onOpenChange,
+}: GrantDialogProps) {
+  const { t } = useTranslation("lottery");
+  const [loading, setLoading] = useState(false);
+  const form = useForm<GrantFormValues>({
+    resolver: zodResolver(grantSchema),
+    defaultValues: { amount: 1, source_ref: "" },
+  });
+
+  useEffect(() => {
+    if (open) {
+      form.reset({
+        user_id: undefined,
+        amount: 1,
+        source_ref: generateSourceRef(),
+      });
+    }
+  }, [open, form]);
+
+  async function handleSubmit(values: GrantFormValues) {
+    if (!activity) return;
+    setLoading(true);
+    try {
+      await grantLotteryChances({
+        activity_id: activity.id,
+        user_id: values.user_id,
+        amount: values.amount,
+        source_ref: values.source_ref.trim(),
+      });
+      toast.success(t("grant.success", "Chances granted"));
+      onOpenChange(false);
+      form.reset({ user_id: undefined, amount: 1, source_ref: "" });
+    } catch {
+      // Request layer already surfaces the error toast
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Dialog onOpenChange={onOpenChange} open={open}>
+      <DialogContent className="max-w-md">
+        <DialogHeader>
+          <DialogTitle>{t("grant.title", "Grant Chances")}</DialogTitle>
+          <DialogDescription>
+            {t(
+              "grant.description",
+              "Manually grant draw chances to a user for activity: {{title}}"
+            ).replace("{{title}}", activity?.title ?? "")}
+          </DialogDescription>
+        </DialogHeader>
+        <Form {...form}>
+          <form
+            className="space-y-4"
+            id="lottery-grant-form"
+            onSubmit={form.handleSubmit(handleSubmit)}
+          >
+            <FormField
+              control={form.control}
+              name="user_id"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("grant.userId", "User ID")}</FormLabel>
+                  <FormControl>
+                    <EnhancedInput
+                      formatOutput={numberOutput}
+                      inputMode="numeric"
+                      onValueChange={(value) => field.onChange(value)}
+                      placeholder={t("grant.userIdPlaceholder", "e.g. 87433")}
+                      type="text"
+                      value={field.value}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      "grant.userIdHint",
+                      "Enter the numeric user ID. You can find it in the user management list."
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="amount"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("grant.amount", "Amount")}</FormLabel>
+                  <FormControl>
+                    <EnhancedInput
+                      formatOutput={numberOutput}
+                      inputMode="numeric"
+                      onValueChange={(value) => field.onChange(value)}
+                      placeholder="1"
+                      type="text"
+                      value={field.value}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="source_ref"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t("grant.sourceRef", "Source Reference")}
+                  </FormLabel>
+                  <FormControl>
+                    <EnhancedInput
+                      onValueChange={(value) => field.onChange(value)}
+                      placeholder={t(
+                        "grant.sourceRefPlaceholder",
+                        "grant-20260709-abc123"
+                      )}
+                      value={field.value}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t(
+                      "grant.sourceRefHint",
+                      "Idempotency key: the same reference only grants once. Repeated submissions will not grant again."
+                    )}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </form>
+        </Form>
+        <DialogFooter>
+          <Button
+            onClick={() => onOpenChange(false)}
+            type="button"
+            variant="outline"
+          >
+            {t("cancel", "Cancel")}
+          </Button>
+          <Button disabled={loading} form="lottery-grant-form" type="submit">
+            {t("confirm", "Confirm")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
@@ -0,0 +1,290 @@
+import { Badge } from "@workspace/ui/components/badge";
+import { Button } from "@workspace/ui/components/button";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import {
+  createLotteryActivity,
+  deleteLotteryActivity,
+  getLotteryActivityList,
+  pauseLotteryActivity,
+  publishLotteryActivity,
+  updateLotteryActivity,
+} from "@workspace/ui/services/admin/lottery";
+import { useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { formatDate } from "@/utils/common";
+import ActivityDetail from "./activity-detail";
+import ActivityForm from "./activity-form";
+import GrantDialog from "./grant-dialog";
+
+export default function Lottery() {
+  const { t } = useTranslation("lottery");
+  const [loading, setLoading] = useState(false);
+  const [detailOpen, setDetailOpen] = useState(false);
+  const [grantOpen, setGrantOpen] = useState(false);
+  const [selectedActivity, setSelectedActivity] =
+    useState<API.LotteryActivity | null>(null);
+  const ref = useRef<ProTableActions>(null);
+
+  const statusConfig: Record<
+    API.LotteryActivityStatus,
+    {
+      label: string;
+      variant: "secondary" | "destructive" | "outline";
+      className?: string;
+    }
+  > = {
+    draft: { label: t("status.draft", "Draft"), variant: "secondary" },
+    running: {
+      label: t("status.running", "Running"),
+      variant: "outline",
+      className: "border-transparent bg-green-500 text-white",
+    },
+    paused: {
+      label: t("status.paused", "Paused"),
+      variant: "outline",
+      className: "border-transparent bg-yellow-500 text-white",
+    },
+    ended: { label: t("status.ended", "Ended"), variant: "destructive" },
+  };
+
+  const statusOptions = [
+    { label: t("statusAll", "All"), value: "all" },
+    { label: t("status.draft", "Draft"), value: "draft" },
+    { label: t("status.running", "Running"), value: "running" },
+    { label: t("status.paused", "Paused"), value: "paused" },
+    { label: t("status.ended", "Ended"), value: "ended" },
+  ];
+
+  return (
+    <>
+      <ProTable<API.LotteryActivity, { status: string }>
+        action={ref}
+        actions={{
+          render: (row) => {
+            const rowActions: React.ReactNode[] = [];
+            if (row.status === "draft") {
+              rowActions.push(
+                <ConfirmButton
+                  cancelText={t("cancel", "Cancel")}
+                  confirmText={t("confirm", "Confirm")}
+                  description={t(
+                    "publishWarning",
+                    "Once published, the activity becomes visible to users."
+                  )}
+                  key="publish"
+                  onConfirm={async () => {
+                    try {
+                      await publishLotteryActivity({ id: row.id });
+                      toast.success(t("publishSuccess", "Publish Success"));
+                      ref.current?.refresh();
+                    } catch {
+                      // Request layer already surfaces the error toast
+                    }
+                  }}
+                  title={t(
+                    "confirmPublish",
+                    "Are you sure you want to publish this activity?"
+                  )}
+                  trigger={<Button size="sm">{t("publish", "Publish")}</Button>}
+                />
+              );
+            }
+            if (row.status === "running") {
+              rowActions.push(
+                <ConfirmButton
+                  cancelText={t("cancel", "Cancel")}
+                  confirmText={t("confirm", "Confirm")}
+                  description={t(
+                    "pauseWarning",
+                    "Users will not be able to draw while the activity is paused."
+                  )}
+                  key="pause"
+                  onConfirm={async () => {
+                    try {
+                      await pauseLotteryActivity({ id: row.id });
+                      toast.success(t("pauseSuccess", "Pause Success"));
+                      ref.current?.refresh();
+                    } catch {
+                      // Request layer already surfaces the error toast
+                    }
+                  }}
+                  title={t(
+                    "confirmPause",
+                    "Are you sure you want to pause this activity?"
+                  )}
+                  trigger={
+                    <Button size="sm" variant="destructive">
+                      {t("pause", "Pause")}
+                    </Button>
+                  }
+                />
+              );
+            }
+            rowActions.push(
+              <ActivityForm
+                initialValues={row}
+                key="edit"
+                loading={loading}
+                onSubmit={async (values) => {
+                  setLoading(true);
+                  try {
+                    await updateLotteryActivity({ ...values, id: row.id });
+                    toast.success(t("updateSuccess", "Update Success"));
+                    ref.current?.refresh();
+                    setLoading(false);
+                    return true;
+                  } catch (_error) {
+                    setLoading(false);
+                    return false;
+                  }
+                }}
+                title={t("editActivity", "Edit Activity")}
+                trigger={t("edit", "Edit")}
+              />,
+              <Button
+                key="manage"
+                onClick={() => {
+                  setSelectedActivity(row);
+                  setDetailOpen(true);
+                }}
+                size="sm"
+                variant="outline"
+              >
+                {t("manage", "Manage")}
+              </Button>,
+              <Button
+                key="grant"
+                onClick={() => {
+                  setSelectedActivity(row);
+                  setGrantOpen(true);
+                }}
+                size="sm"
+                variant="outline"
+              >
+                {t("grantChances", "Grant Chances")}
+              </Button>,
+              <ConfirmButton
+                cancelText={t("cancel", "Cancel")}
+                confirmText={t("delete", "Delete")}
+                description={t(
+                  "confirmDeleteActivityDesc",
+                  "This permanently deletes the activity and its prizes. A running activity must be paused first. This cannot be undone."
+                )}
+                key="delete"
+                onConfirm={async () => {
+                  try {
+                    await deleteLotteryActivity({ id: row.id });
+                    toast.success(t("deleteSuccess", "Deleted"));
+                    ref.current?.refresh();
+                  } catch {
+                    // Request layer already surfaces the error toast
+                  }
+                }}
+                title={t("confirmDeleteActivity", "Delete this activity?")}
+                trigger={
+                  <Button size="sm" variant="destructive">
+                    {t("delete", "Delete")}
+                  </Button>
+                }
+              />
+            );
+            return rowActions;
+          },
+        }}
+        columns={[
+          {
+            accessorKey: "id",
+            header: t("id", "ID"),
+          },
+          {
+            accessorKey: "title",
+            header: t("title", "Title"),
+          },
+          {
+            accessorKey: "status",
+            header: t("statusLabel", "Status"),
+            cell: ({ row }) => {
+              const status = statusConfig[row.original.status];
+              return (
+                <Badge className={status.className} variant={status.variant}>
+                  {status.label}
+                </Badge>
+              );
+            },
+          },
+          {
+            accessorKey: "start_at",
+            header: t("activityTime", "Activity Time"),
+            cell: ({ row }) =>
+              `${formatDate(row.original.start_at)} - ${formatDate(
+                row.original.end_at
+              )}`,
+          },
+          {
+            accessorKey: "grid_size",
+            header: t("gridSize", "Grid Size"),
+          },
+        ]}
+        header={{
+          toolbar: (
+            <ActivityForm
+              loading={loading}
+              onSubmit={async (values) => {
+                setLoading(true);
+                try {
+                  await createLotteryActivity(values);
+                  toast.success(t("createSuccess", "Create Success"));
+                  ref.current?.refresh();
+                  setLoading(false);
+                  return true;
+                } catch (_error) {
+                  setLoading(false);
+                  return false;
+                }
+              }}
+              title={t("createActivity", "Create Activity")}
+              trigger={t("create", "Create")}
+            />
+          ),
+        }}
+        params={[
+          {
+            key: "status",
+            placeholder: t("statusLabel", "Status"),
+            options: statusOptions,
+          },
+        ]}
+        request={async (pagination, filters) => {
+          const { data } = await getLotteryActivityList({
+            ...pagination,
+            ...filters,
+            status:
+              filters?.status && filters.status !== "all"
+                ? filters.status
+                : undefined,
+          });
+          return {
+            list: data.data?.list || [],
+            total: data.data?.total || 0,
+          };
+        }}
+      />
+      <ActivityDetail
+        activity={selectedActivity}
+        onChanged={() => ref.current?.refresh()}
+        onOpenChange={setDetailOpen}
+        open={detailOpen}
+      />
+      <GrantDialog
+        activity={selectedActivity}
+        onOpenChange={setGrantOpen}
+        open={grantOpen}
+      />
+    </>
+  );
+}
@@ -0,0 +1,526 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { ScrollArea } from "@workspace/ui/components/scroll-area";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from "@workspace/ui/components/sheet";
+import { Switch } from "@workspace/ui/components/switch";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import {
+  EnhancedInput,
+  type EnhancedInputProps,
+} from "@workspace/ui/composed/enhanced-input";
+import { Icon } from "@workspace/ui/composed/icon";
+import {
+  createLotteryPrize,
+  deleteLotteryPrize,
+  updateLotteryPrize,
+} from "@workspace/ui/services/admin/lottery";
+import { getSubscribeList } from "@workspace/ui/services/admin/subscribe";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { z } from "zod";
+
+// 概率单位约定：weight 1000 = 1%（支持 3 位小数概率，总权重 100000 = 100%）。
+const WEIGHT_PER_PERCENT = 1000;
+
+// numberOutput 把 text 输入转成数字（空/非法→undefined）。数字输入统一用 type="text"
+// + 该 formatOutput，避开 EnhancedInput 在 type="number" 下 min/max 实时钳制导致的
+// “输入 0 / 改中间位跳变”问题；提交仍是数字，后端收 int。
+const numberOutput = (v: string | number): number | undefined => {
+  const s = String(v ?? "").trim();
+  if (s === "") {
+    return;
+  }
+  const n = Number(s);
+  return Number.isNaN(n) ? undefined : n;
+};
+
+type TranslateFn = (key: string, defaultValue: string) => string;
+
+const PRIZE_TYPE_OPTIONS: {
+  value: API.LotteryPrizeType;
+  labelKey: string;
+  labelDefault: string;
+}[] = [
+  {
+    value: "vpn_duration",
+    labelKey: "prize.typeVpnDuration",
+    labelDefault: "VPN Duration",
+  },
+  {
+    value: "crypto",
+    labelKey: "prize.typeCrypto",
+    labelDefault: "Crypto",
+  },
+  {
+    value: "none",
+    labelKey: "prize.typeNone",
+    labelDefault: "No Prize (Thanks)",
+  },
+];
+
+const getPrizeSchema = (t: TranslateFn) =>
+  z
+    .object({
+      type: z.enum(["vpn_duration", "crypto", "none"]),
+      name: z.string().min(1, t("prize.nameRequired", "Name is required")),
+      icon_url: z
+        .string()
+        .url(t("prize.iconUrlInvalid", "Must be a valid URL"))
+        .or(z.literal(""))
+        .optional(),
+      weight: z
+        .number()
+        .min(0, t("prize.weightMin", "Probability must be at least 0"))
+        .max(100, t("prize.weightMax", "Probability cannot exceed 100")),
+      unlimited_stock: z.boolean(),
+      total_stock: z.number().optional(),
+      is_fallback: z.boolean(),
+      duration_days: z.number().optional(),
+      subscribe_id: z.number().optional(),
+    })
+    .superRefine((data, ctx) => {
+      const issue = (path: string, message: string) => {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message, path: [path] });
+      };
+      const isPositiveInt = (value?: number) =>
+        !!value && value > 0 && Number.isInteger(value);
+      if (data.type === "vpn_duration" && !isPositiveInt(data.duration_days)) {
+        issue(
+          "duration_days",
+          t(
+            "prize.durationDaysRequired",
+            "Duration days must be a positive integer"
+          )
+        );
+      }
+      if (!(data.unlimited_stock || isPositiveInt(data.total_stock))) {
+        issue(
+          "total_stock",
+          t(
+            "prize.totalStockRequired",
+            "Total stock must be a positive integer"
+          )
+        );
+      }
+    });
+
+type PrizeFormValues = z.infer<ReturnType<typeof getPrizeSchema>>;
+
+interface PrizeFormProps {
+  activityId: number;
+  slot: number;
+  initialValues?: API.LotteryPrize;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSuccess: () => void;
+}
+
+function toFormValues(prize?: API.LotteryPrize): PrizeFormValues {
+  const config = prize?.config ?? {};
+  return {
+    type: (prize?.type as PrizeFormValues["type"]) ?? "vpn_duration",
+    name: prize?.name ?? "",
+    icon_url: prize?.icon_url ?? "",
+    weight: (prize?.weight ?? 0) / WEIGHT_PER_PERCENT,
+    unlimited_stock: prize ? prize.total_stock === null : true,
+    total_stock: prize?.total_stock ?? undefined,
+    is_fallback: prize?.is_fallback ?? false,
+    duration_days: config.duration_days as number | undefined,
+    subscribe_id: config.subscribe_id as number | undefined,
+  };
+}
+
+function toConfig(values: PrizeFormValues): Record<string, any> {
+  if (values.type === "vpn_duration") {
+    const config: Record<string, any> = { duration_days: values.duration_days };
+    // 可选：无活跃订阅时按该套餐新建订阅发放时长。0/未选则沿用旧行为（跳过发放）。
+    if (values.subscribe_id && values.subscribe_id > 0) {
+      config.subscribe_id = values.subscribe_id;
+    }
+    return config;
+  }
+  // crypto(人工发放) / none 无需额外配置：中奖后凭截图联系客服线下发放。
+  return {};
+}
+
+export default function PrizeForm({
+  activityId,
+  slot,
+  initialValues,
+  open,
+  onOpenChange,
+  onSuccess,
+}: PrizeFormProps) {
+  const { t } = useTranslation("lottery");
+  const [loading, setLoading] = useState(false);
+  const [plans, setPlans] = useState<API.SubscribeItem[]>([]);
+  const form = useForm<PrizeFormValues>({
+    resolver: zodResolver(getPrizeSchema(t)),
+    defaultValues: toFormValues(initialValues),
+  });
+  const type = form.watch("type");
+  const unlimitedStock = form.watch("unlimited_stock");
+  const isFallback = form.watch("is_fallback");
+  const isEdit = !!initialValues?.id;
+  const targetSlot = initialValues?.slot ?? slot;
+
+  useEffect(() => {
+    if (open) form.reset(toFormValues(initialValues));
+  }, [form, initialValues, open]);
+
+  // vpn_duration 需要一个可选的“新建订阅套餐”下拉，仅在面板打开且类型匹配时拉取。
+  useEffect(() => {
+    if (!(open && type === "vpn_duration") || plans.length > 0) return;
+    getSubscribeList({ page: 1, size: 100 })
+      .then(({ data }) => setPlans(data?.data?.list ?? []))
+      .catch(() => {
+        // Request layer already surfaces the error toast
+      });
+  }, [open, type, plans.length]);
+
+  async function handleSubmit(values: PrizeFormValues) {
+    setLoading(true);
+    try {
+      const body: API.CreateLotteryPrizeRequest = {
+        activity_id: activityId,
+        slot: targetSlot,
+        type: values.type,
+        name: values.name.trim(),
+        icon_url: values.icon_url?.trim() ?? "",
+        config: toConfig(values),
+        weight: values.is_fallback
+          ? 0
+          : Math.round(values.weight * WEIGHT_PER_PERCENT),
+        total_stock: values.unlimited_stock
+          ? null
+          : (values.total_stock ?? null),
+        is_fallback: values.is_fallback,
+      };
+      if (isEdit) {
+        await updateLotteryPrize({ ...body, id: initialValues!.id });
+        toast.success(t("prize.updateSuccess", "Prize updated"));
+      } else {
+        await createLotteryPrize(body);
+        toast.success(t("prize.createSuccess", "Prize created"));
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch {
+      // Request layer already surfaces the error toast
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function handleDelete() {
+    if (!initialValues?.id) return;
+    setLoading(true);
+    try {
+      await deleteLotteryPrize({ id: initialValues.id });
+      toast.success(t("prize.deleteSuccess", "Prize deleted"));
+      onSuccess();
+      onOpenChange(false);
+    } catch {
+      // Request layer already surfaces the error toast
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  const renderInput = (
+    name: "name" | "icon_url" | "weight" | "total_stock" | "duration_days",
+    label: string,
+    inputProps: Partial<EnhancedInputProps<any>>,
+    description?: string
+  ) => (
+    <FormField
+      control={form.control}
+      name={name}
+      render={({ field }) => (
+        <FormItem>
+          <FormLabel>{label}</FormLabel>
+          <FormControl>
+            <EnhancedInput
+              onValueChange={(value) => form.setValue(name, value)}
+              value={field.value}
+              {...inputProps}
+            />
+          </FormControl>
+          {description && (
+            <p className="text-muted-foreground text-xs">{description}</p>
+          )}
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+
+  const renderSwitch = (
+    name: "unlimited_stock" | "is_fallback",
+    label: string,
+    description?: string
+  ) => (
+    <FormField
+      control={form.control}
+      name={name}
+      render={({ field }) => (
+        <FormItem className="flex items-center justify-between rounded-md border p-3">
+          <div className="space-y-1">
+            <FormLabel>{label}</FormLabel>
+            {description && (
+              <p className="text-muted-foreground text-xs">{description}</p>
+            )}
+          </div>
+          <FormControl>
+            <Switch
+              checked={field.value}
+              onCheckedChange={(checked) => form.setValue(name, checked)}
+            />
+          </FormControl>
+        </FormItem>
+      )}
+    />
+  );
+
+  return (
+    <Sheet onOpenChange={onOpenChange} open={open}>
+      <SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
+        <SheetHeader>
+          <SheetTitle>
+            {isEdit
+              ? t("prize.editTitle", "Edit Prize")
+              : t("prize.createTitle", "Add Prize")}
+            {" · "}
+            {t("prize.slotLabel", "Slot")} {targetSlot}
+          </SheetTitle>
+        </SheetHeader>
+        <ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
+          <Form {...form}>
+            <form
+              className="space-y-4 px-6 pt-4"
+              onSubmit={form.handleSubmit(handleSubmit)}
+            >
+              <FormField
+                control={form.control}
+                name="type"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("prize.type", "Prize Type")}</FormLabel>
+                    <FormControl>
+                      <Select
+                        onValueChange={(value) =>
+                          form.setValue(
+                            field.name,
+                            value as PrizeFormValues["type"]
+                          )
+                        }
+                        value={field.value}
+                      >
+                        <SelectTrigger className="w-full">
+                          <SelectValue
+                            placeholder={t("prize.selectType", "Select type")}
+                          />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {PRIZE_TYPE_OPTIONS.map((option) => (
+                            <SelectItem key={option.value} value={option.value}>
+                              {t(option.labelKey, option.labelDefault)}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              {renderInput("name", t("prize.name", "Prize Name"), {
+                placeholder: t("prize.namePlaceholder", "e.g. 1-Day Pass"),
+              })}
+              {renderInput("icon_url", t("prize.iconUrl", "Icon URL"), {
+                placeholder: "https://",
+              })}
+              {type === "vpn_duration" &&
+                renderInput(
+                  "duration_days",
+                  t("prize.durationDays", "Duration (days)"),
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    formatOutput: numberOutput,
+                    placeholder: t("prize.durationDaysPlaceholder", "e.g. 1"),
+                    suffix: t("prize.daysSuffix", "days"),
+                  }
+                )}
+              {type === "vpn_duration" && (
+                <FormField
+                  control={form.control}
+                  name="subscribe_id"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t("prize.subscribePlan", "New-subscription plan")}
+                      </FormLabel>
+                      <FormControl>
+                        <Select
+                          onValueChange={(value) =>
+                            form.setValue(
+                              "subscribe_id",
+                              value ? Number(value) : undefined
+                            )
+                          }
+                          value={field.value ? String(field.value) : undefined}
+                        >
+                          <SelectTrigger className="w-full">
+                            <SelectValue
+                              placeholder={t(
+                                "prize.subscribePlanPlaceholder",
+                                "None — skip if user has no active subscription"
+                              )}
+                            />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {plans.map((plan) => (
+                              <SelectItem key={plan.id} value={String(plan.id)}>
+                                {plan.name ?? `#${plan.id}`}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </FormControl>
+                      <p className="text-muted-foreground text-xs">
+                        {t(
+                          "prize.subscribePlanHint",
+                          "When the user has no active subscription, create one on this plan and grant the duration. Leave empty to skip granting."
+                        )}
+                      </p>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+              {type === "none" && (
+                <p className="rounded-md bg-muted/50 p-3 text-muted-foreground text-xs">
+                  {t(
+                    "prize.noneHint",
+                    "No config needed. Consider enabling fallback so users always land on this prize when limited prizes run out."
+                  )}
+                </p>
+              )}
+              {type === "crypto" && (
+                <p className="rounded-md bg-muted/50 p-3 text-muted-foreground text-xs">
+                  {t(
+                    "prize.manualPrizeHint",
+                    "Manual prize: no extra config. When won, the user contacts customer service with a screenshot to redeem — no in-app claim form."
+                  )}
+                </p>
+              )}
+              {renderInput(
+                "weight",
+                t("prize.weight", "Win probability (%)"),
+                {
+                  type: "text",
+                  inputMode: "decimal",
+                  formatOutput: numberOutput,
+                  suffix: "%",
+                  disabled: isFallback,
+                },
+                isFallback
+                  ? t(
+                      "prize.fallbackIgnoresWeight",
+                      "Fallback prize ignores probability (never randomly drawn)"
+                    )
+                  : t(
+                      "prize.weightHint",
+                      "Percent chance in the grid. All drawable prizes must total 100%. 0 = shown but never drawn."
+                    )
+              )}
+              {renderSwitch(
+                "unlimited_stock",
+                t("prize.unlimitedStock", "Unlimited Stock")
+              )}
+              {!unlimitedStock &&
+                renderInput(
+                  "total_stock",
+                  t("prize.totalStock", "Total Stock"),
+                  {
+                    type: "text",
+                    inputMode: "numeric",
+                    formatOutput: numberOutput,
+                    placeholder: t("prize.totalStockPlaceholder", "e.g. 100"),
+                  }
+                )}
+              {renderSwitch(
+                "is_fallback",
+                t("prize.isFallback", "Fallback Prize"),
+                t(
+                  "prize.isFallbackHint",
+                  "Awarded when limited prizes are sold out"
+                )
+              )}
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter className="flex-row justify-end gap-2 pt-3">
+          {isEdit && (
+            <ConfirmButton
+              cancelText={t("prize.cancel", "Cancel")}
+              confirmText={t("prize.confirmDelete", "Delete")}
+              description={t(
+                "prize.deleteDescription",
+                "This prize will be removed from the grid. This action cannot be undone."
+              )}
+              onConfirm={handleDelete}
+              title={t("prize.deleteTitle", "Delete this prize?")}
+              trigger={
+                <Button
+                  className="mr-auto"
+                  disabled={loading}
+                  variant="destructive"
+                >
+                  {t("prize.delete", "Delete")}
+                </Button>
+              }
+            />
+          )}
+          <Button
+            disabled={loading}
+            onClick={() => onOpenChange(false)}
+            variant="outline"
+          >
+            {t("prize.cancel", "Cancel")}
+          </Button>
+          <Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
+            {loading && (
+              <Icon className="mr-2 animate-spin" icon="mdi:loading" />
+            )}
+            {t("prize.confirm", "Confirm")}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,294 @@
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@workspace/ui/components/alert";
+import { Badge } from "@workspace/ui/components/badge";
+import { Skeleton } from "@workspace/ui/components/skeleton";
+import { cn } from "@workspace/ui/lib/utils";
+import { getLotteryPrizeList } from "@workspace/ui/services/admin/lottery";
+import { AlertTriangle, Plus } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import PrizeForm from "./prize-form";
+
+const DEFAULT_GRID_SIZE = 9;
+const CENTER_SLOT = 4;
+const CENTS_PER_YUAN = 100;
+// 概率单位约定：weight 1000 = 1%，总权重 100000 = 100.000%（支持 3 位小数概率）。
+const WEIGHT_PER_PERCENT = 1000;
+const FULL_TOTAL_WEIGHT = 100 * WEIGHT_PER_PERCENT;
+
+// weightToPercent 把原始 weight 转成百分比字符串（最多 3 位小数，去尾零）。
+function weightToPercent(weight: number): string {
+  const pct = weight / WEIGHT_PER_PERCENT;
+  return `${Number.parseFloat(pct.toFixed(3))}`;
+}
+
+interface PrizeGridProps {
+  activity: API.LotteryActivity;
+}
+
+type TranslateFn = (key: string, defaultValue: string) => string;
+
+function prizeTypeLabel(type: API.LotteryPrizeType, t: TranslateFn): string {
+  const labels: Record<string, string> = {
+    vpn_duration: t("prize.typeVpnDuration", "VPN Duration"),
+    commission: t("prize.typeCommission", "Commission"),
+    none: t("prize.typeNone", "No Prize (Thanks)"),
+    crypto: t("prize.typeCrypto", "Crypto"),
+    physical: t("prize.typePhysical", "Physical"),
+    manual_other: t("prize.typeManualOther", "Manual (Other)"),
+    coupon: t("prize.typeCoupon", "Coupon"),
+    points: t("prize.typePoints", "Points"),
+  };
+  return labels[type] ?? type;
+}
+
+// prizeConfigSummary 把奖品的类型专属 config 渲染成一行可读文本，
+// 让九宫格卡片显示真实配置值（免费时长天数 / 佣金金额），而不是只有类型徽章。
+function prizeConfigSummary(
+  prize: API.LotteryPrize,
+  t: TranslateFn
+): string | null {
+  const config = prize.config ?? {};
+  if (prize.type === "vpn_duration") {
+    const days = config.duration_days as number | undefined;
+    if (typeof days === "number" && days > 0) {
+      return `${days} ${t("prize.daysSuffix", "days")}`;
+    }
+    return null;
+  }
+  if (prize.type === "commission") {
+    const cents = config.amount_cents as number | undefined;
+    if (typeof cents === "number" && cents > 0) {
+      return `¥${(cents / CENTS_PER_YUAN).toFixed(2)}`;
+    }
+    return null;
+  }
+  return null;
+}
+
+interface FormState {
+  open: boolean;
+  slot: number;
+  prize?: API.LotteryPrize;
+}
+
+export default function PrizeGrid({ activity }: PrizeGridProps) {
+  const { t } = useTranslation("lottery");
+  const [prizes, setPrizes] = useState<API.LotteryPrize[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [formState, setFormState] = useState<FormState>({
+    open: false,
+    slot: 0,
+  });
+
+  const fetchPrizes = useCallback(async () => {
+    setLoading(true);
+    try {
+      const { data } = await getLotteryPrizeList({ activity_id: activity.id });
+      setPrizes(data?.data?.list ?? []);
+    } catch {
+      // Request layer already surfaces the error toast
+    } finally {
+      setLoading(false);
+    }
+  }, [activity.id]);
+
+  useEffect(() => {
+    fetchPrizes();
+  }, [fetchPrizes]);
+
+  const prizeBySlot = useMemo(() => {
+    const map = new Map<number, API.LotteryPrize>();
+    for (const prize of prizes) {
+      map.set(prize.slot, prize);
+    }
+    return map;
+  }, [prizes]);
+
+  const randomPrizes = useMemo(
+    () => prizes.filter((prize) => prize.weight > 0 && !prize.is_fallback),
+    [prizes]
+  );
+  const totalWeight = useMemo(
+    () => randomPrizes.reduce((sum, prize) => sum + prize.weight, 0),
+    [randomPrizes]
+  );
+  const hasFallback = prizes.some((prize) => prize.is_fallback);
+  const totalIsValid = totalWeight === FULL_TOTAL_WEIGHT;
+  const gridSize = activity.grid_size || DEFAULT_GRID_SIZE;
+  const slots = Array.from({ length: gridSize }, (_, index) => index);
+
+  const openForm = (slot: number, prize?: API.LotteryPrize) => {
+    setFormState({ open: true, slot, prize });
+  };
+
+  if (loading && prizes.length === 0) {
+    return (
+      <div className="grid grid-cols-3 gap-3">
+        {slots.map((slot) => (
+          <Skeleton className="min-h-[132px] rounded-lg" key={slot} />
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="rounded-lg border bg-muted/30 p-3">
+        <div className="mb-2 flex items-center justify-between">
+          <p className="font-medium text-sm">
+            {t("prize.probabilityPreview", "Probability Preview")}
+          </p>
+          {randomPrizes.length > 0 && (
+            <Badge variant={totalIsValid ? "secondary" : "destructive"}>
+              {t("prize.probabilityTotal", "Total")}:{" "}
+              {weightToPercent(totalWeight)}%
+            </Badge>
+          )}
+        </div>
+        {randomPrizes.length > 0 ? (
+          <div className="flex flex-wrap gap-2">
+            {randomPrizes.map((prize) => (
+              <Badge key={prize.id} variant="secondary">
+                {prize.name}: {weightToPercent(prize.weight)}%
+              </Badge>
+            ))}
+          </div>
+        ) : (
+          <p className="text-muted-foreground text-xs">
+            {t(
+              "prize.noRandomPrizes",
+              "No prizes participate in the random draw yet"
+            )}
+          </p>
+        )}
+      </div>
+      {randomPrizes.length > 0 && !totalIsValid && (
+        <Alert variant="destructive">
+          <AlertTriangle className="h-4 w-4" />
+          <AlertTitle>
+            {t("prize.totalNot100Title", "Probabilities must total 100%")}
+          </AlertTitle>
+          <AlertDescription>
+            {t(
+              "prize.totalNot100Hint",
+              "The drawable prizes currently total {{total}}%. Adjust each prize's win probability so they sum to exactly 100%.",
+              { total: weightToPercent(totalWeight) }
+            )}
+          </AlertDescription>
+        </Alert>
+      )}
+      {!hasFallback && (
+        <Alert>
+          <AlertTriangle className="h-4 w-4" />
+          <AlertTitle>
+            {t("prize.noFallbackTitle", "No fallback prize")}
+          </AlertTitle>
+          <AlertDescription>
+            {t(
+              "prize.noFallbackHint",
+              "Consider configuring a fallback prize so draws never fail when limited prizes run out."
+            )}
+          </AlertDescription>
+        </Alert>
+      )}
+      <div className="grid grid-cols-3 gap-3">
+        {slots.map((slot) => {
+          const prize = prizeBySlot.get(slot);
+          return (
+            <button
+              className={cn(
+                "relative flex min-h-[132px] flex-col items-center justify-center gap-1 rounded-lg border p-3 text-center transition-colors hover:border-primary",
+                prize ? "bg-card" : "border-dashed text-muted-foreground"
+              )}
+              key={slot}
+              onClick={() => openForm(slot, prize)}
+              type="button"
+            >
+              <span className="absolute top-1 left-1.5 text-[10px] text-muted-foreground">
+                #{slot}
+              </span>
+              {slot === CENTER_SLOT && (
+                <Badge
+                  className="absolute top-1 right-1 px-1.5 text-[10px]"
+                  variant="outline"
+                >
+                  {t("prize.centerSlotHint", "Usually the draw button")}
+                </Badge>
+              )}
+              {prize ? (
+                <>
+                  {prize.icon_url ? (
+                    <img
+                      alt={prize.name}
+                      className="h-8 w-8 rounded object-cover"
+                      height={32}
+                      src={prize.icon_url}
+                      width={32}
+                    />
+                  ) : (
+                    <span aria-hidden className="text-2xl">
+                      🎁
+                    </span>
+                  )}
+                  <span className="line-clamp-1 font-medium text-sm">
+                    {prize.name}
+                  </span>
+                  <Badge variant="secondary">
+                    {prizeTypeLabel(prize.type, t)}
+                  </Badge>
+                  {(() => {
+                    const summary = prizeConfigSummary(prize, t);
+                    return summary ? (
+                      <span className="line-clamp-1 font-medium text-primary text-xs">
+                        {summary}
+                      </span>
+                    ) : null;
+                  })()}
+                  <span className="text-muted-foreground text-xs">
+                    {t("prize.weightShort", "Prob")}:{" "}
+                    {prize.is_fallback
+                      ? "—"
+                      : `${weightToPercent(prize.weight)}%`}{" "}
+                    · {t("prize.stockShort", "Stock")}:{" "}
+                    {prize.total_stock === null ? "∞" : prize.total_stock}
+                  </span>
+                  <div className="flex flex-wrap justify-center gap-1">
+                    {prize.is_fallback && (
+                      <Badge variant="outline">
+                        {t("prize.fallbackBadge", "Fallback")}
+                      </Badge>
+                    )}
+                    {prize.sold_out && (
+                      <Badge variant="destructive">
+                        {t("prize.soldOutBadge", "Sold Out")}
+                      </Badge>
+                    )}
+                  </div>
+                </>
+              ) : (
+                <>
+                  <Plus className="h-5 w-5" />
+                  <span className="text-xs">
+                    {t("prize.addPrize", "Add Prize")}
+                  </span>
+                </>
+              )}
+            </button>
+          );
+        })}
+      </div>
+      <PrizeForm
+        activityId={activity.id}
+        initialValues={formState.prize}
+        onOpenChange={(open) => setFormState((prev) => ({ ...prev, open }))}
+        onSuccess={fetchPrizes}
+        open={formState.open}
+        slot={formState.slot}
+      />
+    </div>
+  );
+}
@@ -0,0 +1,448 @@
+import { z } from "zod";
+
+export const RULE_CAPS = { maxDepth: 8, maxNodes: 64, maxBytes: 8192 } as const;
+
+export const CHANCE_SOURCE_OPTIONS: {
+  value: API.LotteryChanceSourceType;
+  labelKey: string;
+  labelDefault: string;
+}[] = [
+  {
+    value: "daily_signin",
+    labelKey: "rules.source.dailySignin",
+    labelDefault: "Daily Sign-in",
+  },
+  {
+    value: "new_subscription",
+    labelKey: "rules.source.newSubscription",
+    labelDefault: "New Subscription",
+  },
+  {
+    value: "invite_success",
+    labelKey: "rules.source.inviteSuccess",
+    labelDefault: "Invite Success",
+  },
+  {
+    value: "manual_grant",
+    labelKey: "rules.source.manualGrant",
+    labelDefault: "Manual Grant",
+  },
+];
+
+export const CONDITION_TYPES = [
+  "has_subscription",
+  "subscription_type",
+  "invite_count",
+  "total_recharge",
+  "register_days",
+  "user_tag",
+] as const;
+
+export type ConditionType = (typeof CONDITION_TYPES)[number];
+
+export interface ConditionRow {
+  type: ConditionType;
+  minDaysRemaining?: number;
+  planIds?: string;
+  min?: number;
+  windowDays?: number;
+  minUsdt?: number;
+  tags?: string;
+}
+
+export interface ConditionParamField {
+  key: keyof Omit<ConditionRow, "type">;
+  inputType: "number" | "text";
+  labelKey: string;
+  labelDefault: string;
+  placeholderKey?: string;
+  placeholderDefault?: string;
+}
+
+export const CONDITION_PARAM_FIELDS: Record<
+  ConditionType,
+  ConditionParamField[]
+> = {
+  has_subscription: [
+    {
+      key: "minDaysRemaining",
+      inputType: "number",
+      labelKey: "rules.param.minDaysRemaining",
+      labelDefault: "Min Days Remaining",
+    },
+  ],
+  subscription_type: [
+    {
+      key: "planIds",
+      inputType: "text",
+      labelKey: "rules.param.planIds",
+      labelDefault: "Plan IDs",
+      placeholderKey: "rules.param.planIdsPlaceholder",
+      placeholderDefault: "Comma separated, e.g. 1,2,3",
+    },
+  ],
+  invite_count: [
+    {
+      key: "min",
+      inputType: "number",
+      labelKey: "rules.param.min",
+      labelDefault: "Min Count",
+    },
+    {
+      key: "windowDays",
+      inputType: "number",
+      labelKey: "rules.param.windowDays",
+      labelDefault: "Window Days (optional)",
+    },
+  ],
+  total_recharge: [
+    {
+      key: "minUsdt",
+      inputType: "number",
+      labelKey: "rules.param.minUsdt",
+      labelDefault: "Min USDT",
+    },
+  ],
+  register_days: [
+    {
+      key: "min",
+      inputType: "number",
+      labelKey: "rules.param.min",
+      labelDefault: "Min Count",
+    },
+  ],
+  user_tag: [
+    {
+      key: "tags",
+      inputType: "text",
+      labelKey: "rules.param.tags",
+      labelDefault: "Tags",
+      placeholderKey: "rules.param.tagsPlaceholder",
+      placeholderDefault: "Comma separated, e.g. vip,beta",
+    },
+  ],
+};
+
+export function parseIntList(input?: string): number[] {
+  if (!input) return [];
+  return input
+    .split(/[,，\s]+/)
+    .map((item) => item.trim())
+    .filter(Boolean)
+    .map((item) => Number.parseInt(item, 10))
+    .filter((item) => Number.isFinite(item));
+}
+
+export function parseStringList(input?: string): string[] {
+  if (!input) return [];
+  return input
+    .split(/[,，]+/)
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+export function conditionToNode(row: ConditionRow): API.LotteryEligibilityNode {
+  switch (row.type) {
+    case "has_subscription":
+      return {
+        type: row.type,
+        params: { min_days_remaining: row.minDaysRemaining ?? 0 },
+      };
+    case "subscription_type":
+      return {
+        type: row.type,
+        params: { plan_ids: parseIntList(row.planIds) },
+      };
+    case "invite_count": {
+      const params: Record<string, number> = { min: row.min ?? 0 };
+      if (row.windowDays) params.window_days = row.windowDays;
+      return { type: row.type, params };
+    }
+    case "total_recharge":
+      return { type: row.type, params: { min_usdt: row.minUsdt ?? 0 } };
+    case "register_days":
+      return { type: row.type, params: { min: row.min ?? 0 } };
+    case "user_tag":
+      return { type: row.type, params: { tags: parseStringList(row.tags) } };
+  }
+}
+
+export function buildEligibility(
+  op: "AND" | "OR",
+  rows: ConditionRow[]
+): API.LotteryEligibilityNode | Record<string, never> {
+  if (rows.length === 0) return {};
+  return { op, children: rows.map(conditionToNode) };
+}
+
+function isLeafNode(node: API.LotteryEligibilityNode): boolean {
+  return Boolean(node.type) && !node.op && !node.children?.length;
+}
+
+function nodeToCondition(
+  node: API.LotteryEligibilityNode
+): ConditionRow | null {
+  const type = CONDITION_TYPES.find((item) => item === node.type);
+  if (!type) return null;
+  const params = node.params ?? {};
+  switch (type) {
+    case "has_subscription":
+      return { type, minDaysRemaining: params.min_days_remaining };
+    case "subscription_type":
+      return {
+        type,
+        planIds: Array.isArray(params.plan_ids)
+          ? params.plan_ids.join(",")
+          : "",
+      };
+    case "invite_count":
+      return { type, min: params.min, windowDays: params.window_days };
+    case "total_recharge":
+      return { type, minUsdt: params.min_usdt };
+    case "register_days":
+      return { type, min: params.min };
+    case "user_tag":
+      return {
+        type,
+        tags: Array.isArray(params.tags) ? params.tags.join(",") : "",
+      };
+  }
+}
+
+export function isEmptyEligibility(
+  eligibility: API.LotteryActivity["eligibility"]
+): boolean {
+  return (
+    eligibility === null ||
+    eligibility === undefined ||
+    Object.keys(eligibility).length === 0
+  );
+}
+
+/**
+ * 尝试把规则树还原成「一层 op + children 全是叶子」的简单模式；
+ * 结构更复杂时返回 null（调用方应切到高级模式）。
+ */
+export function treeToSimple(
+  eligibility: API.LotteryActivity["eligibility"]
+): { op: "AND" | "OR"; rows: ConditionRow[] } | null {
+  if (isEmptyEligibility(eligibility)) return { op: "AND", rows: [] };
+  const tree = eligibility as API.LotteryEligibilityNode;
+  if (
+    (tree.op !== "AND" && tree.op !== "OR") ||
+    !Array.isArray(tree.children) ||
+    !tree.children.every(isLeafNode)
+  ) {
+    return null;
+  }
+  const rows: ConditionRow[] = [];
+  for (const child of tree.children) {
+    const row = nodeToCondition(child);
+    if (!row) return null;
+    rows.push(row);
+  }
+  return { op: tree.op, rows };
+}
+
+export interface RuleCapsResult {
+  depth: number;
+  nodes: number;
+  bytes: number;
+  depthExceeded: boolean;
+  nodesExceeded: boolean;
+  bytesExceeded: boolean;
+  ok: boolean;
+}
+
+export function checkRuleCaps(
+  tree: API.LotteryEligibilityNode | Record<string, never>
+): RuleCapsResult {
+  function walk(node: API.LotteryEligibilityNode): {
+    depth: number;
+    nodes: number;
+  } {
+    const children = Array.isArray(node.children) ? node.children : [];
+    let maxChildDepth = 0;
+    let nodes = 1;
+    for (const child of children) {
+      const result = walk(child);
+      maxChildDepth = Math.max(maxChildDepth, result.depth);
+      nodes += result.nodes;
+    }
+    return { depth: maxChildDepth + 1, nodes };
+  }
+
+  const { depth, nodes } = walk(tree);
+  const bytes = new TextEncoder().encode(JSON.stringify(tree)).length;
+  const depthExceeded = depth > RULE_CAPS.maxDepth;
+  const nodesExceeded = nodes > RULE_CAPS.maxNodes;
+  const bytesExceeded = bytes > RULE_CAPS.maxBytes;
+  return {
+    depth,
+    nodes,
+    bytes,
+    depthExceeded,
+    nodesExceeded,
+    bytesExceeded,
+    ok: !(depthExceeded || nodesExceeded || bytesExceeded),
+  };
+}
+
+export type TranslateFn = (key: string, defaultValue: string) => string;
+
+/** 规则树超限时返回具体超限项的提示文案，未超限返回 null。 */
+export function buildCapsErrorMessage(
+  t: TranslateFn,
+  eligibility: API.LotteryEligibilityNode | Record<string, never>
+): string | null {
+  if (isEmptyEligibility(eligibility)) return null;
+  const caps = checkRuleCaps(eligibility);
+  if (caps.ok) return null;
+  const fill = (template: string, value: number, limit: number) =>
+    template
+      .replace("{{value}}", String(value))
+      .replace("{{limit}}", String(limit));
+  const parts: string[] = [];
+  if (caps.depthExceeded) {
+    parts.push(
+      fill(
+        t("rules.capsDepthExceeded", "Depth {{value}} exceeds limit {{limit}}"),
+        caps.depth,
+        RULE_CAPS.maxDepth
+      )
+    );
+  }
+  if (caps.nodesExceeded) {
+    parts.push(
+      fill(
+        t(
+          "rules.capsNodesExceeded",
+          "Node count {{value}} exceeds limit {{limit}}"
+        ),
+        caps.nodes,
+        RULE_CAPS.maxNodes
+      )
+    );
+  }
+  if (caps.bytesExceeded) {
+    parts.push(
+      fill(
+        t(
+          "rules.capsBytesExceeded",
+          "Size {{value}} bytes exceeds limit {{limit}} bytes"
+        ),
+        caps.bytes,
+        RULE_CAPS.maxBytes
+      )
+    );
+  }
+  return parts.join("; ");
+}
+
+export function validateJsonTree(input: string, t: TranslateFn): string | null {
+  try {
+    const parsed: unknown = JSON.parse(input);
+    if (parsed === null) return null;
+    if (typeof parsed !== "object" || Array.isArray(parsed)) {
+      return t("rules.jsonMustBeObject", "Rule tree must be a JSON object");
+    }
+    return null;
+  } catch (error: unknown) {
+    return error instanceof Error ? error.message : "Invalid JSON";
+  }
+}
+
+const chanceSourceSchema = z.object({
+  source: z.enum([
+    "daily_signin",
+    "new_subscription",
+    "invite_success",
+    "manual_grant",
+  ]),
+  amount: z.number().int().min(0),
+  daily_limit: z.number().int().min(0).optional(),
+});
+
+const conditionSchema = z.object({
+  type: z.enum(CONDITION_TYPES),
+  minDaysRemaining: z.number().int().min(0).optional(),
+  planIds: z.string().optional(),
+  min: z.number().int().min(0).optional(),
+  windowDays: z.number().int().min(0).optional(),
+  minUsdt: z.number().min(0).optional(),
+  tags: z.string().optional(),
+});
+
+export const getRuleEditorSchema = (t: TranslateFn) =>
+  z
+    .object({
+      chanceSources: z.array(chanceSourceSchema),
+      mode: z.enum(["simple", "advanced"]),
+      op: z.enum(["AND", "OR"]),
+      conditions: z.array(conditionSchema),
+      advancedJson: z.string(),
+    })
+    .superRefine((data, ctx) => {
+      const seen = new Set<string>();
+      data.chanceSources.forEach((row, index) => {
+        if (seen.has(row.source)) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: t("rules.duplicateSource", "Duplicate source"),
+            path: ["chanceSources", index, "source"],
+          });
+        }
+        seen.add(row.source);
+      });
+      if (data.mode === "advanced" && data.advancedJson.trim()) {
+        const error = validateJsonTree(data.advancedJson, t);
+        if (error) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: error,
+            path: ["advancedJson"],
+          });
+        }
+      }
+    });
+
+export type RuleEditorValues = z.infer<ReturnType<typeof getRuleEditorSchema>>;
+
+export function toRuleEditorValues(
+  activity: API.LotteryActivity
+): RuleEditorValues {
+  const chanceSources = (activity.chance_sources ?? []).map((row) => ({
+    source: row.source,
+    amount: row.amount,
+    daily_limit: row.daily_limit ?? undefined,
+  }));
+  const simple = treeToSimple(activity.eligibility);
+  if (simple) {
+    return {
+      chanceSources,
+      mode: "simple",
+      op: simple.op,
+      conditions: simple.rows,
+      advancedJson: "",
+    };
+  }
+  return {
+    chanceSources,
+    mode: "advanced",
+    op: "AND",
+    conditions: [],
+    advancedJson: JSON.stringify(activity.eligibility, null, 2),
+  };
+}
+
+export function resolveEligibility(
+  values: RuleEditorValues
+): API.LotteryEligibilityNode | Record<string, never> {
+  if (values.mode === "simple") {
+    return buildEligibility(values.op, values.conditions);
+  }
+  const text = values.advancedJson.trim();
+  if (!text) return {};
+  const parsed = JSON.parse(text) as API.LotteryEligibilityNode | null;
+  return parsed ?? {};
+}
@@ -0,0 +1,453 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@workspace/ui/components/alert";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@workspace/ui/components/tabs";
+import { Textarea } from "@workspace/ui/components/textarea";
+import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
+import { updateLotteryActivityRules } from "@workspace/ui/services/admin/lottery";
+import { PlusIcon, Trash2Icon, TriangleAlertIcon } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useFieldArray, useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import {
+  buildCapsErrorMessage,
+  buildEligibility,
+  CHANCE_SOURCE_OPTIONS,
+  CONDITION_PARAM_FIELDS,
+  CONDITION_TYPES,
+  getRuleEditorSchema,
+  isEmptyEligibility,
+  type RuleEditorValues,
+  resolveEligibility,
+  toRuleEditorValues,
+  treeToSimple,
+  validateJsonTree,
+} from "./rule-editor-utils";
+
+interface RuleEditorProps {
+  activity: API.LotteryActivity;
+  onSaved?: () => void;
+}
+
+export default function RuleEditor({ activity, onSaved }: RuleEditorProps) {
+  const { t } = useTranslation("lottery");
+  const [loading, setLoading] = useState(false);
+  const [capsError, setCapsError] = useState<string | null>(null);
+  const form = useForm<RuleEditorValues>({
+    resolver: zodResolver(getRuleEditorSchema(t)),
+    defaultValues: toRuleEditorValues(activity),
+  });
+  const sourceRows = useFieldArray({
+    control: form.control,
+    name: "chanceSources",
+  });
+  const conditionRows = useFieldArray({
+    control: form.control,
+    name: "conditions",
+  });
+  const mode = form.watch("mode");
+  const advancedJson = form.watch("advancedJson");
+
+  useEffect(() => {
+    form.reset(toRuleEditorValues(activity));
+    setCapsError(null);
+  }, [form, activity]);
+
+  const jsonError = useMemo(
+    () => (advancedJson.trim() ? validateJsonTree(advancedJson, t) : null),
+    [advancedJson, t]
+  );
+
+  async function handleSubmit(values: RuleEditorValues) {
+    const eligibility = resolveEligibility(values);
+    const capsMessage = buildCapsErrorMessage(t, eligibility);
+    setCapsError(capsMessage);
+    if (capsMessage) return;
+    setLoading(true);
+    try {
+      await updateLotteryActivityRules({
+        id: activity.id,
+        eligibility,
+        chance_sources: values.chanceSources.map((row) => ({
+          source: row.source,
+          amount: row.amount,
+          daily_limit: row.daily_limit || undefined,
+        })),
+      });
+      toast.success(t("rules.saveSuccess", "Rules saved"));
+      onSaved?.();
+    } catch (_error) {
+      toast.error(t("rules.saveFailed", "Failed to save rules"));
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  function handleModeChange(value: string) {
+    if (value === "advanced" && !form.getValues("advancedJson").trim()) {
+      const tree = buildEligibility(
+        form.getValues("op"),
+        form.getValues("conditions")
+      );
+      form.setValue(
+        "advancedJson",
+        isEmptyEligibility(tree) ? "" : JSON.stringify(tree, null, 2)
+      );
+    }
+    if (value === "simple") {
+      const text = form.getValues("advancedJson").trim();
+      let simple: ReturnType<typeof treeToSimple> = { op: "AND", rows: [] };
+      if (text) {
+        try {
+          simple = treeToSimple(
+            JSON.parse(text) as API.LotteryActivity["eligibility"]
+          );
+        } catch {
+          simple = null;
+        }
+      }
+      if (!simple) {
+        toast.error(
+          t(
+            "rules.cannotSimplify",
+            "This rule tree is too complex for simple mode. Please edit it in Advanced mode."
+          )
+        );
+        return;
+      }
+      form.setValue("op", simple.op);
+      form.setValue("conditions", simple.rows);
+      form.setValue("advancedJson", "");
+    }
+    form.setValue("mode", value as RuleEditorValues["mode"]);
+  }
+
+  return (
+    <Form {...form}>
+      <form className="space-y-6" onSubmit={form.handleSubmit(handleSubmit)}>
+        <section className="space-y-3">
+          <h3 className="font-medium text-base">
+            {t("rules.chanceSources", "Chance Sources")}
+          </h3>
+          <p className="text-muted-foreground text-sm">
+            {t(
+              "rules.chanceSourcesDescription",
+              "Configure how users earn draw chances. Each source can only appear once."
+            )}
+          </p>
+          {sourceRows.fields.map((row, index) => (
+            <div className="flex items-start gap-2" key={row.id}>
+              <FormField
+                control={form.control}
+                name={`chanceSources.${index}.source`}
+                render={({ field }) => (
+                  <FormItem className="flex-1">
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue
+                            placeholder={t(
+                              "rules.selectSource",
+                              "Select source"
+                            )}
+                          />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        {CHANCE_SOURCE_OPTIONS.map((option) => (
+                          <SelectItem key={option.value} value={option.value}>
+                            {t(option.labelKey, option.labelDefault)}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name={`chanceSources.${index}.amount`}
+                render={({ field }) => (
+                  <FormItem className="w-32">
+                    <FormControl>
+                      <EnhancedInput
+                        min={0}
+                        onValueChange={(value) => field.onChange(value)}
+                        placeholder={t("rules.amount", "Amount")}
+                        type="number"
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name={`chanceSources.${index}.daily_limit`}
+                render={({ field }) => (
+                  <FormItem className="w-44">
+                    <FormControl>
+                      <EnhancedInput
+                        min={0}
+                        onValueChange={(value) => field.onChange(value)}
+                        placeholder={t(
+                          "rules.dailyLimit",
+                          "Daily limit (optional)"
+                        )}
+                        type="number"
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <Button
+                onClick={() => sourceRows.remove(index)}
+                size="icon"
+                type="button"
+                variant="ghost"
+              >
+                <Trash2Icon className="size-4" />
+              </Button>
+            </div>
+          ))}
+          <Button
+            onClick={() =>
+              sourceRows.append({ source: "daily_signin", amount: 1 })
+            }
+            size="sm"
+            type="button"
+            variant="outline"
+          >
+            <PlusIcon className="size-4" />
+            {t("rules.addSource", "Add Source")}
+          </Button>
+        </section>
+
+        <section className="space-y-3">
+          <h3 className="font-medium text-base">
+            {t("rules.eligibility", "Eligibility")}
+          </h3>
+          <Alert className="border-yellow-500/50 bg-yellow-50 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400">
+            <TriangleAlertIcon />
+            <AlertTitle>
+              {t("rules.stage1Warning", "Stage 1 notice")}
+            </AlertTitle>
+            <AlertDescription className="text-inherit">
+              {t(
+                "rules.stage1WarningDescription",
+                "The rule context is not wired up in the current version (Stage 1). Configuring eligibility will prevent users from joining the lottery. It is recommended to keep it empty."
+              )}
+            </AlertDescription>
+          </Alert>
+          <Tabs onValueChange={handleModeChange} value={mode}>
+            <TabsList>
+              <TabsTrigger value="simple">
+                {t("rules.simpleMode", "Simple")}
+              </TabsTrigger>
+              <TabsTrigger value="advanced">
+                {t("rules.advancedMode", "Advanced (JSON)")}
+              </TabsTrigger>
+            </TabsList>
+            <TabsContent className="space-y-3 pt-2" value="simple">
+              <FormField
+                control={form.control}
+                name="op"
+                render={({ field }) => (
+                  <FormItem className="w-48">
+                    <FormLabel>
+                      {t("rules.op", "Combine Conditions With")}
+                    </FormLabel>
+                    <Select onValueChange={field.onChange} value={field.value}>
+                      <FormControl>
+                        <SelectTrigger>
+                          <SelectValue />
+                        </SelectTrigger>
+                      </FormControl>
+                      <SelectContent>
+                        <SelectItem value="AND">
+                          {t("rules.opAnd", "AND")}
+                        </SelectItem>
+                        <SelectItem value="OR">
+                          {t("rules.opOr", "OR")}
+                        </SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </FormItem>
+                )}
+              />
+              {conditionRows.fields.length === 0 && (
+                <p className="text-muted-foreground text-sm">
+                  {t(
+                    "rules.noConditions",
+                    "No conditions. Everyone is eligible to join."
+                  )}
+                </p>
+              )}
+              {conditionRows.fields.map((row, index) => {
+                const type = form.watch(`conditions.${index}.type`);
+                return (
+                  <div
+                    className="flex flex-wrap items-start gap-2 rounded-md border p-3"
+                    key={row.id}
+                  >
+                    <FormField
+                      control={form.control}
+                      name={`conditions.${index}.type`}
+                      render={({ field }) => (
+                        <FormItem className="w-56">
+                          <Select
+                            onValueChange={field.onChange}
+                            value={field.value}
+                          >
+                            <FormControl>
+                              <SelectTrigger>
+                                <SelectValue />
+                              </SelectTrigger>
+                            </FormControl>
+                            <SelectContent>
+                              {CONDITION_TYPES.map((item) => (
+                                <SelectItem key={item} value={item}>
+                                  {t(`rules.conditionType.${item}`, item)}
+                                </SelectItem>
+                              ))}
+                            </SelectContent>
+                          </Select>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                    {CONDITION_PARAM_FIELDS[type].map((param) => (
+                      <FormField
+                        control={form.control}
+                        key={param.key}
+                        name={`conditions.${index}.${param.key}`}
+                        render={({ field }) => (
+                          <FormItem className="w-52">
+                            <FormControl>
+                              <EnhancedInput
+                                min={
+                                  param.inputType === "number" ? 0 : undefined
+                                }
+                                onValueChange={(value) => field.onChange(value)}
+                                placeholder={
+                                  param.placeholderKey &&
+                                  param.placeholderDefault
+                                    ? t(
+                                        param.placeholderKey,
+                                        param.placeholderDefault
+                                      )
+                                    : t(param.labelKey, param.labelDefault)
+                                }
+                                type={param.inputType}
+                                value={field.value}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    ))}
+                    <Button
+                      onClick={() => conditionRows.remove(index)}
+                      size="icon"
+                      type="button"
+                      variant="ghost"
+                    >
+                      <Trash2Icon className="size-4" />
+                    </Button>
+                  </div>
+                );
+              })}
+              <Button
+                onClick={() =>
+                  conditionRows.append({ type: "has_subscription" })
+                }
+                size="sm"
+                type="button"
+                variant="outline"
+              >
+                <PlusIcon className="size-4" />
+                {t("rules.addCondition", "Add Condition")}
+              </Button>
+            </TabsContent>
+            <TabsContent className="space-y-2 pt-2" value="advanced">
+              <FormField
+                control={form.control}
+                name="advancedJson"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <Textarea
+                        className="min-h-56 font-mono text-sm"
+                        onChange={field.onChange}
+                        placeholder={t(
+                          "rules.jsonPlaceholder",
+                          'Rule tree JSON, e.g. {"op":"AND","children":[...]}. Leave empty for no requirement.'
+                        )}
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              {jsonError && (
+                <p className="text-destructive text-sm">
+                  {t("rules.jsonInvalid", "Invalid JSON: {{error}}").replace(
+                    "{{error}}",
+                    jsonError
+                  )}
+                </p>
+              )}
+            </TabsContent>
+          </Tabs>
+        </section>
+
+        {capsError && (
+          <Alert variant="destructive">
+            <TriangleAlertIcon />
+            <AlertTitle>
+              {t("rules.capsExceeded", "Rule tree exceeds limits")}
+            </AlertTitle>
+            <AlertDescription>{capsError}</AlertDescription>
+          </Alert>
+        )}
+
+        <div className="flex justify-end">
+          <Button disabled={loading} type="submit">
+            {t("rules.save", "Save Rules")}
+          </Button>
+        </div>
+      </form>
+    </Form>
+  );
+}
@@ -50,7 +50,8 @@ export type ProtocolName =
  | "naive"
  | "http"
  | "socks"
-  | "mieru";
+  | "mieru"
+  | "simnet";

 const buildSchema = (t: TFunction) =>
  z.object({
@@ -1,4 +1,16 @@
+import { useMutation } from "@tanstack/react-query";
 import { useSearch } from "@tanstack/react-router";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@workspace/ui/components/alert-dialog";
 import { Badge } from "@workspace/ui/components/badge";
 import { Button } from "@workspace/ui/components/button";
 import {
@@ -16,18 +28,27 @@ import { cn } from "@workspace/ui/lib/utils";
 import {
  activateOrder,
  getOrderList,
+  refundOrder,
  updateOrderStatus,
 } from "@workspace/ui/services/admin/order";
-import { useRef } from "react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
 import { Display } from "@/components/display";
+import { useGlobalStore } from "@/stores/global";
 import { useSubscribe } from "@/stores/subscribe";
 import { formatDate } from "@/utils/common";
 import { UserDetail } from "../user/user-detail";

+const REFUNDED_ORDER_STATUS = 6;
+
 export default function Order() {
  const { t } = useTranslation("order");
  const sp = useSearch({ strict: false }) as Record<string, string | undefined>;
+  const user = useGlobalStore((state) => state.user);
+  const [confirmingOrderId, setConfirmingOrderId] = useState<number | null>(
+    null
+  );
  const initialFilters = {
    user_id: sp.user_id ? Number(sp.user_id) : undefined,
    search: sp.search || undefined,
@@ -53,6 +74,11 @@ export default function Order() {
      label: t("status.5", "Completed"),
      className: "bg-green-500",
    },
+    {
+      value: REFUNDED_ORDER_STATUS,
+      label: t("status.6", "Refunded"),
+      className: "bg-red-500",
+    },
  ];

  const typeOptions = [
@@ -65,10 +91,101 @@ export default function Order() {
  const ref = useRef<ProTableActions>(null);

  const { subscribes, getSubscribeName } = useSubscribe();
+  const canRefundOrders = Boolean(user?.is_admin);
+
+  const refundMutation = useMutation({
+    mutationFn: async (order: API.Order) => {
+      await refundOrder({ id: order.id });
+    },
+    onSuccess: () => {
+      toast.success(t("refundSuccess", "Refund completed."));
+      setConfirmingOrderId(null);
+      ref.current?.refresh();
+    },
+    onError: (error) => {
+      console.error("Refund order failed", error);
+      setConfirmingOrderId(null);
+    },
+  });
+
+  const isRefundedOrder = (order: API.Order) =>
+    order.status === REFUNDED_ORDER_STATUS ||
+    order.status_name === t("status.6", "Refunded") ||
+    order.status_name?.toLowerCase() === "refunded";
+
+  const canRefundOrder = (order: API.Order) =>
+    canRefundOrders && !isRefundedOrder(order);

  return (
    <ProTable<API.Order, any>
      action={ref}
+      actions={{
+        render: (order) => {
+          if (!canRefundOrder(order)) return [];
+
+          const isPending =
+            refundMutation.isPending && confirmingOrderId === order.id;
+
+          return [
+            <AlertDialog
+              key={`refund-${order.id}`}
+              onOpenChange={(open) => {
+                setConfirmingOrderId(open ? order.id : null);
+              }}
+              open={confirmingOrderId === order.id}
+            >
+              <AlertDialogTrigger asChild>
+                <Button disabled={isPending} size="sm" variant="destructive">
+                  {isPending
+                    ? t("refundSubmitting", "Refunding...")
+                    : t("refund", "Refund")}
+                </Button>
+              </AlertDialogTrigger>
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>
+                    {t("refundConfirmTitle", "Confirm refund")}
+                  </AlertDialogTitle>
+                  <AlertDialogDescription asChild>
+                    <div className="space-y-2">
+                      <p>
+                        {t(
+                          "refundConfirmDescription",
+                          "This refund will immediately invalidate the user's subscription and deduct the related agent commission."
+                        )}
+                      </p>
+                      <p className="font-medium text-foreground">
+                        {t(
+                          "refundConfirmWarning",
+                          "This action cannot be repeated after the order is refunded."
+                        )}
+                      </p>
+                    </div>
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel disabled={isPending}>
+                    {t("cancel", "Cancel")}
+                  </AlertDialogCancel>
+                  <AlertDialogAction
+                    className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                    disabled={isPending}
+                    onClick={async (event) => {
+                      event.preventDefault();
+                      if (isPending) return;
+                      await refundMutation.mutateAsync(order);
+                    }}
+                  >
+                    {isPending
+                      ? t("refundSubmitting", "Refunding...")
+                      : t("confirmRefund", "Confirm refund")}
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>,
+          ];
+        },
+      }}
      columns={[
        {
          accessorKey: "order_no",
@@ -253,8 +370,13 @@ export default function Order() {
              );
            }
            return (
-              <Badge>
-                {option?.label || t(`status.${row.getValue("status")}`)}
+              <Badge
+                variant={isRefundedOrder(order) ? "destructive" : "default"}
+              >
+                {option?.label ||
+                  (order.status_name
+                    ? t(`status.${row.getValue("status")}`, order.status_name)
+                    : t(`status.${row.getValue("status")}`))}
              </Badge>
            );
          },
@@ -0,0 +1,155 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { getPromoRuleList } from "@workspace/ui/services/admin/promo";
+import type { AxiosResponse } from "axios";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import PromoPage from ".";
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (_key: string, fallback: string): string => fallback,
+  }),
+}));
+
+vi.mock("@/stores/subscribe", () => ({
+  useSubscribe: () => ({
+    subscribes: [
+      {
+        id: 8,
+        name: "Monthly Plan",
+        unit_price: 1200,
+        sold: 0,
+      },
+    ],
+    getSubscribeName: (id?: number) => (id === 8 ? "Monthly Plan" : "--"),
+  }),
+}));
+
+vi.mock("@/utils/common", () => ({
+  formatDate: (timestamp: number) => `date-${timestamp}`,
+}));
+
+vi.mock("@workspace/ui/services/admin/promo", () => ({
+  createPromoPrice: vi.fn(),
+  createPromoRule: vi.fn(),
+  deletePromoPrice: vi.fn(),
+  deletePromoRule: vi.fn(),
+  getPromoPriceList: vi.fn(),
+  getPromoRuleList: vi.fn(),
+  getPromoUsageList: vi.fn(),
+  updatePromoRule: vi.fn(),
+}));
+
+const mockedGetPromoRuleList = vi.mocked(getPromoRuleList);
+
+function createRuleListResponse(
+  data: API.GetPromoRuleListResponse
+): AxiosResponse<API.Response & { data?: API.GetPromoRuleListResponse }> {
+  return {
+    data: {
+      code: 200,
+      data,
+    },
+    status: 200,
+    statusText: "OK",
+    headers: {},
+    config: {
+      headers: {} as AxiosResponse["config"]["headers"],
+    },
+  };
+}
+
+beforeEach(() => {
+  localStorage.setItem("timezone", "UTC");
+});
+
+afterEach(() => {
+  cleanup();
+  vi.clearAllMocks();
+});
+
+describe("PromoPage", () => {
+  it("renders promo rules with type, priority, status, and validity period", async () => {
+    mockedGetPromoRuleList.mockResolvedValue(
+      createRuleListResponse({
+        total: 1,
+        list: [
+          {
+            id: 1,
+            name: "Return User Price",
+            type: "inactive_user",
+            params: { inactive_months: 3 },
+            priority: 5,
+            enabled: true,
+            start_time: 1_716_800_000,
+            end_time: 1_716_900_000,
+          },
+        ],
+      })
+    );
+
+    render(<PromoPage />);
+
+    await waitFor(() =>
+      expect(mockedGetPromoRuleList).toHaveBeenCalledWith({
+        page: 1,
+        size: 200,
+        search: undefined,
+        type: undefined,
+        enabled: undefined,
+      })
+    );
+    expect(await screen.findByText("Return User Price")).not.toBeNull();
+    expect(screen.getByText("inactive_user")).not.toBeNull();
+    expect(screen.getByText("5")).not.toBeNull();
+    expect(screen.getByText("date-1716800000")).not.toBeNull();
+    expect(screen.getByText("date-1716900000")).not.toBeNull();
+  });
+
+  it("shows the empty state when there are no promo rules", async () => {
+    mockedGetPromoRuleList.mockResolvedValue(
+      createRuleListResponse({
+        total: 0,
+        list: [],
+      })
+    );
+
+    render(<PromoPage />);
+
+    expect(await screen.findByText("No promo rules")).not.toBeNull();
+  });
+
+  it("shows a loading state while promo rules are being fetched", () => {
+    let resolveRequest:
+      | ((
+          value: AxiosResponse<
+            API.Response & { data?: API.GetPromoRuleListResponse }
+          >
+        ) => void)
+      | undefined;
+    mockedGetPromoRuleList.mockReturnValue(
+      new Promise((resolve) => {
+        resolveRequest = resolve;
+      })
+    );
+
+    render(<PromoPage />);
+
+    expect(screen.getByRole("status", { name: "Loading data" })).not.toBeNull();
+    expect(resolveRequest).toBeTypeOf("function");
+  });
+
+  it("shows an error state when promo rules fail to load", async () => {
+    mockedGetPromoRuleList.mockRejectedValue(new Error("network failed"));
+
+    render(<PromoPage />);
+
+    await waitFor(() => expect(mockedGetPromoRuleList).toHaveBeenCalled());
+    expect(
+      await screen.findByText("Failed to load promo rules")
+    ).not.toBeNull();
+    expect(screen.queryByText("No promo rules")).toBeNull();
+  });
+});
@@ -0,0 +1,504 @@
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@workspace/ui/components/alert";
+import { Badge } from "@workspace/ui/components/badge";
+import { Button } from "@workspace/ui/components/button";
+import { Switch } from "@workspace/ui/components/switch";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@workspace/ui/components/tabs";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import Empty from "@workspace/ui/composed/empty";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import {
+  createPromoPrice,
+  createPromoRule,
+  deletePromoPrice,
+  deletePromoRule,
+  getPromoPriceList,
+  getPromoRuleList,
+  getPromoUsageList,
+  updatePromoRule,
+} from "@workspace/ui/services/admin/promo";
+import { CircleAlert } from "lucide-react";
+import { useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { useSubscribe } from "@/stores/subscribe";
+import { formatDate } from "@/utils/common";
+import PriceForm from "./price-form";
+import RuleDetail from "./rule-detail";
+import RuleForm from "./rule-form";
+import { formatCurrency, parseOptionalNumber, promoRuleTypes } from "./utils";
+
+type RuleFilters = {
+  search?: string;
+  type?: API.PromoRuleType;
+  enabled?: string;
+};
+
+type PriceFilters = {
+  promo_rule_id?: string;
+  subscribe_id?: string;
+};
+
+type UsageFilters = PriceFilters & {
+  user_id?: string;
+  order_no?: string;
+};
+
+function ErrorState({
+  title,
+  description,
+}: {
+  title: string;
+  description: string;
+}) {
+  return (
+    <Alert className="mx-auto max-w-md" variant="destructive">
+      <CircleAlert aria-hidden="true" />
+      <AlertTitle>{title}</AlertTitle>
+      <AlertDescription>{description}</AlertDescription>
+    </Alert>
+  );
+}
+
+export default function PromoPage() {
+  const { t } = useTranslation("promo");
+  const { subscribes, getSubscribeName } = useSubscribe();
+  const [loading, setLoading] = useState(false);
+  const [rules, setRules] = useState<API.PromoRule[]>([]);
+  const [detailRule, setDetailRule] = useState<API.PromoRule>();
+  const [detailOpen, setDetailOpen] = useState(false);
+  const ruleRef = useRef<ProTableActions>(null);
+  const priceRef = useRef<ProTableActions>(null);
+  const usageRef = useRef<ProTableActions>(null);
+
+  return (
+    <>
+      <Tabs className="space-y-4" defaultValue="rules">
+        <TabsList className="grid w-full grid-cols-3 md:w-fit">
+          <TabsTrigger value="rules">{t("rules", "Rules")}</TabsTrigger>
+          <TabsTrigger value="prices">{t("prices", "Prices")}</TabsTrigger>
+          <TabsTrigger value="usage">{t("usage", "Usage")}</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="rules">
+          <ProTable<API.PromoRule, RuleFilters>
+            action={ruleRef}
+            actions={{
+              render: (row) => [
+                <Button
+                  key="detail"
+                  onClick={() => {
+                    setDetailRule(row);
+                    setDetailOpen(true);
+                  }}
+                  size="sm"
+                  variant="outline"
+                >
+                  {t("detail", "Detail")}
+                </Button>,
+                <RuleForm
+                  initialValues={row}
+                  key="edit"
+                  loading={loading}
+                  onSubmit={async (values) => {
+                    setLoading(true);
+                    try {
+                      await updatePromoRule({ id: row.id }, values);
+                      toast.success(t("updateSuccess", "Update Success"));
+                      ruleRef.current?.refresh();
+                      setLoading(false);
+                      return true;
+                    } catch (_error) {
+                      setLoading(false);
+                      return false;
+                    }
+                  }}
+                  title={t("editRule", "Edit Rule")}
+                  trigger={t("edit", "Edit")}
+                />,
+                <ConfirmButton
+                  cancelText={t("cancel", "Cancel")}
+                  confirmText={t("confirm", "Confirm")}
+                  description={t(
+                    "deleteWarning",
+                    "Once deleted, data cannot be recovered. Please proceed with caution."
+                  )}
+                  key="delete"
+                  onConfirm={async () => {
+                    await deletePromoRule({ id: row.id });
+                    toast.success(t("deleteSuccess", "Delete Success"));
+                    ruleRef.current?.refresh();
+                  }}
+                  title={t("confirmDelete", "Are you sure you want to delete?")}
+                  trigger={
+                    <Button size="sm" variant="destructive">
+                      {t("delete", "Delete")}
+                    </Button>
+                  }
+                />,
+              ],
+            }}
+            columns={[
+              {
+                accessorKey: "name",
+                header: t("name", "Name"),
+              },
+              {
+                accessorKey: "type",
+                header: t("type", "Type"),
+                cell: ({ row }) => (
+                  <Badge variant="outline">
+                    {t(`types.${row.original.type}`, row.original.type)}
+                  </Badge>
+                ),
+              },
+              {
+                accessorKey: "priority",
+                header: t("priority", "Priority"),
+              },
+              {
+                accessorKey: "enabled",
+                header: t("enabled", "Enabled"),
+                cell: ({ row }) => (
+                  <Switch
+                    defaultChecked={row.original.enabled}
+                    onCheckedChange={async (checked) => {
+                      await updatePromoRule(
+                        { id: row.original.id },
+                        { ...row.original, enabled: checked }
+                      );
+                      toast.success(t("updateSuccess", "Update Success"));
+                      ruleRef.current?.refresh();
+                    }}
+                  />
+                ),
+              },
+              {
+                accessorKey: "start_time",
+                header: t("startTime", "Start Time"),
+                cell: ({ row }) =>
+                  row.original.start_time
+                    ? formatDate(row.original.start_time)
+                    : "--",
+              },
+              {
+                accessorKey: "end_time",
+                header: t("endTime", "End Time"),
+                cell: ({ row }) =>
+                  row.original.end_time
+                    ? formatDate(row.original.end_time)
+                    : "--",
+              },
+            ]}
+            empty={<Empty description={t("emptyRules", "No promo rules")} />}
+            error={
+              <ErrorState
+                description={t(
+                  "loadErrorDescription",
+                  "Refresh the table or try again later."
+                )}
+                title={t("loadRulesError", "Failed to load promo rules")}
+              />
+            }
+            header={{
+              toolbar: (
+                <RuleForm
+                  loading={loading}
+                  onSubmit={async (values) => {
+                    setLoading(true);
+                    try {
+                      await createPromoRule(values);
+                      toast.success(t("createSuccess", "Create Success"));
+                      ruleRef.current?.refresh();
+                      setLoading(false);
+                      return true;
+                    } catch (_error) {
+                      setLoading(false);
+                      return false;
+                    }
+                  }}
+                  title={t("createRule", "Create Rule")}
+                  trigger={t("createRule", "Create Rule")}
+                />
+              ),
+            }}
+            params={[
+              { key: "search", placeholder: t("searchRule", "Rule name") },
+              {
+                key: "type",
+                placeholder: t("type", "Type"),
+                options: promoRuleTypes.map((type) => ({
+                  label: t(`types.${type}`, type),
+                  value: type,
+                })),
+              },
+              {
+                key: "enabled",
+                placeholder: t("enabled", "Enabled"),
+                options: [
+                  { label: t("yes", "Yes"), value: "true" },
+                  { label: t("no", "No"), value: "false" },
+                ],
+              },
+            ]}
+            request={async (pagination, filters) => {
+              const { data } = await getPromoRuleList({
+                ...pagination,
+                search: filters.search?.trim() || undefined,
+                type: filters.type,
+                enabled:
+                  filters.enabled === undefined || filters.enabled === ""
+                    ? undefined
+                    : filters.enabled === "true",
+              });
+              const list = data.data?.list || [];
+              setRules(list);
+              return {
+                list,
+                total: data.data?.total || 0,
+              };
+            }}
+          />
+        </TabsContent>
+
+        <TabsContent value="prices">
+          <ProTable<API.PromoPrice, PriceFilters>
+            action={priceRef}
+            actions={{
+              render: (row) => [
+                <ConfirmButton
+                  cancelText={t("cancel", "Cancel")}
+                  confirmText={t("confirm", "Confirm")}
+                  description={t(
+                    "deleteWarning",
+                    "Once deleted, data cannot be recovered. Please proceed with caution."
+                  )}
+                  key="delete"
+                  onConfirm={async () => {
+                    await deletePromoPrice({ id: row.id });
+                    toast.success(t("deleteSuccess", "Delete Success"));
+                    priceRef.current?.refresh();
+                  }}
+                  title={t("confirmDelete", "Are you sure you want to delete?")}
+                  trigger={
+                    <Button size="sm" variant="destructive">
+                      {t("delete", "Delete")}
+                    </Button>
+                  }
+                />,
+              ],
+            }}
+            columns={[
+              {
+                accessorKey: "promo_rule_id",
+                header: t("rule", "Rule"),
+                cell: ({ row }) =>
+                  row.original.promo_rule_id
+                    ? rules.find(
+                        (rule) => rule.id === row.original.promo_rule_id
+                      )?.name || `#${row.original.promo_rule_id}`
+                    : "--",
+              },
+              {
+                accessorKey: "subscribe_id",
+                header: t("subscribe", "Subscribe"),
+                cell: ({ row }) =>
+                  row.original.subscribe_name ||
+                  getSubscribeName(row.original.subscribe_id),
+              },
+              {
+                accessorKey: "quantity",
+                header: t("quantity", "Quantity"),
+                cell: ({ row }) => row.original.quantity || "--",
+              },
+              {
+                accessorKey: "unit_price",
+                header: t("unitPrice", "Unit Price"),
+                cell: ({ row }) => formatCurrency(row.original.unit_price),
+              },
+              {
+                accessorKey: "promo_price",
+                header: t("promoPrice", "Promo Price"),
+                cell: ({ row }) => formatCurrency(row.original.promo_price),
+              },
+            ]}
+            empty={<Empty description={t("emptyPrices", "No promo prices")} />}
+            error={
+              <ErrorState
+                description={t(
+                  "loadErrorDescription",
+                  "Refresh the table or try again later."
+                )}
+                title={t("loadPricesError", "Failed to load promo prices")}
+              />
+            }
+            header={{
+              toolbar: (
+                <PriceForm
+                  loading={loading}
+                  onSubmit={async (values) => {
+                    setLoading(true);
+                    try {
+                      await createPromoPrice(values);
+                      toast.success(t("createSuccess", "Create Success"));
+                      priceRef.current?.refresh();
+                      setLoading(false);
+                      return true;
+                    } catch (_error) {
+                      setLoading(false);
+                      return false;
+                    }
+                  }}
+                  rules={rules}
+                  subscribes={subscribes}
+                />
+              ),
+            }}
+            params={[
+              {
+                key: "promo_rule_id",
+                placeholder: t("rule", "Rule"),
+                options: rules.map((rule) => ({
+                  label: rule.name,
+                  value: String(rule.id),
+                })),
+              },
+              {
+                key: "subscribe_id",
+                placeholder: t("subscribe", "Subscribe"),
+                options: subscribes
+                  .filter((item) => typeof item.id === "number")
+                  .map((item) => ({
+                    label: item.name || `#${item.id}`,
+                    value: String(item.id),
+                  })),
+              },
+            ]}
+            request={async (pagination, filters) => {
+              const { data } = await getPromoPriceList({
+                ...pagination,
+                promo_rule_id: parseOptionalNumber(filters.promo_rule_id),
+                subscribe_id: parseOptionalNumber(filters.subscribe_id),
+              });
+              return {
+                list: data.data?.list || [],
+                total: data.data?.total || 0,
+              };
+            }}
+          />
+        </TabsContent>
+
+        <TabsContent value="usage">
+          <ProTable<API.PromoUsage, UsageFilters>
+            action={usageRef}
+            columns={[
+              {
+                accessorKey: "promo_rule_id",
+                header: t("rule", "Rule"),
+                cell: ({ row }) =>
+                  row.original.rule_name ||
+                  rules.find((rule) => rule.id === row.original.promo_rule_id)
+                    ?.name ||
+                  `#${row.original.promo_rule_id}`,
+              },
+              {
+                accessorKey: "user_id",
+                header: t("userId", "User ID"),
+                cell: ({ row }) => `#${row.original.user_id}`,
+              },
+              {
+                accessorKey: "subscribe_id",
+                header: t("subscribe", "Subscribe"),
+                cell: ({ row }) =>
+                  row.original.subscribe_name ||
+                  getSubscribeName(row.original.subscribe_id),
+              },
+              {
+                accessorKey: "quantity",
+                header: t("quantity", "Quantity"),
+                cell: ({ row }) => row.original.quantity || "--",
+              },
+              {
+                accessorKey: "order_no",
+                header: t("orderNo", "Order No."),
+              },
+              {
+                accessorKey: "promo_price",
+                header: t("promoPrice", "Promo Price"),
+                cell: ({ row }) => formatCurrency(row.original.promo_price),
+              },
+              {
+                accessorKey: "used_at",
+                header: t("usedAt", "Used At"),
+                cell: ({ row }) => formatDate(row.original.used_at),
+              },
+            ]}
+            empty={
+              <Empty description={t("emptyUsage", "No promo usage records")} />
+            }
+            error={
+              <ErrorState
+                description={t(
+                  "loadErrorDescription",
+                  "Refresh the table or try again later."
+                )}
+                title={t("loadUsageError", "Failed to load promo usage")}
+              />
+            }
+            params={[
+              {
+                key: "promo_rule_id",
+                placeholder: t("rule", "Rule"),
+                options: rules.map((rule) => ({
+                  label: rule.name,
+                  value: String(rule.id),
+                })),
+              },
+              {
+                key: "subscribe_id",
+                placeholder: t("subscribe", "Subscribe"),
+                options: subscribes
+                  .filter((item) => typeof item.id === "number")
+                  .map((item) => ({
+                    label: item.name || `#${item.id}`,
+                    value: String(item.id),
+                  })),
+              },
+              { key: "user_id", placeholder: t("userId", "User ID") },
+              { key: "order_no", placeholder: t("orderNo", "Order No.") },
+            ]}
+            request={async (pagination, filters) => {
+              const { data } = await getPromoUsageList({
+                ...pagination,
+                promo_rule_id: parseOptionalNumber(filters.promo_rule_id),
+                subscribe_id: parseOptionalNumber(filters.subscribe_id),
+                user_id: parseOptionalNumber(filters.user_id),
+                order_no: filters.order_no?.trim() || undefined,
+              });
+              return {
+                list: data.data?.list || [],
+                total: data.data?.total || 0,
+              };
+            }}
+          />
+        </TabsContent>
+      </Tabs>
+      <RuleDetail
+        onOpenChange={setDetailOpen}
+        open={detailOpen}
+        rule={detailRule}
+      />
+    </>
+  );
+}
@@ -0,0 +1,152 @@
+/**
+ * @vitest-environment jsdom
+ */
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import PriceForm from "./price-form";
+
+globalThis.ResizeObserver = class ResizeObserver {
+  observe() {
+    return;
+  }
+  unobserve() {
+    return;
+  }
+  disconnect() {
+    return;
+  }
+};
+Element.prototype.scrollIntoView = function scrollIntoView() {
+  return;
+};
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (_key: string, fallback: string): string => fallback,
+  }),
+}));
+
+const rules: API.PromoRule[] = [
+  {
+    id: 1,
+    name: "Campaign Rule",
+    type: "campaign",
+    params: {},
+    priority: 1,
+    enabled: true,
+  },
+];
+
+const subscribes: API.SubscribeItem[] = [
+  {
+    id: 8,
+    name: "Monthly Plan",
+    unit_price: 1200,
+    unit_time: "Month",
+    sold: 0,
+    discount: [
+      {
+        quantity: 3,
+        discount: 90,
+      },
+    ],
+  },
+];
+const subscribesWithoutDiscounts: API.SubscribeItem[] = [
+  {
+    id: 8,
+    name: "Monthly Plan",
+    unit_price: 1200,
+    unit_time: "Month",
+    sold: 0,
+    discount: [],
+  },
+];
+
+async function selectCombobox(index: number, option: string) {
+  const combobox = screen.getAllByRole("combobox")[index];
+  if (!combobox) throw new Error(`Combobox ${index} not found`);
+  fireEvent.click(combobox);
+  fireEvent.click(await screen.findByText(option));
+}
+
+afterEach(() => {
+  cleanup();
+  vi.clearAllMocks();
+});
+
+describe("PriceForm", () => {
+  it("submits promo price with promo_rule_id and selected quantity item", async () => {
+    const onSubmit = vi.fn().mockResolvedValue(true);
+    render(
+      <PriceForm onSubmit={onSubmit} rules={rules} subscribes={subscribes} />
+    );
+
+    fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
+    await selectCombobox(0, "Campaign Rule");
+    await selectCombobox(1, "Monthly Plan");
+    await selectCombobox(2, "3 x Month");
+    fireEvent.change(screen.getByPlaceholderText("Enter price"), {
+      target: { value: "20" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Confirm" }));
+
+    await waitFor(() =>
+      expect(onSubmit).toHaveBeenCalledWith({
+        promo_rule_id: 1,
+        items: [{ subscribe_id: 8, quantity: 3, promo_price: 2000 }],
+      })
+    );
+  });
+
+  it("blocks submit when subscribe has no discount quantities", async () => {
+    const onSubmit = vi.fn();
+    render(
+      <PriceForm
+        onSubmit={onSubmit}
+        rules={rules}
+        subscribes={subscribesWithoutDiscounts}
+      />
+    );
+
+    fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
+    await selectCombobox(1, "Monthly Plan");
+
+    expect(
+      screen.getByText(
+        "This subscribe has no discount quantities and cannot be configured."
+      )
+    ).not.toBeNull();
+    expect(screen.getByRole("button", { name: "Confirm" })).toHaveProperty(
+      "disabled",
+      true
+    );
+  });
+
+  it("keeps the form open and shows an error when promo price reaches original price", async () => {
+    const onSubmit = vi.fn();
+    render(
+      <PriceForm onSubmit={onSubmit} rules={rules} subscribes={subscribes} />
+    );
+
+    fireEvent.click(screen.getByRole("button", { name: "Create Promo Price" }));
+    await selectCombobox(0, "Campaign Rule");
+    await selectCombobox(1, "Monthly Plan");
+    await selectCombobox(2, "3 x Month");
+    fireEvent.change(screen.getByPlaceholderText("Enter price"), {
+      target: { value: "36" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Confirm" }));
+
+    expect(
+      await screen.findByText("Promo price must be lower than original price")
+    ).not.toBeNull();
+    expect(onSubmit).not.toHaveBeenCalled();
+  });
+});
@@ -0,0 +1,260 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@workspace/ui/components/sheet";
+import { Combobox } from "@workspace/ui/composed/combobox";
+import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
+import { unitConversion } from "@workspace/ui/utils/unit-conversions";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import {
+  formatCurrency,
+  getSubscribeDiscounts,
+  getSubscribeUnitPrice,
+} from "./utils";
+
+const priceSchema = z.object({
+  promo_rule_id: z.number().min(1),
+  subscribe_id: z.number().min(1),
+  quantity: z.number().min(1),
+  promo_price: z.number().min(1),
+});
+
+type PriceFormValues = z.infer<typeof priceSchema>;
+
+interface PriceFormProps {
+  loading?: boolean;
+  rules: API.PromoRule[];
+  subscribes: API.SubscribeItem[];
+  onSubmit: (data: API.CreatePromoPriceRequest) => Promise<boolean> | boolean;
+}
+
+export default function PriceForm({
+  loading,
+  rules,
+  subscribes,
+  onSubmit,
+}: PriceFormProps) {
+  const { t } = useTranslation("promo");
+  const [open, setOpen] = useState(false);
+  const form = useForm<PriceFormValues>({
+    resolver: zodResolver(priceSchema),
+    defaultValues: {
+      promo_rule_id: 0,
+      subscribe_id: 0,
+      quantity: 0,
+      promo_price: 0,
+    },
+  });
+  const subscribeId = form.watch("subscribe_id");
+  const quantity = form.watch("quantity");
+  const subscribe = subscribes.find((item) => item.id === subscribeId);
+  const discounts = getSubscribeDiscounts(subscribe);
+  const unitPrice = getSubscribeUnitPrice(subscribe);
+  const originalPrice = unitPrice * quantity;
+  const hasSelectedSubscribe = subscribeId > 0;
+  const hasDiscounts = discounts.length > 0;
+
+  async function handleSubmit(values: PriceFormValues) {
+    const maxPrice = unitPrice * values.quantity;
+    if (maxPrice > 0 && values.promo_price >= maxPrice) {
+      form.setError("promo_price", {
+        message: t(
+          "form.promoPriceLessThanOriginalPrice",
+          "Promo price must be lower than original price"
+        ),
+      });
+      return;
+    }
+    const success = await onSubmit({
+      promo_rule_id: values.promo_rule_id,
+      items: [
+        {
+          subscribe_id: values.subscribe_id,
+          quantity: values.quantity,
+          promo_price: values.promo_price,
+        },
+      ],
+    });
+    if (success) setOpen(false);
+  }
+
+  return (
+    <Sheet onOpenChange={setOpen} open={open}>
+      <SheetTrigger asChild>
+        <Button
+          onClick={() => {
+            form.reset({
+              promo_rule_id: 0,
+              subscribe_id: 0,
+              quantity: 0,
+              promo_price: 0,
+            });
+            setOpen(true);
+          }}
+          size="sm"
+        >
+          {t("createPrice", "Create Promo Price")}
+        </Button>
+      </SheetTrigger>
+      <SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
+        <SheetHeader>
+          <SheetTitle>{t("createPrice", "Create Promo Price")}</SheetTitle>
+        </SheetHeader>
+        <Form {...form}>
+          <form
+            className="space-y-4 px-6 pt-4"
+            id="promo-price-form"
+            onSubmit={form.handleSubmit(handleSubmit)}
+          >
+            <FormField
+              control={form.control}
+              name="promo_rule_id"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("rule", "Rule")}</FormLabel>
+                  <FormControl>
+                    <Combobox<number>
+                      onChange={field.onChange}
+                      options={rules.map((rule) => ({
+                        label: rule.name,
+                        value: rule.id,
+                      }))}
+                      placeholder={t("form.selectRule", "Select rule")}
+                      value={field.value}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="subscribe_id"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("subscribe", "Subscribe")}</FormLabel>
+                  <FormControl>
+                    <Combobox<number>
+                      onChange={(value) => {
+                        field.onChange(value);
+                        form.setValue("quantity", 0, {
+                          shouldDirty: true,
+                          shouldValidate: true,
+                        });
+                        form.clearErrors(["quantity", "promo_price"]);
+                      }}
+                      options={subscribes
+                        .filter((item) => typeof item.id === "number")
+                        .map((item) => ({
+                          label: item.name || `#${item.id}`,
+                          value: item.id as number,
+                        }))}
+                      placeholder={t(
+                        "form.selectSubscribe",
+                        "Select subscribe"
+                      )}
+                      value={field.value}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="quantity"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("quantity", "Quantity")}</FormLabel>
+                  <FormControl>
+                    <Combobox<number>
+                      onChange={field.onChange}
+                      options={discounts.map((item) => ({
+                        label: `${item.quantity} x ${t(
+                          subscribe?.unit_time || "Month",
+                          subscribe?.unit_time || "Month"
+                        )}`,
+                        value: item.quantity,
+                      }))}
+                      placeholder={t(
+                        "form.selectQuantity",
+                        "Select discount quantity"
+                      )}
+                      value={field.value}
+                    />
+                  </FormControl>
+                  {hasSelectedSubscribe && !hasDiscounts && (
+                    <p className="text-destructive text-xs">
+                      {t(
+                        "form.noDiscounts",
+                        "This subscribe has no discount quantities and cannot be configured."
+                      )}
+                    </p>
+                  )}
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="promo_price"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("promoPrice", "Promo Price")}</FormLabel>
+                  <FormControl>
+                    <EnhancedInput
+                      formatInput={(value) =>
+                        unitConversion("centsToDollars", value)
+                      }
+                      formatOutput={(value) =>
+                        unitConversion("dollarsToCents", value)
+                      }
+                      min={0.01}
+                      onValueChange={(value) => field.onChange(value)}
+                      placeholder={t("form.enterPromoPrice", "Enter price")}
+                      type="number"
+                      value={field.value}
+                    />
+                  </FormControl>
+                  {originalPrice > 0 && (
+                    <p className="text-muted-foreground text-xs">
+                      {t("originalPriceHint", "Original price")}:{" "}
+                      {formatCurrency(originalPrice)}
+                    </p>
+                  )}
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </form>
+        </Form>
+        <SheetFooter>
+          <Button
+            disabled={loading || (hasSelectedSubscribe && !hasDiscounts)}
+            form="promo-price-form"
+            type="submit"
+          >
+            {t("confirm", "Confirm")}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,84 @@
+import { Badge } from "@workspace/ui/components/badge";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+} from "@workspace/ui/components/sheet";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableRow,
+} from "@workspace/ui/components/table";
+import { useTranslation } from "react-i18next";
+import { formatDate } from "@/utils/common";
+
+interface RuleDetailProps {
+  open: boolean;
+  rule?: API.PromoRule;
+  onOpenChange: (open: boolean) => void;
+}
+
+export default function RuleDetail({
+  open,
+  rule,
+  onOpenChange,
+}: RuleDetailProps) {
+  const { t } = useTranslation("promo");
+
+  return (
+    <Sheet onOpenChange={onOpenChange} open={open}>
+      <SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
+        <SheetHeader>
+          <SheetTitle>
+            {rule?.name || t("ruleDetail", "Rule Detail")}
+          </SheetTitle>
+        </SheetHeader>
+        {rule && (
+          <div className="px-6 pt-4">
+            <Table>
+              <TableBody>
+                <TableRow>
+                  <TableCell>{t("type", "Type")}</TableCell>
+                  <TableCell>
+                    <Badge variant="outline">
+                      {t(`types.${rule.type}`, rule.type)}
+                    </Badge>
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>{t("priority", "Priority")}</TableCell>
+                  <TableCell>{rule.priority}</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>{t("enabled", "Enabled")}</TableCell>
+                  <TableCell>
+                    {rule.enabled ? t("yes", "Yes") : t("no", "No")}
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>{t("params", "Params")}</TableCell>
+                  <TableCell>
+                    <code className="whitespace-pre-wrap rounded bg-muted px-2 py-1 text-xs">
+                      {JSON.stringify(rule.params || {}, null, 2)}
+                    </code>
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>
+                    {t("validityPeriod", "Validity Period")}
+                  </TableCell>
+                  <TableCell>
+                    {rule.start_time ? formatDate(rule.start_time) : "--"} -{" "}
+                    {rule.end_time ? formatDate(rule.end_time) : "--"}
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,353 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import {
+  RadioGroup,
+  RadioGroupItem,
+} from "@workspace/ui/components/radio-group";
+import { ScrollArea } from "@workspace/ui/components/scroll-area";
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@workspace/ui/components/sheet";
+import { Switch } from "@workspace/ui/components/switch";
+import { DatePicker } from "@workspace/ui/composed/date-picker";
+import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { promoRuleTypes } from "./utils";
+
+const ruleSchema = z
+  .object({
+    name: z.string().min(1),
+    type: z.enum(["new_user", "inactive_user", "campaign"]),
+    inactive_months: z.number().optional(),
+    window_hours: z.number().optional(),
+    priority: z.number().min(0),
+    enabled: z.boolean(),
+    start_time: z.number().optional(),
+    end_time: z.number().optional(),
+  })
+  .superRefine((data, ctx) => {
+    if (
+      data.start_time !== undefined &&
+      data.end_time !== undefined &&
+      data.start_time >= data.end_time
+    ) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "End time must be later than start time",
+        path: ["end_time"],
+      });
+    }
+    if (
+      data.type === "inactive_user" &&
+      (!data.inactive_months || data.inactive_months <= 0)
+    ) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "Inactive months must be greater than 0",
+        path: ["inactive_months"],
+      });
+    }
+    if (
+      data.type === "new_user" &&
+      (!data.window_hours || data.window_hours <= 0)
+    ) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "Window hours must be greater than 0",
+        path: ["window_hours"],
+      });
+    }
+  });
+
+type RuleFormValues = z.infer<typeof ruleSchema>;
+
+interface RuleFormProps {
+  initialValues?: API.PromoRule;
+  loading?: boolean;
+  onSubmit: (data: API.CreatePromoRuleRequest) => Promise<boolean> | boolean;
+  title: string;
+  trigger: string;
+}
+
+function toFormValues(rule?: API.PromoRule): RuleFormValues {
+  return {
+    name: rule?.name ?? "",
+    type: rule?.type ?? "inactive_user",
+    inactive_months: rule?.params?.inactive_months,
+    window_hours: rule?.params?.window_hours,
+    priority: rule?.priority ?? 0,
+    enabled: rule?.enabled ?? false,
+    start_time: rule?.start_time ? rule.start_time * 1000 : undefined,
+    end_time: rule?.end_time ? rule.end_time * 1000 : undefined,
+  };
+}
+
+function toRequest(values: RuleFormValues): API.CreatePromoRuleRequest {
+  const params: API.PromoRuleParams =
+    values.type === "inactive_user"
+      ? { inactive_months: values.inactive_months }
+      : values.type === "new_user"
+        ? { window_hours: values.window_hours }
+        : {};
+
+  return {
+    name: values.name.trim(),
+    type: values.type,
+    params,
+    priority: values.priority,
+    enabled: values.enabled,
+    start_time: values.start_time ? Math.floor(values.start_time / 1000) : undefined,
+    end_time: values.end_time ? Math.floor(values.end_time / 1000) : undefined,
+  };
+}
+
+export default function RuleForm({
+  initialValues,
+  loading,
+  onSubmit,
+  title,
+  trigger,
+}: RuleFormProps) {
+  const { t } = useTranslation("promo");
+  const [open, setOpen] = useState(false);
+  const form = useForm<RuleFormValues>({
+    resolver: zodResolver(ruleSchema),
+    defaultValues: toFormValues(initialValues),
+  });
+  const type = form.watch("type");
+
+  useEffect(() => {
+    form.reset(toFormValues(initialValues));
+  }, [form, initialValues]);
+
+  async function handleSubmit(values: RuleFormValues) {
+    const success = await onSubmit(toRequest(values));
+    if (success) setOpen(false);
+  }
+
+  return (
+    <Sheet onOpenChange={setOpen} open={open}>
+      <SheetTrigger asChild>
+        <Button
+          onClick={() => {
+            form.reset(toFormValues(initialValues));
+            setOpen(true);
+          }}
+          size="sm"
+        >
+          {trigger}
+        </Button>
+      </SheetTrigger>
+      <SheetContent className="w-[520px] max-w-full md:max-w-screen-md">
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className="h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]">
+          <Form {...form}>
+            <form
+              className="space-y-4 px-6 pt-4"
+              id="promo-rule-form"
+              onSubmit={form.handleSubmit(handleSubmit)}
+            >
+              <FormField
+                control={form.control}
+                name="name"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("form.name", "Name")}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        onValueChange={(value) => field.onChange(value)}
+                        placeholder={t("form.namePlaceholder", "Rule name")}
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="type"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("form.type", "Rule Type")}</FormLabel>
+                    <FormControl>
+                      <RadioGroup
+                        className="grid gap-2 sm:grid-cols-3"
+                        onValueChange={(value) =>
+                          field.onChange(value as API.PromoRuleType)
+                        }
+                        value={field.value}
+                      >
+                        {promoRuleTypes.map((item) => (
+                          <FormItem
+                            className="flex items-center space-x-2 space-y-0"
+                            key={item}
+                          >
+                            <FormControl>
+                              <RadioGroupItem value={item} />
+                            </FormControl>
+                            <FormLabel className="font-normal">
+                              {t(`types.${item}`, item)}
+                            </FormLabel>
+                          </FormItem>
+                        ))}
+                      </RadioGroup>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              {type === "inactive_user" && (
+                <FormField
+                  control={form.control}
+                  name="inactive_months"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t("form.inactiveMonths", "Inactive Months")}
+                      </FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          min={1}
+                          onValueChange={(value) => field.onChange(value)}
+                          placeholder={t(
+                            "form.inactiveMonthsPlaceholder",
+                            "Months without purchase"
+                          )}
+                          type="number"
+                          value={field.value}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+              {type === "new_user" && (
+                <FormField
+                  control={form.control}
+                  name="window_hours"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t("form.windowHours", "Window Hours")}
+                      </FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          min={1}
+                          onValueChange={(value) => field.onChange(value)}
+                          placeholder={t(
+                            "form.windowHoursPlaceholder",
+                            "Hours after registration"
+                          )}
+                          type="number"
+                          value={field.value}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+              <FormField
+                control={form.control}
+                name="priority"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t("priority", "Priority")}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        min={0}
+                        onValueChange={(value) => field.onChange(value)}
+                        placeholder="0"
+                        type="number"
+                        value={field.value}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <div className="grid gap-4 sm:grid-cols-2">
+                <FormField
+                  control={form.control}
+                  name="start_time"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("startTime", "Start Time")}</FormLabel>
+                      <FormControl>
+                        <DatePicker
+                          onChange={(value) => field.onChange(value)}
+                          placeholder={t("form.selectStartTime", "Select time")}
+                          value={field.value}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name="end_time"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("endTime", "End Time")}</FormLabel>
+                      <FormControl>
+                        <DatePicker
+                          onChange={(value) => field.onChange(value)}
+                          placeholder={t("form.selectEndTime", "Select time")}
+                          value={field.value}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              <FormField
+                control={form.control}
+                name="enabled"
+                render={({ field }) => (
+                  <FormItem className="flex items-center justify-between rounded-md border p-3">
+                    <div>
+                      <FormLabel>{t("enabled", "Enabled")}</FormLabel>
+                    </div>
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter>
+          <Button disabled={loading} form="promo-rule-form" type="submit">
+            {t("confirm", "Confirm")}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
@@ -0,0 +1,28 @@
+import { unitConversion } from "@workspace/ui/utils/unit-conversions";
+
+export const promoRuleTypes: API.PromoRuleType[] = [
+  "inactive_user",
+  "new_user",
+  "campaign",
+];
+
+export function formatCurrency(value?: number) {
+  if (typeof value !== "number") return "--";
+  return `$${unitConversion("centsToDollars", value)}`;
+}
+
+export function parseOptionalNumber(value?: string) {
+  if (!value) return;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : undefined;
+}
+
+export function getSubscribeUnitPrice(subscribe?: API.SubscribeItem) {
+  return typeof subscribe?.unit_price === "number" ? subscribe.unit_price : 0;
+}
+
+export function getSubscribeDiscounts(subscribe?: API.SubscribeItem) {
+  return (subscribe?.discount || []).filter(
+    (item) => typeof item.quantity === "number" && item.quantity > 0
+  );
+}
@@ -10,6 +10,7 @@ export const protocols = [
  "naive",
  "http",
  "mieru",
+  "simnet",
 ] as const;

 // Global label map for display; fallback to raw value if missing
@@ -69,6 +70,7 @@ export const SECURITY = {
  anytls: ["none", "tls", "reality"] as const,
  naive: ["none", "tls"] as const,
  http: ["none", "tls"] as const,
+  simnet: ["none", "tls"] as const,
 } as const;

 export const FLOWS = {
@@ -99,6 +101,12 @@ export const FINGERPRINTS = [

 export const CERT_MODES = ["none", "http", "dns", "self"] as const;

+// Simnet enums (first version keeps carrier/af modes locked to supported values).
+export const SIMNET_CARRIERS = ["h2", "ws", "raw"] as const;
+export const SIMNET_AF_PATH_MODES = ["api", "random"] as const;
+export const SIMNET_AF_MAGIC_MODES = ["derived", "random"] as const;
+export const SIMNET_FALLBACK_SCHEMES = ["https", "http"] as const;
+
 export const multiplexLevels = ["none", "low", "middle", "high"] as const;

 export function getLabel(value: string): string {
@@ -171,6 +171,66 @@ export function getProtocolDefaultConfig(proto: ProtocolType) {
        multiplex: "none",
        transport: "tcp",
      } as any;
+    case "simnet":
+      return {
+        type: "simnet",
+        enable: false,
+        port: 443,
+        simnet_psk: null,
+        simnet_key_id: null,
+        simnet_ticket_id: null,
+        simnet_path: null,
+        simnet_carrier: "h2",
+        security: "tls",
+        sni: null,
+        allow_insecure: false,
+        cert_mode: "none",
+        cert_dns_provider: null,
+        cert_dns_env: null,
+        simnet_af_enabled: false,
+        simnet_af_path_mode: "api",
+        simnet_af_path_prefix: null,
+        simnet_af_path_suffix: null,
+        simnet_af_magic_mode: "derived",
+        simnet_af_response_jitter_ms: 50,
+        simnet_af_handshake_polymorphism: false,
+        simnet_af_settings_jitter: false,
+        simnet_af_fake_header_injection: false,
+        simnet_reverse_enabled: false,
+        simnet_reverse_listen_addr: "127.0.0.1",
+        simnet_reverse_listen_port: null,
+        simnet_reverse_target_host: "127.0.0.1",
+        simnet_reverse_target_port: null,
+        simnet_fallback_enabled: false,
+        simnet_fallback_target_scheme: "https",
+        simnet_fallback_target_host: null,
+        simnet_fallback_target_port: null,
+        simnet_fallback_host_header: null,
+        simnet_fallback_tls_sni: null,
+        simnet_inbound_max_streams_per_session: 128,
+        simnet_inbound_max_udp_streams_per_session: 64,
+        simnet_inbound_max_handler_tasks_per_session: 128,
+        simnet_stream_event_channel_capacity: 256,
+        simnet_stream_data_channel_capacity: 128,
+        simnet_target_dial_timeout_ms: 12_000,
+        simnet_target_max_concurrent_dials: 256,
+        simnet_egress_block_loopback: false,
+        simnet_egress_block_private: false,
+        simnet_egress_block_link_local: false,
+        simnet_egress_block_metadata: false,
+        simnet_send_window: 4_194_304,
+        simnet_recv_window: 4_194_304,
+        simnet_max_concurrent_streams: 100,
+        simnet_initial_window_size: 65_535,
+        simnet_max_frame_size: 16_384,
+        simnet_client_max_concurrent_streams: 32,
+        simnet_client_max_streams_per_session: 512,
+        simnet_client_session_idle_timeout_secs: 90,
+        simnet_client_max_udp_sessions: 64,
+        up_mbps: null,
+        down_mbps: null,
+        ratio: 1,
+      } as any;
    case "anytls":
      return {
        type: "anytls",
@@ -7,6 +7,10 @@ import {
  FLOWS,
  multiplexLevels,
  SECURITY,
+  SIMNET_AF_MAGIC_MODES,
+  SIMNET_AF_PATH_MODES,
+  SIMNET_CARRIERS,
+  SIMNET_FALLBACK_SCHEMES,
  SS_CIPHERS,
  TRANSPORTS,
  TUIC_CONGESTION,
@@ -18,6 +22,7 @@ const nullableString = z.string().nullish();
 const nullableBool = z.boolean().nullish();
 const nullablePort = z.number().int().min(0).max(65_535).nullish();
 const nullableRatio = z.number().min(0).nullish();
+const nullableNonNegativeInt = z.number().int().min(0).nullish();

 const ss = z.object({
  ratio: nullableRatio,
@@ -207,6 +212,66 @@ const mieru = z.object({
  transport: z.enum(TRANSPORTS.mieru).nullish(),
 });

+const simnet = z.object({
+  ratio: nullableRatio,
+  type: z.literal("simnet"),
+  enable: nullableBool,
+  port: nullablePort,
+  simnet_psk: nullableString,
+  simnet_key_id: z.number().int().nullish(),
+  simnet_ticket_id: nullableString,
+  simnet_path: nullableString,
+  simnet_carrier: z.enum(SIMNET_CARRIERS).nullish(),
+  security: z.enum(["none", "tls"] as const).nullish(),
+  sni: nullableString,
+  allow_insecure: nullableBool,
+  cert_mode: z.enum(CERT_MODES).nullish(),
+  cert_dns_provider: nullableString,
+  cert_dns_env: nullableString,
+  simnet_af_enabled: nullableBool,
+  simnet_af_path_mode: z.enum(SIMNET_AF_PATH_MODES).nullish(),
+  simnet_af_path_prefix: nullableString,
+  simnet_af_path_suffix: nullableString,
+  simnet_af_magic_mode: z.enum(SIMNET_AF_MAGIC_MODES).nullish(),
+  simnet_af_response_jitter_ms: z.number().int().min(0).nullish(),
+  simnet_af_handshake_polymorphism: nullableBool,
+  simnet_af_settings_jitter: nullableBool,
+  simnet_af_fake_header_injection: nullableBool,
+  simnet_reverse_enabled: nullableBool,
+  simnet_reverse_listen_addr: nullableString,
+  simnet_reverse_listen_port: nullablePort,
+  simnet_reverse_target_host: nullableString,
+  simnet_reverse_target_port: nullablePort,
+  simnet_fallback_enabled: nullableBool,
+  simnet_fallback_target_scheme: z.enum(SIMNET_FALLBACK_SCHEMES).nullish(),
+  simnet_fallback_target_host: nullableString,
+  simnet_fallback_target_port: nullablePort,
+  simnet_fallback_host_header: nullableString,
+  simnet_fallback_tls_sni: nullableString,
+  simnet_inbound_max_streams_per_session: nullableNonNegativeInt,
+  simnet_inbound_max_udp_streams_per_session: nullableNonNegativeInt,
+  simnet_inbound_max_handler_tasks_per_session: nullableNonNegativeInt,
+  simnet_stream_event_channel_capacity: nullableNonNegativeInt,
+  simnet_stream_data_channel_capacity: nullableNonNegativeInt,
+  simnet_target_dial_timeout_ms: nullableNonNegativeInt,
+  simnet_target_max_concurrent_dials: nullableNonNegativeInt,
+  simnet_egress_block_loopback: nullableBool,
+  simnet_egress_block_private: nullableBool,
+  simnet_egress_block_link_local: nullableBool,
+  simnet_egress_block_metadata: nullableBool,
+  simnet_send_window: nullableNonNegativeInt,
+  simnet_recv_window: nullableNonNegativeInt,
+  simnet_max_concurrent_streams: nullableNonNegativeInt,
+  simnet_initial_window_size: nullableNonNegativeInt,
+  simnet_max_frame_size: nullableNonNegativeInt,
+  simnet_client_max_concurrent_streams: nullableNonNegativeInt,
+  simnet_client_max_streams_per_session: nullableNonNegativeInt,
+  simnet_client_session_idle_timeout_secs: nullableNonNegativeInt,
+  simnet_client_max_udp_sessions: nullableNonNegativeInt,
+  up_mbps: z.number().nullish(),
+  down_mbps: z.number().nullish(),
+});
+
 export const protocolApiScheme = z.discriminatedUnion("type", [
  ss,
  vmess,
@@ -219,6 +284,7 @@ export const protocolApiScheme = z.discriminatedUnion("type", [
  naive,
  http,
  mieru,
+  simnet,
 ]);

 export const formSchema = z.object({
@@ -32,7 +32,8 @@ export type FieldConfig = {
    | "security"
    | "reality"
    | "obfs"
-    | "encryption";
+    | "encryption"
+    | "simnet";
  gridSpan?: 1 | 2;
 };

@@ -15,6 +15,10 @@ import {
  FLOWS,
  multiplexLevels,
  SECURITY,
+  SIMNET_AF_MAGIC_MODES,
+  SIMNET_AF_PATH_MODES,
+  SIMNET_CARRIERS,
+  SIMNET_FALLBACK_SCHEMES,
  SS_CIPHERS,
  TRANSPORTS,
  TUIC_CONGESTION,
@@ -1221,6 +1225,499 @@ export function useProtocolFields() {
          condition: (p) => p.security === "reality",
        },
      ],
+      simnet: [
+        {
+          name: "ratio",
+          type: "number",
+          label: t("traffic_ratio", "Ratio"),
+          min: 0,
+          step: 0.01,
+          defaultValue: 1,
+          group: "basic",
+        },
+        {
+          name: "port",
+          type: "number",
+          label: t("port", "Port"),
+          min: 1,
+          max: 65_535,
+          placeholder: "443",
+          group: "basic",
+        },
+        {
+          name: "simnet_psk",
+          type: "input",
+          label: t("simnet_psk", "SimNet PSK"),
+          placeholder: t(
+            "simnet_psk_placeholder",
+            "Server pre-shared key (shared across all users)"
+          ),
+          generate: {
+            function: () => generatePassword(32),
+          },
+          group: "basic",
+        },
+        {
+          name: "simnet_ticket_id",
+          type: "input",
+          label: t("simnet_ticket_id", "SimNet Ticket ID"),
+          placeholder: t("simnet_ticket_id_placeholder", "Optional ticket id"),
+          group: "basic",
+        },
+        {
+          name: "simnet_path",
+          type: "input",
+          label: t("simnet_path", "SimNet Path"),
+          placeholder: t("simnet_path_placeholder", "e.g. /simnet"),
+          group: "basic",
+        },
+        {
+          name: "simnet_carrier",
+          type: "select",
+          label: t("simnet_carrier", "Carrier"),
+          options: SIMNET_CARRIERS,
+          defaultValue: "h2",
+          group: "basic",
+        },
+        {
+          name: "up_mbps",
+          type: "number",
+          label: t("up_mbps", "Upload Bandwidth"),
+          min: 1,
+          placeholder: t(
+            "bandwidth_placeholder",
+            "Enter bandwidth, leave empty for BBR"
+          ),
+          suffix: "Mbps",
+          group: "basic",
+        },
+        {
+          name: "down_mbps",
+          type: "number",
+          label: t("down_mbps", "Download Bandwidth"),
+          min: 1,
+          placeholder: t(
+            "bandwidth_placeholder",
+            "Enter bandwidth, leave empty for BBR"
+          ),
+          suffix: "Mbps",
+          group: "basic",
+        },
+        {
+          name: "security",
+          type: "select",
+          label: t("security", "Security"),
+          options: ["none", "tls"],
+          defaultValue: "tls",
+          group: "security",
+        },
+        {
+          name: "sni",
+          type: "input",
+          label: t("security_sni", "SNI"),
+          placeholder: t("sni_placeholder", "e.g. edge.example.com"),
+          group: "security",
+        },
+        {
+          name: "allow_insecure",
+          type: "switch",
+          label: t("security_allow_insecure", "Allow Insecure"),
+          group: "security",
+        },
+        {
+          name: "cert_mode",
+          type: "select",
+          label: t("cert_mode", "Certificate Mode"),
+          options: CERT_MODES,
+          defaultValue: "none",
+          group: "security",
+        },
+        {
+          name: "cert_dns_provider",
+          type: "input",
+          label: t("cert_dns_provider", "DNS Provider"),
+          placeholder: "e.g. cloudflare, aliyun",
+          group: "security",
+          condition: (p) => p.cert_mode === "dns",
+        },
+        {
+          name: "cert_dns_env",
+          type: "textarea",
+          label: t("cert_dns_env", "DNS Environment Variables"),
+          placeholder:
+            "CF_DNS_API_TOKEN=1234567890abcdefghijklmnopqrstuvwxyz\nALI_ACCESS_KEY_ID=your_access_key_id\nALI_ACCESS_KEY_SECRET=your_access_key_secret",
+          group: "security",
+          condition: (p) => p.cert_mode === "dns",
+        },
+        {
+          name: "simnet_af_enabled",
+          type: "switch",
+          label: t("simnet_af_enabled", "Enable Anti-Fingerprint"),
+          group: "simnet",
+        },
+        {
+          name: "simnet_af_path_mode",
+          type: "select",
+          label: t("simnet_af_path_mode", "AF Path Mode"),
+          options: SIMNET_AF_PATH_MODES,
+          defaultValue: "api",
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_path_prefix",
+          type: "input",
+          label: t("simnet_af_path_prefix", "AF Path Prefix"),
+          placeholder: t(
+            "simnet_af_path_prefix_placeholder",
+            "Optional path prefix"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_path_suffix",
+          type: "input",
+          label: t("simnet_af_path_suffix", "AF Path Suffix"),
+          placeholder: t(
+            "simnet_af_path_suffix_placeholder",
+            "Optional path suffix"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_magic_mode",
+          type: "select",
+          label: t("simnet_af_magic_mode", "AF Magic Mode"),
+          options: SIMNET_AF_MAGIC_MODES,
+          defaultValue: "derived",
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_response_jitter_ms",
+          type: "number",
+          label: t("simnet_af_response_jitter_ms", "AF Response Jitter"),
+          min: 0,
+          suffix: "ms",
+          defaultValue: 50,
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_handshake_polymorphism",
+          type: "switch",
+          label: t(
+            "simnet_af_handshake_polymorphism",
+            "Handshake Polymorphism"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_settings_jitter",
+          type: "switch",
+          label: t("simnet_af_settings_jitter", "Settings Jitter"),
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_af_fake_header_injection",
+          type: "switch",
+          label: t("simnet_af_fake_header_injection", "Fake Header Injection"),
+          group: "simnet",
+          condition: (p) => !!p.simnet_af_enabled,
+        },
+        {
+          name: "simnet_reverse_enabled",
+          type: "switch",
+          label: t("simnet_reverse_enabled", "Enable Local Reverse Proxy"),
+          group: "simnet",
+        },
+        {
+          name: "simnet_reverse_listen_addr",
+          type: "input",
+          label: t("simnet_reverse_listen_addr", "Reverse Listen Address"),
+          placeholder: "127.0.0.1",
+          group: "simnet",
+          condition: (p) => !!p.simnet_reverse_enabled,
+        },
+        {
+          name: "simnet_reverse_listen_port",
+          type: "number",
+          label: t("simnet_reverse_listen_port", "Reverse Listen Port"),
+          min: 1,
+          max: 65_535,
+          placeholder: "18080",
+          group: "simnet",
+          condition: (p) => !!p.simnet_reverse_enabled,
+        },
+        {
+          name: "simnet_reverse_target_host",
+          type: "input",
+          label: t("simnet_reverse_target_host", "Reverse Target Host"),
+          placeholder: "127.0.0.1",
+          group: "simnet",
+          condition: (p) => !!p.simnet_reverse_enabled,
+        },
+        {
+          name: "simnet_reverse_target_port",
+          type: "number",
+          label: t("simnet_reverse_target_port", "Reverse Target Port"),
+          min: 1,
+          max: 65_535,
+          placeholder: "8080",
+          group: "simnet",
+          condition: (p) => !!p.simnet_reverse_enabled,
+        },
+        {
+          name: "simnet_fallback_enabled",
+          type: "switch",
+          label: t(
+            "simnet_fallback_enabled",
+            "Enable HTTPS Fallback Reverse Proxy"
+          ),
+          group: "simnet",
+        },
+        {
+          name: "simnet_fallback_target_scheme",
+          type: "select",
+          label: t("simnet_fallback_target_scheme", "Fallback Target Scheme"),
+          options: SIMNET_FALLBACK_SCHEMES,
+          defaultValue: "https",
+          group: "simnet",
+          condition: (p) => !!p.simnet_fallback_enabled,
+        },
+        {
+          name: "simnet_fallback_target_host",
+          type: "input",
+          label: t("simnet_fallback_target_host", "Fallback Target Host"),
+          placeholder: t(
+            "simnet_fallback_target_host_placeholder",
+            "e.g. www.example.com"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_fallback_enabled,
+        },
+        {
+          name: "simnet_fallback_target_port",
+          type: "number",
+          label: t("simnet_fallback_target_port", "Fallback Target Port"),
+          min: 1,
+          max: 65_535,
+          placeholder: "443 / 80",
+          group: "simnet",
+          condition: (p) => !!p.simnet_fallback_enabled,
+        },
+        {
+          name: "simnet_fallback_host_header",
+          type: "input",
+          label: t("simnet_fallback_host_header", "Fallback Host Header"),
+          placeholder: t(
+            "simnet_fallback_host_header_placeholder",
+            "Optional, defaults to target host"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_fallback_enabled,
+        },
+        {
+          name: "simnet_fallback_tls_sni",
+          type: "input",
+          label: t("simnet_fallback_tls_sni", "Fallback TLS SNI"),
+          placeholder: t(
+            "simnet_fallback_tls_sni_placeholder",
+            "Optional, defaults to target host"
+          ),
+          group: "simnet",
+          condition: (p) => !!p.simnet_fallback_enabled,
+        },
+        {
+          name: "simnet_inbound_max_streams_per_session",
+          type: "number",
+          label: t(
+            "simnet_inbound_max_streams_per_session",
+            "Inbound Streams / Session"
+          ),
+          min: 1,
+          defaultValue: 128,
+          group: "simnet",
+        },
+        {
+          name: "simnet_inbound_max_udp_streams_per_session",
+          type: "number",
+          label: t(
+            "simnet_inbound_max_udp_streams_per_session",
+            "Inbound UDP Streams / Session"
+          ),
+          min: 1,
+          defaultValue: 64,
+          group: "simnet",
+        },
+        {
+          name: "simnet_inbound_max_handler_tasks_per_session",
+          type: "number",
+          label: t(
+            "simnet_inbound_max_handler_tasks_per_session",
+            "Handler Tasks / Session"
+          ),
+          min: 1,
+          defaultValue: 128,
+          group: "simnet",
+        },
+        {
+          name: "simnet_stream_event_channel_capacity",
+          type: "number",
+          label: t(
+            "simnet_stream_event_channel_capacity",
+            "Stream Event Channel"
+          ),
+          min: 1,
+          defaultValue: 256,
+          group: "simnet",
+        },
+        {
+          name: "simnet_stream_data_channel_capacity",
+          type: "number",
+          label: t(
+            "simnet_stream_data_channel_capacity",
+            "Stream Data Channel"
+          ),
+          min: 1,
+          defaultValue: 128,
+          group: "simnet",
+        },
+        {
+          name: "simnet_target_dial_timeout_ms",
+          type: "number",
+          label: t("simnet_target_dial_timeout_ms", "Target Dial Timeout"),
+          min: 1,
+          suffix: "ms",
+          defaultValue: 12_000,
+          group: "simnet",
+        },
+        {
+          name: "simnet_target_max_concurrent_dials",
+          type: "number",
+          label: t(
+            "simnet_target_max_concurrent_dials",
+            "Concurrent Target Dials"
+          ),
+          min: 1,
+          defaultValue: 256,
+          group: "simnet",
+        },
+        {
+          name: "simnet_send_window",
+          type: "number",
+          label: t("simnet_send_window", "Send Window"),
+          min: 1,
+          suffix: "bytes",
+          defaultValue: 4_194_304,
+          group: "simnet",
+        },
+        {
+          name: "simnet_recv_window",
+          type: "number",
+          label: t("simnet_recv_window", "Receive Window"),
+          min: 1,
+          suffix: "bytes",
+          defaultValue: 4_194_304,
+          group: "simnet",
+        },
+        {
+          name: "simnet_max_concurrent_streams",
+          type: "number",
+          label: t("simnet_max_concurrent_streams", "H2 Concurrent Streams"),
+          min: 1,
+          defaultValue: 100,
+          group: "simnet",
+        },
+        {
+          name: "simnet_initial_window_size",
+          type: "number",
+          label: t("simnet_initial_window_size", "H2 Initial Window"),
+          min: 1,
+          suffix: "bytes",
+          defaultValue: 65_535,
+          group: "simnet",
+        },
+        {
+          name: "simnet_max_frame_size",
+          type: "number",
+          label: t("simnet_max_frame_size", "H2 Max Frame Size"),
+          min: 1,
+          suffix: "bytes",
+          defaultValue: 16_384,
+          group: "simnet",
+        },
+        {
+          name: "simnet_client_max_concurrent_streams",
+          type: "number",
+          label: t(
+            "simnet_client_max_concurrent_streams",
+            "Client Concurrent Streams"
+          ),
+          min: 1,
+          defaultValue: 32,
+          group: "simnet",
+        },
+        {
+          name: "simnet_client_max_streams_per_session",
+          type: "number",
+          label: t(
+            "simnet_client_max_streams_per_session",
+            "Client Streams / Session"
+          ),
+          min: 1,
+          defaultValue: 512,
+          group: "simnet",
+        },
+        {
+          name: "simnet_client_session_idle_timeout_secs",
+          type: "number",
+          label: t(
+            "simnet_client_session_idle_timeout_secs",
+            "Client Session Idle Timeout"
+          ),
+          min: 1,
+          suffix: "s",
+          defaultValue: 90,
+          group: "simnet",
+        },
+        {
+          name: "simnet_client_max_udp_sessions",
+          type: "number",
+          label: t("simnet_client_max_udp_sessions", "Client UDP Sessions"),
+          min: 1,
+          defaultValue: 64,
+          group: "simnet",
+        },
+        {
+          name: "simnet_egress_block_loopback",
+          type: "switch",
+          label: t("simnet_egress_block_loopback", "Block Loopback Egress"),
+          group: "simnet",
+        },
+        {
+          name: "simnet_egress_block_private",
+          type: "switch",
+          label: t("simnet_egress_block_private", "Block Private Egress"),
+          group: "simnet",
+        },
+        {
+          name: "simnet_egress_block_link_local",
+          type: "switch",
+          label: t("simnet_egress_block_link_local", "Block Link-Local Egress"),
+          group: "simnet",
+        },
+        {
+          name: "simnet_egress_block_metadata",
+          type: "switch",
+          label: t("simnet_egress_block_metadata", "Block Metadata Egress"),
+          group: "simnet",
+        },
+      ],
    }),
    [t]
  );
@@ -696,6 +696,15 @@ export default function ServerForm(props: {
                            i,
                            current
                          )}
+                          {renderGroupCard(
+                            t("simnet", "SimNet"),
+                            fields,
+                            "simnet",
+                            control,
+                            form,
+                            i,
+                            current
+                          )}
                        </div>
                      </AccordionContent>
                    </AccordionItem>
@@ -1,29 +1,25 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link, useSearch } from "@tanstack/react-router";
-import { Badge } from "@workspace/ui/components/badge";
 import { Button } from "@workspace/ui/components/button";
 import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
-  DialogTrigger,
 } from "@workspace/ui/components/dialog";
 import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
+  DropdownMenuSeparator,
  DropdownMenuTrigger,
 } from "@workspace/ui/components/dropdown-menu";
-import { Input } from "@workspace/ui/components/input";
-import { ScrollArea } from "@workspace/ui/components/scroll-area";
 import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@workspace/ui/components/select";
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@workspace/ui/components/popover";
+import { ScrollArea } from "@workspace/ui/components/scroll-area";
 import {
  Sheet,
  SheetContent,
@@ -31,13 +27,6 @@ import {
  SheetTitle,
  SheetTrigger,
 } from "@workspace/ui/components/sheet";
-import { FilePenLine } from 'lucide-react';
-import {
-  Popover,
-  PopoverClose,
-  PopoverContent,
-  PopoverTrigger,
-} from '@workspace/ui/components/popover';
 import { Switch } from "@workspace/ui/components/switch";
 import {
  Tabs,
@@ -45,7 +34,12 @@ import {
  TabsList,
  TabsTrigger,
 } from "@workspace/ui/components/tabs";
-import { Combobox } from "@workspace/ui/composed/combobox";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@workspace/ui/components/tooltip";
 // import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
 import {
  ProTable,
@@ -62,61 +56,27 @@ import {
  getUserList,
  updateUserBasicInfo,
 } from "@workspace/ui/services/admin/user";
-import { parseDeviceType } from "@workspace/ui/utils/device";
-import React, { useRef, useState, useCallback } from 'react';
+import { FilePenLine } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { Display } from "@/components/display";
 import { useSubscribe } from "@/stores/subscribe";
 import { formatDate } from "@/utils/common";
 import FamilyManagement from "./family";
-import { UserDetail } from "./user-detail";
+import { RemarkForm } from "./remark-form";
+import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
 import UserForm from "./user-form";
+import { UserIdentifier } from "./user-identifier";
 import { UserInviteStatsSheet } from "./user-invite-stats-sheet";
 import { AuthMethodsForm } from "./user-profile/auth-methods-form";
 import { BasicInfoForm } from "./user-profile/basic-info-form";
 import { NotifySettingsForm } from "./user-profile/notify-settings-form";
+import { UserSearchBar } from "./user-search-bar";
 import UserSubscription from "./user-subscription";
+
 // import EditUserGroupDialog from "./edit-user-group-dialog";

-
-// 为 RemarkForm 组件定义 props 类型
-interface RemarkFormProps {
-  initialRemark?: string | null;
-  onSave: (remark: string) => void;
-  CloseComponent: React.ComponentType<{ asChild?: boolean; children: React.ReactNode }>;
-}
-// 新的子组件，在管理它自己的备注状态
-const RemarkForm: React.FC<RemarkFormProps> = ({ onSave, initialRemark, CloseComponent }) => {
-  const [remark, setRemark] = useState<string>(initialRemark ?? '');
-
-  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setRemark(event.target.value);
-  };
-
-  const handleSaveClick = () => {
-    onSave(remark);
-  };
-
-  return (
-      <>
-        <div className='mb-2 text-sm font-semibold'>备注</div>
-        <Input
-            type='text'
-            value={remark}
-            onChange={handleInputChange}
-            placeholder='在此输入备注...'
-            className='w-full'
-        />
-        <CloseComponent asChild>
-          <Button onClick={handleSaveClick} variant='default' size={'sm'} className={'mt-2'}>
-            保存
-          </Button>
-        </CloseComponent>
-      </>
-  );
-};
-
 export default function User() {
  const { t } = useTranslation("user");
  const [loading, setLoading] = useState(false);
@@ -130,6 +90,14 @@ export default function User() {
    value: sp.search || sp.user_id || "",
  });

+  useEffect(() => {
+    searchRef.current = {
+      type: sp.user_id ? "user_id" : "email",
+      value: sp.search || sp.user_id || "",
+    };
+    ref.current?.refresh();
+  }, [sp.search, sp.user_id]);
+
  const handleSearch = useCallback((type: string, value: string) => {
    searchRef.current = { type, value };
    ref.current?.refresh();
@@ -183,8 +151,7 @@ export default function User() {
            onChanged={() => ref.current?.refresh()}
            userId={row.id}
          />,
-          <PreviewNodesDialog key="preview-nodes" userId={row.id} />,
-         /* <ConfirmButton
+          /* <ConfirmButton
            cancelText={t("cancel", "Cancel")}
            confirmText={t("confirm", "Confirm")}
            description={t(
@@ -208,6 +175,8 @@ export default function User() {
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end">
              <InviteStatsMenuItem userId={row.id} />
+              <PreviewNodesMenuItem userId={row.id} />
+              <DropdownMenuSeparator />
              <DropdownMenuItem asChild>
                <Link search={{ user_id: row.id }} to="/dashboard/order">
                  {t("orderList", "Order List")}
@@ -293,59 +262,46 @@ export default function User() {
        {
          id: "auth_methods",
          accessorKey: "auth_methods",
-          header: '设备码/邮箱',
-          cell: ({ row }) => {
-            const method = row.original.auth_methods?.[0];
-            const identifier = method?.auth_identifier || "";
-            const isDevice = method?.auth_type === "device";
-            const firstDevice = row.original.user_devices?.[0] as any;
-            const deviceNo = firstDevice?.device_no;
-            const deviceType = parseDeviceType(firstDevice?.user_agent || "");
-            const display = isDevice ? deviceNo || identifier : identifier;
-            return (
-              <div className="flex items-center">
-               {/* <Badge
-                  className="mr-1 uppercase"
-                  title={method?.verified ? t("verified", "Verified") : ""}
-                >
-                  {method?.auth_type}
-                </Badge>*/}
-                {deviceType && (
-                    <Badge className="mr-1" variant="secondary">
-                      {deviceType}
-                    </Badge>
-                )}
-                <span title={isDevice ? display : undefined}>{display}</span>
-                <Popover>
-                  <PopoverTrigger>
-                    <div className={'flex items-center'}>
-                      {row.original?.remark ? `（${row.original.remark}）` : ''}
-                      <FilePenLine size={14} className={'text-primary ml-2'} />
-                    </div>
-                  </PopoverTrigger>
-                  <PopoverContent className={'w-64'}>
-                    <RemarkForm
-                        initialRemark={row.original.remark}
-                        CloseComponent={PopoverClose}
-                        onSave={async (remark) => {
-                          const {
-                            id,
-                          } = row.original;
-                          await updateUserBasicInfo({
-                            user_id: id,
-                            remark,
-                          } as unknown as API.UpdateUserBasiceInfoRequest);
-                          toast.success(t('updateSuccess'));
-                          ref.current?.refresh();
-                        }}
-                    />
-                  </PopoverContent>
-                </Popover>
-              </div>
-            );
-          },
+          header: "设备码/邮箱",
+          cell: ({ row }) => (
+            <div className="flex items-center">
+              <UserIdentifier
+                className="flex items-center"
+                user={row.original}
+              />
+              <Popover>
+                <PopoverTrigger>
+                  <div className={"flex items-center"}>
+                    {row.original?.remark ? `（${row.original.remark}）` : ""}
+                    <FilePenLine className={"ml-2 text-primary"} size={14} />
+                  </div>
+                </PopoverTrigger>
+                <PopoverContent className={"w-64"}>
+                  <RemarkForm
+                    initialRemark={row.original.remark}
+                    onSave={async (remark) => {
+                      const { data } = await getUserDetail({
+                        id: row.original.id,
+                      });
+                      const user = data.data;
+
+                      if (!user) {
+                        throw new Error("User detail not found");
+                      }
+
+                      await updateUserBasicInfo(
+                        buildUserBasicInfoPayload(user, remark)
+                      );
+                      toast.success(t("updateSuccess"));
+                      ref.current?.refresh();
+                    }}
+                  />
+                </PopoverContent>
+              </Popover>
+            </div>
+          ),
        },
-       /* {
+        /* {
          id: "balance",
          accessorKey: "balance",
          header: t("balance", "Balance"),
@@ -379,7 +335,49 @@ export default function User() {
          id: "referer_id",
          accessorKey: "referer_id",
          header: t("referer", "Referer"),
-          cell: ({ row }) => <UserDetail id={row.original.referer_id} />,
+          cell: ({ row }) => (
+            <RefererProfileTrigger
+              onUpdated={() => ref.current?.refresh()}
+              userId={row.original.referer_id}
+            />
+          ),
+        },
+        {
+          id: "member_status",
+          accessorKey: "member_status",
+          header: t("userStatus", "用户状态"),
+          cell: ({ row }) => {
+            // member_status 由后端基于当前有效订阅计算：有有效订阅时为套餐名，否则为空
+            const memberStatus = (
+              row.original as API.User & {
+                member_status?: string;
+              }
+            ).member_status;
+            const hasActiveSubscription = Boolean(memberStatus);
+            const dotClassName = hasActiveSubscription
+              ? "bg-green-500"
+              : "bg-gray-400";
+            const tooltipLabel = hasActiveSubscription
+              ? memberStatus
+              : t("unsubscribed", "No active subscription");
+
+            return (
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <div className="inline-flex items-center gap-2">
+                      <span
+                        aria-hidden="true"
+                        className={`h-2.5 w-2.5 rounded-full ${dotClassName}`}
+                      />
+                      <span className="sr-only">{tooltipLabel}</span>
+                    </div>
+                  </TooltipTrigger>
+                  <TooltipContent>{tooltipLabel}</TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            );
+          },
        },
        {
          id: "created_at",
@@ -440,9 +438,11 @@ export default function User() {
 function ProfileSheet({
  userId,
  onUpdated,
+  trigger,
 }: {
  userId: number;
  onUpdated?: () => void;
+  trigger?: React.ReactNode;
 }) {
  const { t } = useTranslation("user");
  const [open, setOpen] = useState(false);
@@ -463,7 +463,7 @@ function ProfileSheet({
  return (
    <Sheet onOpenChange={setOpen} open={open}>
      <SheetTrigger asChild>
-        <Button variant="default">{t("edit", "Edit")}</Button>
+        {trigger || <Button variant="default">{t("edit", "Edit")}</Button>}
      </SheetTrigger>
      <SheetContent
        className="w-[700px] max-w-full md:max-w-screen-lg"
@@ -527,6 +527,42 @@ function SubscriptionSheet({ userId }: { userId: number }) {
  );
 }

+function RefererProfileTrigger({
+  userId,
+  onUpdated,
+}: {
+  userId: number;
+  onUpdated?: () => void;
+}) {
+  const { t } = useTranslation("user");
+  const { data: user } = useQuery({
+    enabled: userId > 0,
+    queryKey: ["refererUserDetail", userId],
+    queryFn: async () => {
+      const { data } = await getUserDetail({ id: userId });
+      return data.data as API.User;
+    },
+  });
+
+  if (!userId) return "--";
+
+  return (
+    <ProfileSheet
+      onUpdated={onUpdated}
+      trigger={
+        <Button className="h-auto p-0 font-normal" variant="link">
+          {user ? (
+            <UserIdentifier className="flex items-center" user={user} />
+          ) : (
+            t("loading", "Loading...")
+          )}
+        </Button>
+      }
+      userId={userId}
+    />
+  );
+}
+
 function InviteStatsMenuItem({ userId }: { userId: number }) {
  const { t } = useTranslation("user");
  const [open, setOpen] = useState(false);
@@ -549,6 +585,25 @@ function InviteStatsMenuItem({ userId }: { userId: number }) {
  );
 }

+function PreviewNodesMenuItem({ userId }: { userId: number }) {
+  const { t } = useTranslation("user");
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <DropdownMenuItem
+        onSelect={(e) => {
+          e.preventDefault();
+          setOpen(true);
+        }}
+      >
+        {t("previewNodes", "Preview Nodes")}
+      </DropdownMenuItem>
+      <PreviewNodesDialog onOpenChange={setOpen} open={open} userId={userId} />
+    </>
+  );
+}
+
 function DeviceGroupSheet({
  userId,
  onChanged,
@@ -577,92 +632,16 @@ function DeviceGroupSheet({
  );
 }

-function UserSearchBar({
-  initialType,
-  initialValue,
-  onSearch,
-  subscribes,
+function PreviewNodesDialog({
+  userId,
+  open,
+  onOpenChange,
 }: {
-  initialType: string;
-  initialValue: string;
-  onSearch: (type: string, value: string) => void;
-  subscribes?: API.SubscribeItem[];
+  userId: number;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
 }) {
  const { t } = useTranslation("user");
-  const [searchType, setSearchType] = useState(initialType);
-  const [searchValue, setSearchValue] = useState(initialValue);
-
-  return (
-    <div className="flex items-center gap-2">
-      <Select
-        onValueChange={(v) => {
-          setSearchType(v);
-          setSearchValue("");
-        }}
-        value={searchType}
-      >
-        <SelectTrigger className="w-48">
-          <SelectValue />
-        </SelectTrigger>
-        <SelectContent>
-          <SelectItem value="email">设备码/邮箱</SelectItem>
-          <SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
-          <SelectItem value="subscribe_id">
-            {t("subscription", "Subscription")}
-          </SelectItem>
-        </SelectContent>
-      </Select>
-      {searchType === "subscribe_id" ? (
-        <Combobox
-          className="w-48"
-          onChange={(value) => {
-            setSearchValue(value);
-            onSearch("subscribe_id", value);
-          }}
-          options={subscribes?.map((item) => ({
-            label: item.name!,
-            value: String(item.id!),
-          }))}
-          placeholder={t("subscription", "Subscription")}
-          value={searchValue}
-        />
-      ) : (
-        <>
-          <Input
-            className="w-48"
-            onChange={(e) => setSearchValue(e.target.value)}
-            onKeyDown={(e) =>
-              e.key === "Enter" && onSearch(searchType, searchValue)
-            }
-            placeholder={t("searchInputPlaceholder", "Enter search term")}
-            value={searchValue}
-          />
-          <Button
-            onClick={() => onSearch(searchType, searchValue)}
-            variant="default"
-          >
-            {t("search", "Search")}
-          </Button>
-          {searchValue && (
-            <Button
-              onClick={() => {
-                setSearchValue("");
-                onSearch(searchType, "");
-              }}
-              variant="outline"
-            >
-              {t("resetSearch", "Reset")}
-            </Button>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
-
-function PreviewNodesDialog({ userId }: { userId: number }) {
-  const { t } = useTranslation("user");
-  const [open, setOpen] = useState(false);
  const { data: previewData, isLoading } = useQuery({
    enabled: open,
    queryKey: ["previewUserNodes", userId],
@@ -673,10 +652,7 @@ function PreviewNodesDialog({ userId }: { userId: number }) {
  });

  return (
-    <Dialog onOpenChange={setOpen} open={open}>
-      <DialogTrigger asChild>
-        <Button variant="outline">{t("previewNodes", "Preview Nodes")}</Button>
-      </DialogTrigger>
+    <Dialog onOpenChange={onOpenChange} open={open}>
      <DialogContent className="max-w-2xl">
        <DialogHeader>
          <DialogTitle>
@@ -0,0 +1,85 @@
+/**
+ * @vitest-environment jsdom
+ */
+import {
+  cleanup,
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from "@testing-library/react";
+import { Popover } from "@workspace/ui/components/popover";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { RemarkForm } from "./remark-form";
+
+afterEach(() => {
+  cleanup();
+});
+
+function renderRemarkForm(props: Parameters<typeof RemarkForm>[0]) {
+  return render(
+    <Popover open>
+      <RemarkForm {...props} />
+    </Popover>
+  );
+}
+
+describe("RemarkForm", () => {
+  it("submits an intentionally cleared remark", async () => {
+    const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
+
+    renderRemarkForm({ initialRemark: "old remark", onSave });
+
+    fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
+      target: { value: "" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "保存" }));
+
+    await waitFor(() => expect(onSave).toHaveBeenCalledWith(""));
+  });
+
+  it("shows loading and keeps the input disabled while saving", async () => {
+    let resolveSave: (() => void) | undefined;
+    const onSave = vi.fn(
+      () =>
+        new Promise<void>((resolve) => {
+          resolveSave = resolve;
+        })
+    );
+
+    renderRemarkForm({ initialRemark: "old remark", onSave });
+
+    fireEvent.click(screen.getByRole("button", { name: "保存" }));
+
+    expect(
+      screen.getByRole("button", { name: "保存中..." }).hasAttribute("disabled")
+    ).toBe(true);
+    expect(
+      screen.getByPlaceholderText("在此输入备注...").hasAttribute("disabled")
+    ).toBe(true);
+
+    resolveSave?.();
+    await waitFor(() =>
+      expect(
+        screen.getByRole("button", { name: "保存" }).hasAttribute("disabled")
+      ).toBe(false)
+    );
+  });
+
+  it("shows an error state and preserves input after save failure", async () => {
+    const onSave = vi.fn<Parameters<typeof RemarkForm>[0]["onSave"]>();
+    onSave.mockRejectedValue(new Error("failed"));
+
+    renderRemarkForm({ initialRemark: "old remark", onSave });
+
+    fireEvent.change(screen.getByPlaceholderText("在此输入备注..."), {
+      target: { value: "kept remark" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "保存" }));
+
+    expect((await screen.findByRole("alert")).textContent).toBe(
+      "备注保存失败，请重试"
+    );
+    expect(screen.getByDisplayValue("kept remark")).not.toBeNull();
+  });
+});
@@ -0,0 +1,69 @@
+import { Button } from "@workspace/ui/components/button";
+import { Input } from "@workspace/ui/components/input";
+import { PopoverClose } from "@workspace/ui/components/popover";
+import { useRef, useState } from "react";
+
+interface RemarkFormProps {
+  initialRemark?: string | null;
+  onSave: (remark: string) => Promise<void> | void;
+}
+
+export function RemarkForm({ onSave, initialRemark }: RemarkFormProps) {
+  const [remark, setRemark] = useState<string>(initialRemark ?? "");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const closeRef = useRef<HTMLButtonElement>(null);
+
+  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setRemark(event.target.value);
+  };
+
+  const handleSave = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    setError(null);
+    setSaving(true);
+
+    try {
+      await onSave(remark);
+      closeRef.current?.click();
+    } catch {
+      setError("备注保存失败，请重试");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSave}>
+      <div className="mb-2 font-semibold text-sm">备注</div>
+      <Input
+        aria-invalid={Boolean(error)}
+        className="w-full"
+        disabled={saving}
+        onChange={handleInputChange}
+        placeholder="在此输入备注..."
+        type="text"
+        value={remark}
+      />
+      {error ? (
+        <p className="mt-2 text-destructive text-sm" role="alert">
+          {error}
+        </p>
+      ) : null}
+      <Button
+        className="mt-2"
+        disabled={saving}
+        size="sm"
+        type="submit"
+        variant="default"
+      >
+        {saving ? "保存中..." : "保存"}
+      </Button>
+      <PopoverClose asChild>
+        <button className="sr-only" ref={closeRef} type="button">
+          关闭
+        </button>
+      </PopoverClose>
+    </form>
+  );
+}
@@ -0,0 +1,53 @@
+import { describe, expect, it } from "vitest";
+import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
+
+const user = {
+  id: 37,
+  avatar: "https://example.com/avatar.png",
+  balance: 1200,
+  commission: 300,
+  referral_percentage: 10,
+  only_first_purchase: true,
+  gift_amount: 500,
+  telegram: 123_456,
+  refer_code: "INVITE37",
+  referer_id: 7,
+  enable: true,
+  is_admin: false,
+  enable_balance_notify: true,
+  enable_login_notify: true,
+  enable_subscribe_notify: false,
+  enable_trade_notify: false,
+  user_group_id: 2,
+  group_locked: false,
+  auth_methods: [],
+  user_devices: [],
+  remark: "old remark",
+  rules: [],
+  created_at: 1_700_000_000,
+  updated_at: 1_700_000_100,
+} satisfies API.User;
+
+describe("buildUserBasicInfoPayload", () => {
+  it("keeps the full basic user fields when updating a remark", () => {
+    expect(buildUserBasicInfoPayload(user, "new remark")).toEqual({
+      user_id: 37,
+      avatar: "https://example.com/avatar.png",
+      balance: 1200,
+      commission: 300,
+      referral_percentage: 10,
+      only_first_purchase: true,
+      gift_amount: 500,
+      telegram: 123_456,
+      refer_code: "INVITE37",
+      referer_id: 7,
+      enable: true,
+      is_admin: false,
+      remark: "new remark",
+    });
+  });
+
+  it("preserves an intentionally cleared remark", () => {
+    expect(buildUserBasicInfoPayload(user, "").remark).toBe("");
+  });
+});
@@ -0,0 +1,26 @@
+import type { UpdateUserBasicInfoBody } from "@workspace/ui/services/admin/user";
+
+export type UserBasicInfoPayload = Omit<UpdateUserBasicInfoBody, "remark"> & {
+  remark: string;
+};
+
+export function buildUserBasicInfoPayload(
+  user: API.User,
+  remark: string
+): UserBasicInfoPayload {
+  return {
+    user_id: user.id,
+    avatar: user.avatar,
+    balance: user.balance,
+    commission: user.commission,
+    referral_percentage: user.referral_percentage,
+    only_first_purchase: user.only_first_purchase,
+    gift_amount: user.gift_amount,
+    telegram: user.telegram,
+    refer_code: user.refer_code,
+    referer_id: user.referer_id,
+    enable: user.enable,
+    is_admin: user.is_admin ?? false,
+    remark,
+  };
+}
@@ -16,6 +16,7 @@ import { formatBytes } from "@workspace/ui/utils/formatting";
 import { useTranslation } from "react-i18next";
 import { Display } from "@/components/display";
 import { formatDate } from "@/utils/common";
+import { UserIdentifier } from "./user-identifier";
 // import EditUserGroupDialog from "./edit-user-group-dialog";
 // import { getUserGroupList } from "@workspace/ui/services/admin/group";

@@ -229,26 +230,13 @@ export function UserDetail({ id }: { id: number }) {

  if (!id) return "--";

-  const firstMethod = data?.auth_methods[0];
-  const isDevice = firstMethod?.auth_type === "device";
-  const deviceNo = (data as any)?.user_devices?.[0]?.device_no;
-  const rawIdentifier = firstMethod?.auth_identifier || "";
-  const identifier = isDevice ? deviceNo || rawIdentifier : rawIdentifier;
-
  return (
    <HoverCard>
      <HoverCardTrigger asChild>
        <Button asChild className="p-0" variant="link">
          <Link search={{ user_id: id }} to="/dashboard/user">
            {data ? (
-              <>
-                {firstMethod && (
-                  <span className="mr-1 inline-flex items-center rounded border px-1 py-0.5 font-mono text-xs uppercase">
-                    {firstMethod.auth_type}
-                  </span>
-                )}
-                {identifier}
-              </>
+              <UserIdentifier className="flex items-center" user={data} />
            ) : (
              t("loading", "Loading...")
            )}
@@ -0,0 +1,101 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { getUserIdentifierParts, UserIdentifier } from "./user-identifier";
+
+afterEach(() => {
+  cleanup();
+});
+
+type DeviceWithOptionalNo = API.UserDevice & { device_no?: string };
+
+describe("getUserIdentifierParts", () => {
+  it("uses the device number and D label for device-auth users", () => {
+    expect(
+      getUserIdentifierParts({
+        auth_methods: [
+          {
+            auth_type: "device",
+            auth_identifier: "raw-device-id",
+            verified: true,
+          },
+        ],
+        user_devices: [
+          {
+            id: 1,
+            ip: "127.0.0.1",
+            identifier: "device-id",
+            user_agent:
+              "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)",
+            online: true,
+            enabled: true,
+            created_at: 0,
+            updated_at: 0,
+            device_no: "DVC-001",
+          } satisfies DeviceWithOptionalNo,
+        ],
+      })
+    ).toMatchObject({
+      authLabel: "(D)",
+      identifier: "DVC-001",
+      isDevice: true,
+    });
+  });
+
+  it("falls back to the raw identifier and E label for email-auth users", () => {
+    expect(
+      getUserIdentifierParts({
+        auth_methods: [
+          {
+            auth_type: "email",
+            auth_identifier: "user@example.com",
+            verified: true,
+          },
+        ],
+        user_devices: [],
+      })
+    ).toMatchObject({
+      authLabel: "(E)",
+      identifier: "user@example.com",
+      isDevice: false,
+    });
+  });
+});
+
+describe("UserIdentifier", () => {
+  it("renders the compact auth label and visible identifier", () => {
+    render(
+      <UserIdentifier
+        user={{
+          auth_methods: [
+            {
+              auth_type: "email",
+              auth_identifier: "referrer@example.com",
+              verified: true,
+            },
+          ],
+          user_devices: [],
+        }}
+      />
+    );
+
+    expect(screen.getByText("(E)")).not.toBeNull();
+    expect(screen.getByText("referrer@example.com")).not.toBeNull();
+  });
+
+  it("renders an empty fallback when no identifier is available", () => {
+    render(
+      <UserIdentifier
+        user={{
+          auth_methods: [],
+          user_devices: [],
+        }}
+      />
+    );
+
+    expect(screen.getByText("(E)")).not.toBeNull();
+    expect(screen.getByText("--")).not.toBeNull();
+  });
+});
@@ -0,0 +1,66 @@
+"use client";
+
+import { Badge } from "@workspace/ui/components/badge";
+import { parseDeviceType } from "@workspace/ui/utils/device";
+
+type UserDeviceWithDeviceNo = API.UserDevice & {
+  device_no?: string;
+};
+
+type UserIdentifierUser = {
+  auth_methods?: API.UserAuthMethod[];
+  user_devices?: UserDeviceWithDeviceNo[];
+};
+
+type UserIdentifierParts = {
+  authLabel: "(D)" | "(E)";
+  deviceBadge?: string;
+  identifier: string;
+  isDevice: boolean;
+};
+
+export function getUserIdentifierParts(
+  user?: UserIdentifierUser
+): UserIdentifierParts {
+  const method = user?.auth_methods?.[0];
+  const firstDevice = user?.user_devices?.[0] as
+    | UserDeviceWithDeviceNo
+    | undefined;
+  const isDevice = method?.auth_type === "device";
+  const rawIdentifier = method?.auth_identifier || "";
+  const identifier = isDevice
+    ? firstDevice?.device_no || rawIdentifier
+    : rawIdentifier;
+
+  return {
+    authLabel: isDevice ? "(D)" : "(E)",
+    deviceBadge: parseDeviceType(firstDevice?.user_agent || ""),
+    identifier,
+    isDevice,
+  };
+}
+
+export function UserIdentifier({
+  className,
+  user,
+}: {
+  className?: string;
+  user?: UserIdentifierUser;
+}) {
+  const { authLabel, deviceBadge, identifier, isDevice } =
+    getUserIdentifierParts(user);
+
+  return (
+    <div className={className}>
+      {deviceBadge ? (
+        <Badge className="mr-1" variant="secondary">
+          {deviceBadge}
+        </Badge>
+      ) : null}
+      <span className="mr-1 font-mono text-xs uppercase">{authLabel}</span>
+      <span title={isDevice ? identifier : undefined}>
+        {identifier || "--"}
+      </span>
+    </div>
+  );
+}
@@ -0,0 +1,92 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { UserSearchBar } from "./user-search-bar";
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (_key: string, fallback: string): string => fallback,
+  }),
+}));
+
+afterEach(() => {
+  cleanup();
+});
+
+describe("UserSearchBar", () => {
+  it("keeps the controls usable on a narrow mobile viewport", () => {
+    Object.defineProperty(window, "innerWidth", {
+      configurable: true,
+      value: 390,
+    });
+
+    render(
+      <UserSearchBar
+        initialType="email"
+        initialValue=""
+        onSearch={vi.fn()}
+        subscribes={[]}
+      />
+    );
+
+    expect(screen.getByRole("combobox")).not.toBeNull();
+    expect(screen.getByRole("button", { name: "Search" })).not.toBeNull();
+  });
+
+  it("keeps the typed happy-path value and triggers search", () => {
+    const onSearch = vi.fn();
+
+    render(
+      <UserSearchBar
+        initialType="email"
+        initialValue=""
+        onSearch={onSearch}
+        subscribes={[]}
+      />
+    );
+
+    fireEvent.change(screen.getByPlaceholderText("Enter search term"), {
+      target: { value: "user@example.com" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Search" }));
+
+    expect(onSearch).toHaveBeenCalledWith("email", "user@example.com");
+    expect(
+      (screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
+        .value
+    ).toBe("user@example.com");
+  });
+
+  it("syncs to external search changes for precise referrer navigation", () => {
+    const onSearch = vi.fn();
+    const { rerender } = render(
+      <UserSearchBar
+        initialType="email"
+        initialValue="old@example.com"
+        onSearch={onSearch}
+        subscribes={[]}
+      />
+    );
+
+    expect(
+      (screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
+        .value
+    ).toBe("old@example.com");
+
+    rerender(
+      <UserSearchBar
+        initialType="user_id"
+        initialValue="1024"
+        onSearch={onSearch}
+        subscribes={[]}
+      />
+    );
+
+    expect(
+      (screen.getByPlaceholderText("Enter search term") as HTMLInputElement)
+        .value
+    ).toBe("1024");
+  });
+});
@@ -0,0 +1,102 @@
+"use client";
+
+import { Button } from "@workspace/ui/components/button";
+import { Input } from "@workspace/ui/components/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
+import { Combobox } from "@workspace/ui/composed/combobox";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+
+export function UserSearchBar({
+  initialType,
+  initialValue,
+  onSearch,
+  subscribes,
+}: {
+  initialType: string;
+  initialValue: string;
+  onSearch: (type: string, value: string) => void;
+  subscribes?: API.SubscribeItem[];
+}) {
+  const { t } = useTranslation("user");
+  const [searchType, setSearchType] = useState(initialType);
+  const [searchValue, setSearchValue] = useState(initialValue);
+
+  useEffect(() => {
+    setSearchType(initialType);
+    setSearchValue(initialValue);
+  }, [initialType, initialValue]);
+
+  return (
+    <div className="flex items-center gap-2">
+      <Select
+        onValueChange={(v) => {
+          setSearchType(v);
+          setSearchValue("");
+        }}
+        value={searchType}
+      >
+        <SelectTrigger className="w-48">
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="email">设备码/邮箱</SelectItem>
+          <SelectItem value="user_id">{t("userId", "User ID")}</SelectItem>
+          <SelectItem value="subscribe_id">
+            {t("subscription", "Subscription")}
+          </SelectItem>
+        </SelectContent>
+      </Select>
+      {searchType === "subscribe_id" ? (
+        <Combobox
+          className="w-48"
+          onChange={(value) => {
+            setSearchValue(value);
+            onSearch("subscribe_id", value);
+          }}
+          options={subscribes?.map((item) => ({
+            label: item.name!,
+            value: String(item.id!),
+          }))}
+          placeholder={t("subscription", "Subscription")}
+          value={searchValue}
+        />
+      ) : (
+        <>
+          <Input
+            className="w-48"
+            onChange={(e) => setSearchValue(e.target.value)}
+            onKeyDown={(e) =>
+              e.key === "Enter" && onSearch(searchType, searchValue)
+            }
+            placeholder={t("searchInputPlaceholder", "Enter search term")}
+            value={searchValue}
+          />
+          <Button
+            onClick={() => onSearch(searchType, searchValue)}
+            variant="default"
+          >
+            {t("search", "Search")}
+          </Button>
+          {searchValue && (
+            <Button
+              onClick={() => {
+                setSearchValue("");
+                onSearch(searchType, "");
+              }}
+              variant="outline"
+            >
+              {t("resetSearch", "Reset")}
+            </Button>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
@@ -30,13 +30,34 @@ import { Display } from "@/components/display";
 import { useGlobalStore } from "@/stores/global";
 import { formatDate } from "@/utils/common";
 import { SubscriptionDetail } from "./subscription-detail";
-import { SubscriptionForm } from "./subscription-form";
+import {
+  SubscriptionForm,
+  type SubscriptionFormValues,
+} from "./subscription-form";

 interface SharedInfo {
  ownerUserId: number;
  familyId: number;
 }

+function toUserSubscribePayload(values: SubscriptionFormValues) {
+  return {
+    ...values,
+    expired_at: values.expired_at || 0,
+    subscribe_id: values.subscribe_id || 0,
+    traffic: values.traffic || 0,
+    upload: values.upload || 0,
+    download: values.download || 0,
+    speed_limit: values.speed_limit || 0,
+    device_limit: values.device_limit || 0,
+    traffic_limit: values.traffic_limit || [],
+  };
+}
+
+function resolvePlanSpeed(row: API.UserSubscribe) {
+  return row.plan_speed_limit ?? row.subscribe?.speed_limit ?? 0;
+}
+
 export default function UserSubscription({ userId }: { userId: number }) {
  const { t } = useTranslation("user");
  const [loading, setLoading] = useState(false);
@@ -166,7 +187,7 @@ export default function UserSubscription({ userId }: { userId: number }) {
                      await updateUserSubscribe({
                        user_id: Number(userId),
                        user_subscribe_id: row.id,
-                        ...values,
+                        ...toUserSubscribePayload(values),
                      });
                      toast.success(t("updateSuccess", "Updated successfully"));
                      ref.current?.refresh();
@@ -295,16 +316,53 @@ export default function UserSubscription({ userId }: { userId: number }) {
          {
            accessorKey: "speed_limit",
            header: t("speedLimit", "Speed Limit"),
+            meta: {
+              className: "min-w-[220px] whitespace-normal",
+            },
            cell: ({ row }) => {
-              const speed = row.original?.subscribe?.speed_limit;
-              return <Display type="trafficSpeed" value={speed} />;
+              const userSpeed = row.original.speed_limit ?? 0;
+              const effectiveSpeed = row.original.effective_speed ?? 0;
+              const planSpeed = resolvePlanSpeed(row.original);
+              const speed = effectiveSpeed || userSpeed || planSpeed;
+              const source = row.original.is_throttled
+                ? t("effectiveSpeed")
+                : userSpeed > 0
+                  ? t("userOverride")
+                  : t("subscriptionDefault");
+
+              return (
+                <div className="flex min-w-[200px] flex-col gap-1 whitespace-normal">
+                  <div className="flex items-center gap-2">
+                    <Display type="trafficSpeed" value={speed} />
+                    {row.original.is_throttled && (
+                      <Badge variant="destructive">
+                        {t("throttled", "Throttled")}
+                      </Badge>
+                    )}
+                  </div>
+                  <div className="grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5 text-muted-foreground text-xs leading-5">
+                    <span>{t("current")}</span>
+                    <span>{source}</span>
+                    <span>{t("userOverride")}</span>
+                    <span>
+                      <Display type="trafficSpeed" value={userSpeed} />
+                    </span>
+                    <span>{t("subscriptionDefault")}</span>
+                    <span>
+                      <Display type="trafficSpeed" value={planSpeed} />
+                    </span>
+                  </div>
+                </div>
+              );
            },
          },
          {
            accessorKey: "device_limit",
            header: t("deviceLimit", "Device Limit"),
            cell: ({ row }) => {
-              const limit = row.original?.subscribe?.device_limit;
+              const limit =
+                row.original.device_limit ||
+                row.original?.subscribe?.device_limit;
              return <Display type="number" unlimited value={limit} />;
            },
          },
@@ -352,7 +410,7 @@ export default function UserSubscription({ userId }: { userId: number }) {
                setLoading(true);
                await createUserSubscribe({
                  user_id: Number(userId),
-                  ...values,
+                  ...toUserSubscribePayload(values),
                });
                toast.success(t("createSuccess", "Created successfully"));
                ref.current?.refresh();
@@ -7,6 +7,7 @@ import {
  SheetTitle,
  SheetTrigger,
 } from "@workspace/ui/components/sheet";
+import { Skeleton } from "@workspace/ui/components/skeleton";
 import { Switch } from "@workspace/ui/components/switch";
 import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
 import { ProTable } from "@workspace/ui/composed/pro-table/pro-table";
@@ -16,7 +17,7 @@ import {
  kickOfflineByUserDevice,
 } from "@workspace/ui/services/admin/user";
 import { deviceIdToHash } from "@workspace/ui/utils/device";
-import { AlertTriangle, Gauge } from "lucide-react";
+import { AlertCircle, AlertTriangle, Gauge } from "lucide-react";
 import { type ReactNode, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -26,20 +27,82 @@ import { formatDate } from "@/utils/common";
 function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
  const { t } = useTranslation("user");
  const [detail, setDetail] = useState<API.UserSubscribeDetail | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isError, setIsError] = useState(false);

  useEffect(() => {
-    getUserSubscribeById({ id: subscriptionId }).then(({ data }) => {
-      if (data.data) setDetail(data.data);
-    });
+    let ignore = false;
+
+    setIsLoading(true);
+    setIsError(false);
+    getUserSubscribeById({ id: subscriptionId })
+      .then(({ data }) => {
+        if (!ignore) setDetail(data.data || null);
+      })
+      .catch(() => {
+        if (!ignore) {
+          setDetail(null);
+          setIsError(true);
+        }
+      })
+      .finally(() => {
+        if (!ignore) setIsLoading(false);
+      });
+
+    return () => {
+      ignore = true;
+    };
  }, [subscriptionId]);

-  if (!detail || detail.status !== 1) return null;
+  if (isLoading) {
+    return (
+      <div className="mb-4 rounded-lg border bg-muted/30 p-3">
+        <Skeleton className="mb-3 h-5 w-40" />
+        <div className="grid grid-cols-2 gap-3">
+          <Skeleton className="h-16" />
+          <Skeleton className="h-16" />
+        </div>
+      </div>
+    );
+  }

-  const baseSpeed = detail.subscribe?.speed_limit ?? 0;
+  if (isError) {
+    return (
+      <div className="mb-4 flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/5 p-3 text-destructive text-sm">
+        <AlertCircle className="mt-0.5 h-4 w-4 shrink-0" />
+        <span>
+          {t("subscriptionDetailLoadFailed", "Failed to load speed settings.")}
+        </span>
+      </div>
+    );
+  }
+
+  if (!detail) {
+    return (
+      <div className="mb-4 rounded-lg border bg-muted/30 p-3 text-muted-foreground text-sm">
+        {t("subscriptionDetailEmpty", "No subscription details found.")}
+      </div>
+    );
+  }
+
+  if (detail.status !== 1) return null;
+
+  const baseSpeed =
+    detail.plan_speed_limit ?? detail.subscribe?.speed_limit ?? 0;
+  const userSpeed = detail.speed_limit ?? 0;
  const effectiveSpeed = detail.effective_speed ?? 0;
  const isThrottled = detail.is_throttled;
+  const rules = detail.user_traffic_limit || detail.traffic_limit || [];
+  const hasLimitConfig =
+    baseSpeed > 0 || userSpeed > 0 || effectiveSpeed > 0 || rules.length > 0;

-  if (baseSpeed === 0 && !isThrottled) return null;
+  if (!(hasLimitConfig || isThrottled)) {
+    return (
+      <div className="mb-4 rounded-lg border bg-muted/30 p-3 text-muted-foreground text-sm">
+        {t("speedLimitEmpty", "No user-level speed limit rules configured.")}
+      </div>
+    );
+  }

  return (
    <div
@@ -54,16 +117,17 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
      ) : (
        <Gauge className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
      )}
-      <div className="space-y-1">
+      <div className="min-w-0 flex-1 space-y-3">
        <div className="flex flex-wrap items-center gap-2 font-medium">
          {isThrottled ? (
            <>
-              <span>{t("throttled", "Speed Throttled")}</span>
+              <span>{t("throttled")}</span>
              <Badge className="text-xs" variant="destructive">
                {effectiveSpeed} Mbps
              </Badge>
              {baseSpeed > 0 && (
                <span className="text-muted-foreground text-xs line-through">
+                  {t("subscriptionDefault")}:{" "}
                  {baseSpeed} Mbps
                </span>
              )}
@@ -74,13 +138,25 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
                {t("speedLimit", "Speed Limit")}
              </span>
              <Badge className="text-xs" variant="secondary">
-                {effectiveSpeed > 0
-                  ? `${effectiveSpeed} Mbps`
-                  : t("unlimited", "Unlimited")}
+                {effectiveSpeed > 0 ? `${effectiveSpeed} Mbps` : t("unlimited")}
              </Badge>
            </>
          )}
        </div>
+        <div className="grid gap-2 sm:grid-cols-3">
+          <SpeedMetric
+            label={t("subscriptionDefault")}
+            value={baseSpeed}
+          />
+          <SpeedMetric
+            label={t("userOverride")}
+            value={userSpeed}
+          />
+          <SpeedMetric
+            label={t("effectiveSpeed")}
+            value={effectiveSpeed}
+          />
+        </div>
        {isThrottled && detail.throttle_rule && (
          <p className="text-muted-foreground text-xs">
            {detail.throttle_rule}
@@ -92,6 +168,46 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
            {formatDate(detail.throttle_end)}
          </p>
        )}
+        {rules.length > 0 && (
+          <div className="space-y-2">
+            <p className="font-medium text-foreground text-xs">
+              {t("trafficLimitRules")}
+            </p>
+            <div className="grid gap-2">
+              {rules.map((rule, index) => (
+                <div
+                  className="rounded-md border bg-background/60 px-3 py-2 text-muted-foreground text-xs"
+                  key={`${rule.stat_type}-${rule.stat_value}-${index}`}
+                >
+                  {t("trafficLimitRuleSummary", {
+                    defaultValue:
+                      "{{traffic}} GB in {{value}} {{type}} -> {{speed}} Mbps",
+                    traffic: rule.traffic_usage,
+                    value: rule.stat_value,
+                    type:
+                      rule.stat_type === "hour"
+                        ? t("hour")
+                        : t("day"),
+                    speed: rule.speed_limit,
+                  })}
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function SpeedMetric({ label, value }: { label: string; value: number }) {
+  const { t } = useTranslation("user");
+
+  return (
+    <div className="rounded-md border bg-background/60 p-2">
+      <div className="text-muted-foreground text-xs">{label}</div>
+      <div className="font-medium text-foreground">
+        {value > 0 ? `${value} Mbps` : t("unlimited")}
      </div>
    </div>
  );
@@ -155,12 +271,7 @@ export function SubscriptionDetail({
                accessorKey: "enabled",
                header: t("enable", "Enable"),
                cell: ({ row }) => (
-                  <Switch
-                    checked={row.getValue("enabled")}
-                    onChange={(checked) => {
-                      console.log("Switch:", checked);
-                    }}
-                  />
+                  <Switch checked={row.getValue("enabled")} disabled />
                ),
              },
              { accessorKey: "id", header: "ID" },
@@ -1,8 +1,15 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "@workspace/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@workspace/ui/components/card";
 import {
  Form,
  FormControl,
+  FormDescription,
  FormField,
  FormItem,
  FormLabel,
@@ -21,8 +28,10 @@ import { Combobox } from "@workspace/ui/composed/combobox";
 import { DatePicker } from "@workspace/ui/composed/date-picker";
 import { EnhancedInput } from "@workspace/ui/composed/enhanced-input";
 import { Icon } from "@workspace/ui/composed/icon";
+import { cn } from "@workspace/ui/lib/utils";
 import { unitConversion } from "@workspace/ui/utils/unit-conversions";
-import { type ReactNode, useState } from "react";
+import { CircleMinusIcon, CirclePlusIcon } from "lucide-react";
+import { type KeyboardEvent, type ReactNode, useState } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
@@ -33,20 +42,251 @@ interface Props {
  title: string;
  loading?: boolean;
  initialData?: API.UserSubscribe;
-  onSubmit: (values: any) => Promise<boolean>;
+  onSubmit: (values: SubscriptionFormValues) => Promise<boolean>;
 }

+type SubscriptionTrafficLimitRule = API.UserSubscribeTrafficLimitRule;
+
+function getUserTrafficLimitRules(
+  data?: Pick<API.UserSubscribe, "traffic_limit" | "user_traffic_limit">
+) {
+  return data?.user_traffic_limit || data?.traffic_limit || [];
+}
+
+const defaultLimitRule: SubscriptionTrafficLimitRule = {
+  stat_type: "day",
+  stat_value: 1,
+  traffic_usage: 0,
+  speed_limit: 0,
+};
+
 const formSchema = z.object({
  subscribe_id: z.number().optional(),
-  traffic: z.number().optional(),
-  speed_limit: z.number().optional(),
-  device_limit: z.number().optional(),
+  traffic: z.number().min(0).optional(),
+  speed_limit: z.number().min(0).optional(),
+  device_limit: z.number().min(0).optional(),
  expired_at: z.number().nullish().optional(),
-  upload: z.number().optional(),
-  download: z.number().optional(),
+  upload: z.number().min(0).optional(),
+  download: z.number().min(0).optional(),
  id: z.number().optional(),
+  traffic_limit: z
+    .array(
+      z.object({
+        stat_type: z.string(),
+        stat_value: z.number().int().min(1),
+        traffic_usage: z.number().min(0),
+        speed_limit: z.number().min(0),
+      })
+    )
+    .optional(),
 });

+type SubscriptionFormValues = z.infer<typeof formSchema>;
+
+export type { SubscriptionFormValues };
+
+const normalizeLimitRule = (
+  item: SubscriptionTrafficLimitRule
+): SubscriptionTrafficLimitRule => ({
+  stat_type: item.stat_type || "day",
+  stat_value: Math.max(1, Math.floor(Number(item.stat_value) || 1)),
+  traffic_usage: Math.max(0, Number(item.traffic_usage) || 0),
+  speed_limit: Math.max(0, Number(item.speed_limit) || 0),
+});
+
+function TrafficLimitRuleEditor({
+  value,
+  onChange,
+}: {
+  value: SubscriptionTrafficLimitRule[];
+  onChange: (value: SubscriptionTrafficLimitRule[]) => void;
+}) {
+  const { t } = useTranslation("user");
+  const rules = value.length > 0 ? value : [defaultLimitRule];
+
+  const updateRule = (
+    index: number,
+    patch: Partial<SubscriptionTrafficLimitRule>
+  ) => {
+    const next = rules.map((rule, i) =>
+      i === index ? normalizeLimitRule({ ...rule, ...patch }) : rule
+    );
+    onChange(next);
+  };
+
+  const addRule = () => {
+    onChange([...rules, defaultLimitRule]);
+  };
+
+  const removeRule = (index: number) => {
+    const next = rules.filter((_, i) => i !== index);
+    onChange(next.length > 0 ? next : []);
+  };
+
+  return (
+    <div className="space-y-3">
+      {rules.map((rule, index) => (
+        <Card className="gap-0 rounded-lg py-0 shadow-none" key={index}>
+          <CardHeader className="border-b px-4 py-3">
+            <div className="flex items-center justify-between gap-3">
+              <CardTitle className="text-sm">
+                {t("trafficLimitRule")} {index + 1}
+              </CardTitle>
+              <div className="flex items-center gap-1">
+                {rules.length > 1 && (
+                  <Button
+                    className="h-8 w-8 p-0 text-destructive"
+                    onClick={() => removeRule(index)}
+                    size="icon"
+                    type="button"
+                    variant="ghost"
+                  >
+                    <CircleMinusIcon className="h-4 w-4" />
+                  </Button>
+                )}
+                {index === rules.length - 1 && (
+                  <Button
+                    className="h-8 w-8 p-0 text-primary"
+                    onClick={addRule}
+                    size="icon"
+                    type="button"
+                    variant="ghost"
+                  >
+                    <CirclePlusIcon className="h-4 w-4" />
+                  </Button>
+                )}
+              </div>
+            </div>
+          </CardHeader>
+          <CardContent className="px-4 py-4">
+            <div className="grid gap-3 sm:grid-cols-2">
+              <div className="space-y-2">
+                <FormLabel className="text-xs">
+                  {t("statType")}
+                </FormLabel>
+                <Combobox<string, false>
+                  onChange={(nextValue) => {
+                    updateRule(index, {
+                      stat_type: nextValue || "day",
+                    });
+                  }}
+                  options={[
+                    {
+                      label: t("statTypeHour"),
+                      value: "hour",
+                    },
+                    {
+                      label: t("statTypeDay"),
+                      value: "day",
+                    },
+                  ]}
+                  placeholder={t("statType")}
+                  value={rule.stat_type}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <FormLabel className="text-xs">
+                  {t("statValue")}
+                </FormLabel>
+                <EnhancedInput
+                  min={1}
+                  onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
+                    if (e.key === "." || e.key === ",") {
+                      e.preventDefault();
+                    }
+                  }}
+                  onValueChange={(nextValue) => {
+                    updateRule(index, {
+                      stat_value: Math.max(
+                        1,
+                        Math.floor(Number(nextValue) || 1)
+                      ),
+                    });
+                  }}
+                  placeholder={t("statValue")}
+                  type="number"
+                  value={rule.stat_value}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <FormLabel className="text-xs">
+                  {t("trafficUsage")}
+                </FormLabel>
+                <EnhancedInput
+                  min={0}
+                  onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
+                    if (e.key === "." || e.key === ",") {
+                      e.preventDefault();
+                    }
+                  }}
+                  onValueChange={(nextValue) => {
+                    updateRule(index, {
+                      traffic_usage: Math.max(
+                        0,
+                        Math.floor(Number(nextValue) || 0)
+                      ),
+                    });
+                  }}
+                  placeholder={t("trafficUsage")}
+                  suffix="GB"
+                  type="number"
+                  value={rule.traffic_usage}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <FormLabel className="text-xs">
+                  {t("speedLimitMbps")}
+                </FormLabel>
+                <EnhancedInput
+                  min={0}
+                  onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
+                    if (e.key === "." || e.key === ",") {
+                      e.preventDefault();
+                    }
+                  }}
+                  onValueChange={(nextValue) => {
+                    updateRule(index, {
+                      speed_limit: Math.max(
+                        0,
+                        Math.floor(Number(nextValue) || 0)
+                      ),
+                    });
+                  }}
+                  placeholder={t("speedLimitMbps")}
+                  suffix="Mbps"
+                  type="number"
+                  value={rule.speed_limit}
+                />
+              </div>
+            </div>
+
+            <div
+              className={cn(
+                "mt-3 rounded-md bg-muted/40 px-3 py-2 text-muted-foreground text-xs"
+              )}
+            >
+              {t("trafficLimitRuleSummary", {
+                defaultValue:
+                  "{{traffic}} GB in {{value}} {{type}} -> {{speed}} Mbps",
+                traffic: rule.traffic_usage,
+                value: rule.stat_value,
+                type:
+                  rule.stat_type === "hour"
+                    ? t("hour")
+                    : t("day"),
+                speed: rule.speed_limit,
+              })}
+            </div>
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  );
+}
+
 export function SubscriptionForm({
  trigger,
  title,
@@ -57,11 +297,14 @@ export function SubscriptionForm({
  const { t } = useTranslation("user");
  const [open, setOpen] = useState(false);

-  const form = useForm({
+  const form = useForm<SubscriptionFormValues>({
    resolver: zodResolver(formSchema),
    defaultValues: {
      subscribe_id: initialData?.subscribe_id || 0,
      traffic: initialData?.traffic || 0,
+      speed_limit: initialData?.speed_limit || 0,
+      device_limit: initialData?.device_limit || 0,
+      traffic_limit: getUserTrafficLimitRules(initialData),
      upload: initialData?.upload || 0,
      download: initialData?.download || 0,
      expired_at: initialData?.expire_time || 0,
@@ -69,7 +312,7 @@ export function SubscriptionForm({
    },
  });

-  const handleSubmit = async (values: any) => {
+  const handleSubmit = async (values: SubscriptionFormValues) => {
    const success = await onSubmit(values);
    if (success) {
      setOpen(false);
@@ -135,6 +378,7 @@ export function SubscriptionForm({
                      </FormLabel>
                      <FormControl>
                        <EnhancedInput
+                          min={0}
                          placeholder={t("unlimited", "Unlimited")}
                          type="number"
                          {...field}
@@ -154,6 +398,56 @@ export function SubscriptionForm({
                    </FormItem>
                  )}
                />
+                <FormField
+                  control={form.control}
+                  name="speed_limit"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("speedLimit", "Speed Limit")}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          min={0}
+                          placeholder={t("unlimited", "Unlimited")}
+                          type="number"
+                          {...field}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value as number);
+                          }}
+                          suffix="Mbps"
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(
+                          "userSpeedLimitDescription",
+                          "Set to 0 to use the subscription default speed limit."
+                        )}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name="device_limit"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t("deviceLimit", "Device Limit")}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          min={0}
+                          placeholder={t("unlimited", "Unlimited")}
+                          step={1}
+                          type="number"
+                          {...field}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value as number);
+                          }}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
                <FormField
                  control={form.control}
                  name="upload"
@@ -164,6 +458,7 @@ export function SubscriptionForm({
                      </FormLabel>
                      <FormControl>
                        <EnhancedInput
+                          min={0}
                          placeholder="0"
                          type="number"
                          {...field}
@@ -193,6 +488,7 @@ export function SubscriptionForm({
                      </FormLabel>
                      <FormControl>
                        <EnhancedInput
+                          min={0}
                          placeholder="0"
                          type="number"
                          {...field}
@@ -212,6 +508,32 @@ export function SubscriptionForm({
                    </FormItem>
                  )}
                />
+                <FormField
+                  control={form.control}
+                  name="traffic_limit"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t("trafficLimitRules", "Traffic Limit Rules")}
+                      </FormLabel>
+                      <FormControl>
+                        <TrafficLimitRuleEditor
+                          onChange={(items) => {
+                            field.onChange(items.map(normalizeLimitRule));
+                          }}
+                          value={field.value || []}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t(
+                          "trafficLimitDescription",
+                          "Limit speed when usage reaches the configured amount in the selected time window."
+                        )}
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
                <FormField
                  control={form.control}
                  name="expired_at"
@@ -0,0 +1,387 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation } from "@tanstack/react-query";
+import { Badge } from "@workspace/ui/components/badge";
+import { Button } from "@workspace/ui/components/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@workspace/ui/components/dialog";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { Textarea } from "@workspace/ui/components/textarea";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import {
+  ProTable,
+  type ProTableActions,
+} from "@workspace/ui/composed/pro-table/pro-table";
+import {
+  approveWithdrawal,
+  getWithdrawalList,
+  rejectWithdrawal,
+} from "@workspace/ui/services/admin/withdrawal";
+import { useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { z } from "zod";
+import { Display } from "@/components/display";
+import { UserDetail } from "@/sections/user/user-detail";
+import { formatDate } from "@/utils/common";
+
+const WITHDRAWAL_METHOD_MAP: Record<number, string> = {
+  0: "其他",
+  1: "支付宝",
+  2: "微信",
+  3: "USDT(TRC20)",
+};
+
+const rejectSchema = z.object({
+  reason: z
+    .string()
+    .trim()
+    .min(2, "请填写拒绝原因")
+    .max(500, "拒绝原因不能超过 500 个字符"),
+});
+
+function QrCodeCell({ url }: { url?: string }) {
+  const [zoomOpen, setZoomOpen] = useState(false);
+  if (!url) return <span>--</span>;
+  return (
+    <>
+      <button
+        className="block overflow-hidden rounded border"
+        onClick={() => setZoomOpen(true)}
+        type="button"
+      >
+        <img
+          alt="收款码"
+          className="h-12 w-12 cursor-zoom-in object-cover"
+          height={48}
+          src={url}
+          width={48}
+        />
+      </button>
+      {zoomOpen && (
+        <Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
+          <DialogContent className="max-w-sm">
+            <img
+              alt="收款码"
+              className="w-full"
+              height={320}
+              src={url}
+              width={320}
+            />
+          </DialogContent>
+        </Dialog>
+      )}
+    </>
+  );
+}
+
+export default function WithdrawalPage() {
+  const { t } = useTranslation("user");
+  const ref = useRef<ProTableActions>(null);
+  const [rejectOpen, setRejectOpen] = useState(false);
+  const [currentRow, setCurrentRow] = useState<API.AdminWithdrawalLog | null>(
+    null
+  );
+  const form = useForm<z.infer<typeof rejectSchema>>({
+    resolver: zodResolver(rejectSchema),
+    defaultValues: {
+      reason: "",
+    },
+  });
+
+  const approveMutation = useMutation({
+    mutationFn: async (withdrawalId: number) =>
+      approveWithdrawal({ withdrawal_id: withdrawalId }),
+    onSuccess: () => {
+      toast.success("提现申请已通过");
+      ref.current?.refresh();
+    },
+    onError: (error) => {
+      console.error("Approve withdrawal failed", error);
+      toast.error("提现通过失败");
+    },
+  });
+
+  const rejectMutation = useMutation({
+    mutationFn: async (values: { withdrawal_id: number; reason: string }) =>
+      rejectWithdrawal(values),
+    onSuccess: () => {
+      toast.success("提现申请已拒绝");
+      setRejectOpen(false);
+      setCurrentRow(null);
+      form.reset({ reason: "" });
+      ref.current?.refresh();
+    },
+    onError: (error) => {
+      console.error("Reject withdrawal failed", error);
+      toast.error("提现拒绝失败");
+    },
+  });
+
+  const statusOptions = [
+    { value: "0", label: "审核中" },
+    { value: "1", label: "已通过" },
+    { value: "2", label: "已拒绝" },
+    { value: "3", label: "已取消" },
+  ];
+
+  const methodOptions = [
+    { value: "1", label: "支付宝" },
+    { value: "2", label: "微信" },
+    { value: "3", label: "USDT(TRC20)" },
+    { value: "0", label: "其他" },
+  ];
+
+  const statusMap: Record<number, { label: string; className: string }> = {
+    0: {
+      label: "审核中",
+      className: "bg-amber-100 text-amber-700 border-amber-200",
+    },
+    1: {
+      label: "已通过",
+      className: "bg-emerald-100 text-emerald-700 border-emerald-200",
+    },
+    2: {
+      label: "已拒绝",
+      className: "bg-rose-100 text-rose-700 border-rose-200",
+    },
+    3: {
+      label: "已取消",
+      className: "bg-gray-100 text-gray-500 border-gray-200",
+    },
+  };
+
+  return (
+    <>
+      <ProTable<
+        API.AdminWithdrawalLog,
+        { status?: string; user_id?: string; method?: string }
+      >
+        action={ref}
+        actions={{
+          render: (row) => {
+            if (row.status !== 0) return [];
+
+            return [
+              <ConfirmButton
+                cancelText={t("cancel", "Cancel")}
+                confirmText={t("confirm", "Confirm")}
+                description="确认后将标记该提现为已通过，请确保线下打款流程已完成。"
+                key="approve"
+                onConfirm={async () => {
+                  await approveMutation.mutateAsync(row.id);
+                }}
+                title="确认通过提现吗？"
+                trigger={
+                  <Button
+                    disabled={approveMutation.isPending}
+                    size="sm"
+                    variant="default"
+                  >
+                    通过
+                  </Button>
+                }
+              />,
+              <Button
+                key="reject"
+                onClick={() => {
+                  setCurrentRow(row);
+                  setRejectOpen(true);
+                }}
+                size="sm"
+                variant="destructive"
+              >
+                拒绝
+              </Button>,
+            ];
+          },
+        }}
+        columns={[
+          {
+            accessorKey: "id",
+            header: "ID",
+          },
+          {
+            accessorKey: "user_id",
+            header: t("user", "User"),
+            cell: ({ row }) => <UserDetail id={row.original.user_id} />,
+          },
+          {
+            accessorKey: "amount",
+            header: "提现金额",
+            cell: ({ row }) => (
+              <Display type="currency" value={row.original.amount} />
+            ),
+          },
+          {
+            accessorKey: "method",
+            header: "收款方式",
+            cell: ({ row }) =>
+              WITHDRAWAL_METHOD_MAP[row.original.method] ?? "--",
+          },
+          {
+            accessorKey: "account",
+            header: "收款账号",
+            cell: ({ row }) => (
+              <div className="max-w-[200px] break-all text-sm">
+                {row.original.account || "--"}
+              </div>
+            ),
+          },
+          {
+            accessorKey: "qr_code_url",
+            header: "收款码",
+            cell: ({ row }) => <QrCodeCell url={row.original.qr_code_url} />,
+          },
+          {
+            accessorKey: "content",
+            header: "备注",
+            cell: ({ row }) => (
+              <div className="max-w-[200px] break-all text-sm">
+                {row.original.content || "--"}
+              </div>
+            ),
+          },
+          {
+            accessorKey: "status",
+            header: "状态",
+            cell: ({ row }) => {
+              const status = statusMap[row.original.status] ?? {
+                label: `未知 (${row.original.status})`,
+                className: "",
+              };
+              return (
+                <Badge className={status.className} variant="outline">
+                  {status.label}
+                </Badge>
+              );
+            },
+          },
+          {
+            accessorKey: "reason",
+            header: "拒绝原因",
+            cell: ({ row }) => row.original.reason || "--",
+          },
+          {
+            accessorKey: "created_at",
+            header: "申请时间",
+            cell: ({ row }) => formatDate(row.original.created_at),
+          },
+          {
+            accessorKey: "updated_at",
+            header: "更新时间",
+            cell: ({ row }) => formatDate(row.original.updated_at),
+          },
+        ]}
+        header={{ title: "提现管理" }}
+        params={[
+          {
+            key: "status",
+            options: statusOptions,
+            placeholder: "状态",
+          },
+          {
+            key: "method",
+            options: methodOptions,
+            placeholder: "收款方式",
+          },
+          {
+            key: "user_id",
+            placeholder: "用户 ID",
+          },
+        ]}
+        request={async (pagination, filter) => {
+          const { data } = await getWithdrawalList({
+            page: pagination.page,
+            size: pagination.size,
+            status: filter.status ? Number(filter.status) : undefined,
+            method: filter.method ? Number(filter.method) : undefined,
+            user_id: filter.user_id ? Number(filter.user_id) : undefined,
+          });
+
+          return {
+            list: data.data?.list || [],
+            total: data.data?.total || 0,
+          };
+        }}
+      />
+
+      <Dialog
+        onOpenChange={(open) => {
+          setRejectOpen(open);
+          if (!open) {
+            setCurrentRow(null);
+            form.reset({ reason: "" });
+          }
+        }}
+        open={rejectOpen}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>拒绝提现申请</DialogTitle>
+            <DialogDescription>
+              为用户填写本次拒绝原因，提交后该记录会更新为已拒绝。
+            </DialogDescription>
+          </DialogHeader>
+          <Form {...form}>
+            <form
+              className="space-y-4"
+              onSubmit={form.handleSubmit(async (values) => {
+                if (!currentRow) return;
+                await rejectMutation.mutateAsync({
+                  withdrawal_id: currentRow.id,
+                  reason: values.reason.trim(),
+                });
+              })}
+            >
+              <FormField
+                control={form.control}
+                name="reason"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>拒绝原因</FormLabel>
+                    <FormControl>
+                      <Textarea
+                        placeholder="请输入拒绝原因，用户端会看到这条说明"
+                        rows={5}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <DialogFooter>
+                <Button
+                  onClick={() => setRejectOpen(false)}
+                  type="button"
+                  variant="outline"
+                >
+                  {t("cancel", "Cancel")}
+                </Button>
+                <Button disabled={rejectMutation.isPending} type="submit">
+                  {rejectMutation.isPending ? "提交中..." : "确认拒绝"}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
@@ -1,11 +1,37 @@
 {
+  "accountInfo": "Payout Details",
+  "accountPlaceholder": "Enter bank card, Alipay, USDT wallet, or other payout details",
+  "accountRequired": "Payout details are required",
+  "accountTooLong": "Payout details must be 200 characters or fewer",
+  "amountInvalid": "Enter a valid amount",
+  "amountPositive": "Withdrawal amount must be greater than 0",
+  "applyTime": "Applied At",
+  "applyWithdraw": "Request Withdrawal",
+  "cancel": "Cancel",
  "commissionInfo": "Commission Info",
  "commissionRate": "Commission Rate",
  "copyInviteLink": "Copy Invite Link",
  "copySuccess": "Copy Success",
+  "currentCommission": "Current Commission",
  "inviteCode": "Invite Code",
  "inviteRecords": "Invite Records",
+  "noReason": "None",
+  "rejectReason": "Reject Reason",
  "registrationTime": "Registration Time",
+  "submitWithdraw": "Submit Request",
+  "submitting": "Submitting...",
  "totalCommission": "Total Commission",
-  "userIdentifier": "User Identifier"
+  "unknownStatus": "Unknown Status",
+  "userIdentifier": "User Identifier",
+  "withdrawAmount": "Withdrawal Amount",
+  "withdrawAmountPlaceholder": "Enter the withdrawal amount in dollars",
+  "withdrawDescription": "Submit the withdrawal amount and payout details, then wait for review.",
+  "withdrawError": "Failed to submit withdrawal request",
+  "withdrawRecords": "Withdrawal Records",
+  "withdrawStatus": {
+    "approved": "Approved",
+    "pending": "Pending Review",
+    "rejected": "Rejected"
+  },
+  "withdrawSuccess": "Withdrawal request submitted"
 }
@@ -9,6 +9,7 @@
    "originalPrice": "Original Price (Monthly)",
    "price": "Price",
    "productDiscount": "Product Discount",
+    "promoDiscount": "Promo Discount",
    "total": "Total"
  },
  "buy": "Buy",
@@ -37,6 +38,10 @@
  "passwordHint": "If you do not enter a password, we will automatically generate one and send it to your email.",
  "paymentMethod": "Payment Method",
  "productDescription": "productDescription",
+  "promo": {
+    "available": "Promo Available",
+    "validUntil": "Valid until"
+  },
  "purchaseDuration": "Purchase Duration",
  "recharge": "Recharge",
  "rechargeAmount": "Recharge Amount",
@@ -1,11 +1,37 @@
 {
+  "accountInfo": "收款信息",
+  "accountPlaceholder": "请输入银行卡、支付宝、USDT 地址等收款信息",
+  "accountRequired": "请填写收款信息",
+  "accountTooLong": "收款信息不能超过 200 个字符",
+  "amountInvalid": "请输入有效金额",
+  "amountPositive": "提现金额必须大于 0",
+  "applyTime": "申请时间",
+  "applyWithdraw": "申请提现",
+  "cancel": "取消",
  "commissionInfo": "佣金信息",
  "commissionRate": "佣金比例",
  "copyInviteLink": "复制邀请链接",
  "copySuccess": "复制成功",
+  "currentCommission": "当前可见佣金",
  "inviteCode": "邀请码",
  "inviteRecords": "邀请记录",
+  "noReason": "无",
+  "rejectReason": "拒绝原因",
  "registrationTime": "注册时间",
+  "submitWithdraw": "提交申请",
+  "submitting": "提交中...",
  "totalCommission": "累计佣金",
-  "userIdentifier": "用户标识"
+  "unknownStatus": "未知状态",
+  "userIdentifier": "用户标识",
+  "withdrawAmount": "提现金额",
+  "withdrawAmountPlaceholder": "请输入提现金额，单位为元",
+  "withdrawDescription": "填写提现金额和收款信息后提交申请，等待后台审核。",
+  "withdrawError": "提现申请提交失败",
+  "withdrawRecords": "提现记录",
+  "withdrawStatus": {
+    "approved": "已通过",
+    "pending": "审核中",
+    "rejected": "已拒绝"
+  },
+  "withdrawSuccess": "提现申请已提交"
 }
@@ -9,6 +9,7 @@
    "originalPrice": "原价（按月）",
    "price": "价格",
    "productDiscount": "商品折扣",
+    "promoDiscount": "促销优惠",
    "total": "总价"
  },
  "buy": "购买",
@@ -37,6 +38,10 @@
  "passwordHint": "如果您不输入密码，我们将自动生成一个并发送到您的邮箱。",
  "paymentMethod": "支付方式",
  "productDescription": "商品描述",
+  "promo": {
+    "available": "促销可用",
+    "validUntil": "有效期至"
+  },
  "purchaseDuration": "购买时长",
  "recharge": "充值",
  "rechargeAmount": "充值金额",
@@ -2,7 +2,12 @@ import { Button } from "@workspace/ui/components/button";
 import { Input } from "@workspace/ui/components/input";
 import { Icon } from "@workspace/ui/composed/icon";
 import { generateCaptcha } from "@workspace/ui/services/common/auth";
-import { useEffect, useImperativeHandle, useState } from "react";
+import {
+  type RefObject,
+  useEffect,
+  useImperativeHandle,
+  useState,
+} from "react";
 import { useTranslation } from "react-i18next";

 export interface LocalCaptchaRef {
@@ -10,7 +10,13 @@ import {
  generateCaptcha,
  verifyCaptchaSlider,
 } from "@workspace/ui/services/common/auth";
-import { useCallback, useImperativeHandle, useRef, useState } from "react";
+import {
+  type RefObject,
+  useCallback,
+  useImperativeHandle,
+  useRef,
+  useState,
+} from "react";
 import { useTranslation } from "react-i18next";

 export interface SliderCaptchaRef {
@@ -17,6 +17,7 @@ import CouponInput from "@/sections/subscribe/coupon-input";
 import { SubscribeDetail } from "@/sections/subscribe/detail";
 import DurationSelector from "@/sections/subscribe/duration-selector";
 import PaymentMethods from "@/sections/subscribe/payment-methods";
+import { PromoInfo } from "@/sections/subscribe/promo-info";
 import { useGlobalStore } from "@/stores/global";

 export default function Content({
@@ -49,6 +50,9 @@ export default function Content({
    valid: false,
    message: "",
  });
+  const selectedDiscount = subscription?.discount?.find(
+    (item) => item.quantity === params.quantity
+  );

  const { data: order } = useQuery({
    enabled: !!subscription?.id && !!params.payment,
@@ -103,7 +107,10 @@ export default function Content({
          navigate({ to: "/purchasing/order", search: { order_no } });
        }
      } catch (error) {
-        console.log(error);
+        setIsEmailValid((prev) => ({
+          ...prev,
+          message: error instanceof Error ? error.message : prev.message,
+        }));
      }
    });
  }, [params, navigate]);
@@ -285,6 +292,7 @@ export default function Content({
                show_original_price: subscription?.show_original_price,
              }}
            />
+            <PromoInfo discount={selectedDiscount} />
          </CardContent>
        </Card>
      </div>
@@ -10,6 +10,7 @@ interface SubscribeBillingProps {
      unit_price: number;
      unit_time: string;
      subscribe_discount: number;
+      promo_discount: number;
      show_original_price?: boolean;
    }
  >;
@@ -66,6 +67,14 @@ export function SubscribeBilling({ order }: Readonly<SubscribeBillingProps>) {
            <Display type="currency" value={order?.discount} />
          </span>
        </li>
+        <li>
+          <span className="text-muted-foreground">
+            {t("billing.promoDiscount", "Promo Discount")}
+          </span>
+          <span>
+            <Display type="currency" value={order?.promo_discount} />
+          </span>
+        </li>
        <li>
          <span className="text-muted-foreground">
            {t("billing.couponDiscount", "Coupon Discount")}
@@ -0,0 +1,33 @@
+import { Badge } from "@workspace/ui/components/badge";
+import { useTranslation } from "react-i18next";
+import { Display } from "@/components/display";
+
+interface PromoInfoProps {
+  discount?: API.SubscribeDiscount;
+}
+
+export function PromoInfo({ discount }: Readonly<PromoInfoProps>) {
+  const { t } = useTranslation("subscribe");
+  const promo = discount?.promo;
+
+  if (!promo) return null;
+
+  return (
+    <div className="flex flex-wrap items-center justify-between gap-2 rounded-md border bg-muted/40 p-3 text-sm">
+      <div className="grid gap-1">
+        <span className="font-medium">
+          {promo.rule_name || t("promo.available", "Promo Available")}
+        </span>
+        {promo.expires_at && (
+          <span className="text-muted-foreground text-xs">
+            {t("promo.validUntil", "Valid until")}:{" "}
+            {new Date(promo.expires_at * 1000).toLocaleString()}
+          </span>
+        )}
+      </div>
+      <Badge variant="secondary">
+        <Display type="currency" value={promo.promo_price} />
+      </Badge>
+    </div>
+  );
+}
@@ -18,6 +18,7 @@ import { useTranslation } from "react-i18next";
 import CouponInput from "@/sections/subscribe/coupon-input";
 import DurationSelector from "@/sections/subscribe/duration-selector";
 import PaymentMethods from "@/sections/subscribe/payment-methods";
+import { PromoInfo } from "@/sections/subscribe/promo-info";
 import { useGlobalStore } from "@/stores/global";
 import { SubscribeBilling } from "./billing";
 import { SubscribeDetail } from "./detail";
@@ -41,7 +42,12 @@ export default function Purchase({
    coupon: "",
  });
  const [loading, startTransition] = useTransition();
-  const lastSuccessOrderRef = useRef<any>(null);
+  const lastSuccessOrderRef = useRef<API.PreOrderResponse | undefined>(
+    undefined
+  );
+  const selectedDiscount = subscribe?.discount?.find(
+    (item) => item.quantity === params.quantity
+  );

  const { data: order } = useQuery({
    enabled: !!subscribe?.id,
@@ -140,6 +146,7 @@ export default function Purchase({
                  show_original_price: subscribe?.show_original_price,
                }}
              />
+              <PromoInfo discount={selectedDiscount} />
            </CardContent>
          </Card>
          <div className="flex flex-col justify-between text-sm">
@@ -1,6 +1,7 @@
 "use client";

-import { useQuery } from "@tanstack/react-query";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { Button } from "@workspace/ui/components/button";
 import {
  Card,
@@ -9,29 +10,272 @@ import {
  CardHeader,
  CardTitle,
 } from "@workspace/ui/components/card";
-import { ProList } from "@workspace/ui/composed/pro-list/pro-list";
 import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@workspace/ui/components/dialog";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@workspace/ui/components/form";
+import { Input } from "@workspace/ui/components/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
+import { Textarea } from "@workspace/ui/components/textarea";
+import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import type { ProListActions } from "@workspace/ui/composed/pro-list/pro-list";
+import { ProList } from "@workspace/ui/composed/pro-list/pro-list";
+import { UploadImage } from "@workspace/ui/composed/upload-image";
+import {
+  commissionWithdraw,
  queryUserAffiliate,
  queryUserAffiliateList,
+  queryWithdrawalLog,
+  uploadFile,
+  withdrawalCancel,
 } from "@workspace/ui/services/user/user";
 import { formatDate } from "@workspace/ui/utils/formatting";
-import { Copy } from "lucide-react";
+import { unitConversion } from "@workspace/ui/utils/unit-conversions";
+import { Copy, X } from "lucide-react";
+import { useRef, useState, useTransition } from "react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
+import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
+import { z } from "zod";
 import { Display } from "@/components/display";
 import { useGlobalStore } from "@/stores/global";

+const WITHDRAWAL_METHODS = [
+  { value: 1, label: "支付宝" },
+  { value: 2, label: "微信" },
+  { value: 3, label: "USDT(TRC20)" },
+  { value: 0, label: "其他" },
+] as const;
+
+function getWithdrawalMethodLabel(method: number): string {
+  return WITHDRAWAL_METHODS.find((m) => m.value === method)?.label ?? "未知";
+}
+
+function getWithdrawalStatusMeta(
+  status: number,
+  t: ReturnType<typeof useTranslation<"affiliate">>["t"]
+) {
+  switch (status) {
+    case 1:
+      return {
+        label: t("withdrawal.status.approved", "Approved"),
+        className: "bg-emerald-500/10 text-emerald-600",
+      };
+    case 2:
+      return {
+        label: t("withdrawal.status.rejected", "Rejected"),
+        className: "bg-destructive/10 text-destructive",
+      };
+    case 3:
+      return {
+        label: t("withdrawal.status.cancelled", "Cancelled"),
+        className: "bg-muted text-muted-foreground",
+      };
+    default:
+      return {
+        label: t("withdrawal.status.pending", "Pending"),
+        className: "bg-amber-500/10 text-amber-600",
+      };
+  }
+}
+
+function QrCodeView({ url }: { url: string }) {
+  const [zoomOpen, setZoomOpen] = useState(false);
+  return (
+    <>
+      <button
+        className="block overflow-hidden rounded border"
+        onClick={() => setZoomOpen(true)}
+        type="button"
+      >
+        <img
+          alt="收款码"
+          className="h-16 w-16 cursor-zoom-in object-cover"
+          height={64}
+          src={url}
+          width={64}
+        />
+      </button>
+      {zoomOpen && (
+        <Dialog onOpenChange={setZoomOpen} open={zoomOpen}>
+          <DialogContent className="max-w-sm">
+            <img
+              alt="收款码"
+              className="w-full"
+              height={320}
+              src={url}
+              width={320}
+            />
+          </DialogContent>
+        </Dialog>
+      )}
+    </>
+  );
+}
+
+const withdrawalFormSchema = z
+  .object({
+    amount: z.number(),
+    method: z.number(),
+    account: z.string().trim().max(200).optional(),
+    qr_code_url: z.string().optional(),
+    content: z.string().trim().max(1000).optional(),
+  })
+  .superRefine((data, ctx) => {
+    if (!data.amount || data.amount <= 0) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "提现金额必须大于 0",
+        path: ["amount"],
+      });
+    }
+    if (data.method === 1 || data.method === 2) {
+      if (!data.qr_code_url) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "请上传收款码",
+          path: ["qr_code_url"],
+        });
+      }
+    } else if (data.method === 3) {
+      if (!data.account) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "USDT(TRC20) 地址为必填",
+          path: ["account"],
+        });
+      }
+    } else if (data.method === 0 && !(data.account || data.content)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "收款账号和备注至少填一项",
+        path: ["account"],
+      });
+    }
+  });
+
+type WithdrawalFormValues = z.infer<typeof withdrawalFormSchema>;
+
 export default function Affiliate() {
  const { t } = useTranslation("affiliate");
-  const { user, common } = useGlobalStore();
-  const { data } = useQuery({
+  const { user, common, getUserInfo } = useGlobalStore();
+  const [withdrawalOpen, setWithdrawalOpen] = useState(false);
+  const [submitting, startTransition] = useTransition();
+  const [qrUploading, setQrUploading] = useState(false);
+  const withdrawalListActionRef = useRef<ProListActions | undefined>(undefined);
+
+  const affiliateQuery = useQuery({
    queryKey: ["queryUserAffiliate"],
    queryFn: async () => {
      const response = await queryUserAffiliate();
      return response.data.data;
    },
  });
+  const availableCommission = Number(
+    user?.commission ?? affiliateQuery.data?.total_commission ?? 0
+  );
+
+  const withdrawalForm = useForm<WithdrawalFormValues>({
+    resolver: zodResolver(withdrawalFormSchema),
+    defaultValues: {
+      amount: 0,
+      method: 1,
+      account: "",
+      qr_code_url: "",
+      content: "",
+    },
+  });
+
+  const watchedMethod = withdrawalForm.watch("method");
+  const watchedQrCodeUrl = withdrawalForm.watch("qr_code_url");
+
+  const handleQrUpload = async (file: string | File) => {
+    if (!(file instanceof File)) return;
+    setQrUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append("file", file);
+      formData.append("biz_type", "withdrawal_qrcode");
+      const response = await uploadFile(formData);
+      const uploadedUrl =
+        response.data.data?.url || response.data.data?.key || "";
+      withdrawalForm.setValue("qr_code_url", uploadedUrl);
+      withdrawalForm.clearErrors("qr_code_url");
+    } catch {
+      toast.error("收款码上传失败，请重试");
+    } finally {
+      setQrUploading(false);
+    }
+  };
+
+  const cancelMutation = useMutation({
+    mutationFn: async (withdrawalId: number) =>
+      withdrawalCancel({ withdrawal_id: withdrawalId }),
+    onSuccess: () => {
+      toast.success("提现申请已取消");
+      withdrawalListActionRef.current?.refresh();
+    },
+    onError: () => {
+      toast.error("取消失败，请重试");
+    },
+  });
+
+  const submitWithdrawal = (values: WithdrawalFormValues) => {
+    if (values.amount > availableCommission) {
+      withdrawalForm.setError("amount", {
+        message: t(
+          "withdrawal.validation.amountExceeded",
+          "Amount cannot exceed available commission"
+        ),
+      });
+      return;
+    }
+    startTransition(async () => {
+      await commissionWithdraw({
+        amount: values.amount,
+        method: values.method,
+        account: values.account || undefined,
+        qr_code_url: values.qr_code_url || undefined,
+        content: values.content || undefined,
+      });
+      toast.success(
+        t("withdrawal.submitSuccess", "Withdrawal request submitted")
+      );
+      await Promise.all([
+        affiliateQuery.refetch(),
+        getUserInfo(),
+        withdrawalListActionRef.current?.refresh(),
+      ]);
+      setWithdrawalOpen(false);
+      withdrawalForm.reset({
+        amount: 0,
+        method: 1,
+        account: "",
+        qr_code_url: "",
+        content: "",
+      });
+    });
+  };

  return (
    <div className="flex flex-col gap-4">
@@ -43,15 +287,257 @@ export default function Affiliate() {
          </CardDescription>
        </CardHeader>
        <CardContent>
-          <div className="flex items-baseline gap-2">
-            <span className="font-bold text-3xl">
-              <Display type="currency" value={data?.total_commission} />
-            </span>
-            <span className="text-muted-foreground text-sm">
-              ({t("commissionRate", "Commission Rate")}:{" "}
-              {user?.referral_percentage || common?.invite?.referral_percentage}
-              %)
-            </span>
+          <div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
+            <div className="flex items-baseline gap-2">
+              <span className="font-bold text-3xl">
+                <Display
+                  type="currency"
+                  value={affiliateQuery.data?.total_commission}
+                />
+              </span>
+              <span className="text-muted-foreground text-sm">
+                ({t("commissionRate", "Commission Rate")}:{" "}
+                {user?.referral_percentage ||
+                  common?.invite?.referral_percentage}
+                %)
+              </span>
+            </div>
+            <div className="flex flex-col items-start gap-2 md:items-end">
+              <div className="text-muted-foreground text-sm">
+                {t(
+                  "withdrawal.availableCommission",
+                  "Available for withdrawal"
+                )}
+              </div>
+              <div className="font-semibold text-xl">
+                <Display type="currency" value={availableCommission} />
+              </div>
+              <Dialog onOpenChange={setWithdrawalOpen} open={withdrawalOpen}>
+                <DialogTrigger asChild>
+                  <Button>
+                    {t("withdrawal.apply", "Apply for Withdrawal")}
+                  </Button>
+                </DialogTrigger>
+                <DialogContent className="max-h-[90vh] overflow-y-auto">
+                  <DialogHeader>
+                    <DialogTitle>
+                      {t("withdrawal.applyTitle", "Apply for Withdrawal")}
+                    </DialogTitle>
+                    <DialogDescription>
+                      {t(
+                        "withdrawal.applyDescription",
+                        "Enter the withdrawal amount and payout details."
+                      )}
+                    </DialogDescription>
+                  </DialogHeader>
+                  <Form {...withdrawalForm}>
+                    <form
+                      className="space-y-4"
+                      id="withdrawal-form"
+                      onSubmit={withdrawalForm.handleSubmit(submitWithdrawal)}
+                    >
+                      <FormField
+                        control={withdrawalForm.control}
+                        name="amount"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>
+                              {t("withdrawal.amount", "Amount")}
+                            </FormLabel>
+                            <FormControl>
+                              <Input
+                                inputMode="decimal"
+                                min="0"
+                                onChange={(event) => {
+                                  const cents = unitConversion(
+                                    "dollarsToCents",
+                                    Number(event.target.value || 0)
+                                  );
+                                  field.onChange(Number(cents) || 0);
+                                }}
+                                placeholder={t(
+                                  "withdrawal.amountPlaceholder",
+                                  "Enter withdrawal amount"
+                                )}
+                                step="0.01"
+                                type="number"
+                                value={
+                                  field.value
+                                    ? unitConversion(
+                                        "centsToDollars",
+                                        Number(field.value)
+                                      )
+                                    : ""
+                                }
+                              />
+                            </FormControl>
+                            <p className="text-muted-foreground text-xs">
+                              {t("withdrawal.amountHint", "Available")}:{" "}
+                              <Display
+                                type="currency"
+                                value={availableCommission}
+                              />
+                            </p>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={withdrawalForm.control}
+                        name="method"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>收款方式</FormLabel>
+                            <Select
+                              onValueChange={(val) => {
+                                field.onChange(Number(val));
+                                withdrawalForm.setValue("qr_code_url", "");
+                                withdrawalForm.setValue("account", "");
+                                withdrawalForm.clearErrors();
+                              }}
+                              value={String(field.value)}
+                            >
+                              <FormControl>
+                                <SelectTrigger>
+                                  <SelectValue placeholder="请选择收款方式" />
+                                </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                {WITHDRAWAL_METHODS.map((m) => (
+                                  <SelectItem
+                                    key={m.value}
+                                    value={String(m.value)}
+                                  >
+                                    {m.label}
+                                  </SelectItem>
+                                ))}
+                              </SelectContent>
+                            </Select>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      {(watchedMethod === 1 || watchedMethod === 2) && (
+                        <FormField
+                          control={withdrawalForm.control}
+                          name="qr_code_url"
+                          render={() => (
+                            <FormItem>
+                              <FormLabel>
+                                收款码
+                                <span className="ml-1 text-destructive">*</span>
+                              </FormLabel>
+                              {watchedQrCodeUrl ? (
+                                <div className="relative inline-block">
+                                  <QrCodeView url={watchedQrCodeUrl} />
+                                  <button
+                                    className="-top-2 -right-2 absolute flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-destructive-foreground"
+                                    onClick={() =>
+                                      withdrawalForm.setValue("qr_code_url", "")
+                                    }
+                                    type="button"
+                                  >
+                                    <X className="h-3 w-3" />
+                                  </button>
+                                </div>
+                              ) : (
+                                <UploadImage
+                                  className="h-24 w-24"
+                                  id="qr-code-upload"
+                                  onChange={handleQrUpload}
+                                  returnType="file"
+                                >
+                                  <div className="flex h-24 w-24 flex-col items-center justify-center rounded border-2 border-dashed text-muted-foreground text-xs">
+                                    {qrUploading
+                                      ? "上传中..."
+                                      : "点击上传\n收款码"}
+                                  </div>
+                                </UploadImage>
+                              )}
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+                      )}
+
+                      {(watchedMethod === 3 || watchedMethod === 0) && (
+                        <FormField
+                          control={withdrawalForm.control}
+                          name="account"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>
+                                收款账号
+                                {watchedMethod === 3 && (
+                                  <span className="ml-1 text-destructive">
+                                    *
+                                  </span>
+                                )}
+                              </FormLabel>
+                              <FormControl>
+                                <Input
+                                  placeholder={
+                                    watchedMethod === 3
+                                      ? "请输入 USDT(TRC20) 收款地址"
+                                      : "请输入收款账号（与备注至少填一项）"
+                                  }
+                                  {...field}
+                                />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+                      )}
+
+                      <FormField
+                        control={withdrawalForm.control}
+                        name="content"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>备注</FormLabel>
+                            <FormControl>
+                              <Textarea
+                                placeholder={
+                                  watchedMethod === 0
+                                    ? "备注（与账号至少填一项）"
+                                    : "备注（可选）"
+                                }
+                                rows={3}
+                                {...field}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </form>
+                  </Form>
+                  <DialogFooter>
+                    <Button
+                      disabled={submitting}
+                      onClick={() => setWithdrawalOpen(false)}
+                      variant="outline"
+                    >
+                      {t("withdrawal.cancel", "Cancel")}
+                    </Button>
+                    <Button
+                      disabled={
+                        submitting || qrUploading || availableCommission <= 0
+                      }
+                      form="withdrawal-form"
+                      type="submit"
+                    >
+                      {submitting
+                        ? t("withdrawal.submitting", "Submitting...")
+                        : t("withdrawal.submit", "Submit Withdrawal")}
+                    </Button>
+                  </DialogFooter>
+                </DialogContent>
+              </Dialog>
+            </div>
          </div>
        </CardContent>
      </Card>
@@ -82,6 +568,107 @@ export default function Affiliate() {
          </div>
        </CardContent>
      </Card>
+      <ProList<API.WithdrawalLog, Record<string, unknown>>
+        action={withdrawalListActionRef}
+        header={{
+          title: t("withdrawal.records", "Withdrawal Records"),
+        }}
+        renderItem={(item) => {
+          const statusMeta = getWithdrawalStatusMeta(item.status, t);
+          return (
+            <Card className="overflow-hidden">
+              <CardContent className="space-y-3 p-4 text-sm">
+                <div className="flex flex-wrap items-center justify-between gap-2">
+                  <div className="font-semibold text-lg">
+                    <Display type="currency" value={item.amount} />
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <span
+                      className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
+                    >
+                      {statusMeta.label}
+                    </span>
+                    {item.status === 0 && (
+                      <ConfirmButton
+                        cancelText="取消"
+                        confirmText="确认取消"
+                        description="取消后该提现申请将关闭，佣金不会退还。确定取消吗？"
+                        onConfirm={async () => {
+                          await cancelMutation.mutateAsync(item.id);
+                        }}
+                        title="取消提现申请"
+                        trigger={
+                          <Button
+                            disabled={cancelMutation.isPending}
+                            size="sm"
+                            variant="outline"
+                          >
+                            取消申请
+                          </Button>
+                        }
+                      />
+                    )}
+                  </div>
+                </div>
+                <ul className="grid gap-3 md:grid-cols-2">
+                  <li className="flex flex-col gap-1">
+                    <span className="text-muted-foreground">收款方式</span>
+                    <span>{getWithdrawalMethodLabel(item.method)}</span>
+                  </li>
+                  {item.account && (
+                    <li className="flex flex-col gap-1">
+                      <span className="text-muted-foreground">收款账号</span>
+                      <span className="break-all">{item.account}</span>
+                    </li>
+                  )}
+                  {item.qr_code_url && (
+                    <li className="flex flex-col gap-1">
+                      <span className="text-muted-foreground">收款码</span>
+                      <QrCodeView url={item.qr_code_url} />
+                    </li>
+                  )}
+                  {item.content && (
+                    <li className="flex flex-col gap-1">
+                      <span className="text-muted-foreground">
+                        {t("withdrawal.record.content", "Payout Information")}
+                      </span>
+                      <span className="whitespace-pre-wrap break-words">
+                        {item.content}
+                      </span>
+                    </li>
+                  )}
+                  <li className="flex flex-col gap-1">
+                    <span className="text-muted-foreground">
+                      {t("withdrawal.record.createdAt", "Created At")}
+                    </span>
+                    <time>{formatDate(item.created_at)}</time>
+                  </li>
+                  {item.reason && (
+                    <li className="flex flex-col gap-1 md:col-span-2">
+                      <span className="text-muted-foreground">
+                        {t("withdrawal.record.reason", "Reject Reason")}
+                      </span>
+                      <span className="whitespace-pre-wrap break-words text-destructive">
+                        {item.reason}
+                      </span>
+                    </li>
+                  )}
+                </ul>
+              </CardContent>
+            </Card>
+          );
+        }}
+        request={async (pagination) => {
+          const response = await queryWithdrawalLog({
+            page: pagination.page,
+            size: pagination.size,
+          });
+          return {
+            list: response.data.data?.list || [],
+            total: response.data.data?.total || 0,
+          };
+        }}
+      />
      <ProList<API.UserAffiliate, Record<string, unknown>>
        header={{
          title: t("inviteRecords", "Invite Records"),
@@ -27,23 +27,52 @@ const FormSchema = z.object({
  enable_balance_notify: z.boolean(),
  enable_login_notify: z.boolean(),
  enable_subscribe_notify: z.boolean(),
-  // enable_trade_notify: z.boolean(),
+  enable_trade_notify: z.boolean(),
 });

+type NotifyFormValues = z.infer<typeof FormSchema>;
+
+const notificationFields = [
+  {
+    name: "enable_balance_notify",
+    labelKey: "notify.balanceChange",
+    fallbackLabel: "Balance Change",
+  },
+  {
+    name: "enable_login_notify",
+    labelKey: "notify.login",
+    fallbackLabel: "Login",
+  },
+  {
+    name: "enable_subscribe_notify",
+    labelKey: "notify.subscribe",
+    fallbackLabel: "Subscribe",
+  },
+  {
+    name: "enable_trade_notify",
+    labelKey: "notify.finance",
+    fallbackLabel: "Finance",
+  },
+] satisfies Array<{
+  name: keyof NotifyFormValues;
+  labelKey: string;
+  fallbackLabel: string;
+}>;
+
 export default function NotifySettings() {
  const { t } = useTranslation("profile");
  const { user, getUserInfo } = useGlobalStore();
-  const form = useForm<z.infer<typeof FormSchema>>({
+  const form = useForm<NotifyFormValues>({
    resolver: zodResolver(FormSchema),
    defaultValues: {
      enable_balance_notify: user?.enable_balance_notify ?? false,
      enable_login_notify: user?.enable_login_notify ?? false,
      enable_subscribe_notify: user?.enable_subscribe_notify ?? false,
-      // enable_trade_notify: user?.enable_trade_notify ?? false,
+      enable_trade_notify: user?.enable_trade_notify ?? false,
    },
  });

-  async function onSubmit(data: z.infer<typeof FormSchema>) {
+  async function onSubmit(data: NotifyFormValues) {
    await updateUserNotify(data);
    toast.success(t("notify.updateSuccess", "Update Successful"));
    await getUserInfo();
@@ -67,32 +96,15 @@ export default function NotifySettings() {
            onSubmit={form.handleSubmit(onSubmit)}
          >
            <div className="space-y-4">
-              {[
-                {
-                  name: "enable_balance_notify",
-                  label: t("notify.balanceChange", "Balance Change"),
-                },
-                {
-                  name: "enable_login_notify",
-                  label: t("notify.login", "Login"),
-                },
-                {
-                  name: "enable_subscribe_notify",
-                  label: t("notify.subscribe", "Subscribe"),
-                },
-                // {
-                //   name: "enable_trade_notify",
-                //   label: t("notify.finance", "Finance"),
-                // },
-              ].map(({ name, label }) => (
+              {notificationFields.map(({ fallbackLabel, labelKey, name }) => (
                <FormField
                  control={form.control}
                  key={name}
-                  name={name as any}
+                  name={name}
                  render={({ field }) => (
                    <FormItem className="flex items-center justify-between space-x-4">
                      <FormLabel className="text-muted-foreground">
-                        {label}
+                        {t(labelKey, fallbackLabel)}
                      </FormLabel>
                      <FormControl>
                        <Switch
@@ -49,7 +49,9 @@
        "motion": "^12.23.24",
        "qrcode.react": "^4.2.0",
        "radash": "^12.1.1",
+        "react": "^19.2.0",
        "react-copy-to-clipboard": "^5.1.0",
+        "react-dom": "^19.2.0",
        "react-helmet-async": "^2.0.5",
        "react-turnstile": "^1.1.4",
        "zustand": "^5.0.8",
@@ -85,7 +87,9 @@
        "framer-motion": "^12.23.24",
        "js-yaml": "^4.1.1",
        "qrcode.react": "^4.2.0",
+        "react": "^19.2.0",
        "react-copy-to-clipboard": "^5.1.0",
+        "react-dom": "^19.2.0",
        "react-helmet-async": "^2.0.5",
        "react-turnstile": "^1.1.4",
        "zustand": "^5.0.8",
@@ -39,7 +39,13 @@ import { SortableRow } from "@workspace/ui/composed/pro-table/sortable-row";
 import { ProTableWrapper } from "@workspace/ui/composed/pro-table/wrapper";
 import { cn } from "@workspace/ui/lib/utils";
 import { useSize } from "ahooks";
-import { GripVertical, ListRestart, Loader, RefreshCcw } from "lucide-react";
+import {
+  CircleAlert,
+  GripVertical,
+  ListRestart,
+  Loader,
+  RefreshCcw,
+} from "lucide-react";
 import type React from "react";
 import {
  Fragment,
@@ -79,6 +85,7 @@ export interface ProTableProps<TData, TValue> {
    selectedRowsText: (total: number) => string;
  }>;
  empty?: React.ReactNode;
+  error?: React.ReactNode;
  onSort?: (
    sourceId: string | number,
    targetId: string | number | null,
@@ -104,6 +111,7 @@ export function ProTable<
  action,
  texts,
  empty,
+  error,
  onSort,
  initialFilters,
 }: ProTableProps<TData, TValue>) {
@@ -121,6 +129,8 @@ export function ProTable<
  const [rowSelection, setRowSelection] = useState({});
  const [data, setData] = useState<TData[]>([]);
  const [rowCount, setRowCount] = useState<number>(0);
+  const [isLoading, setIsLoading] = useState(false);
+  const [requestError, setRequestError] = useState(false);
  const [pagination, setPagination] = useState({
    pageIndex: 0,
    pageSize: 200,
@@ -193,6 +203,8 @@ export function ProTable<
  const fetchData = async () => {
    if (loading.current) return;
    loading.current = true;
+    setIsLoading(true);
+    setRequestError(false);
    try {
      const response = await request(
        {
@@ -205,10 +217,13 @@ export function ProTable<
      );
      setData(response.list);
      setRowCount(response.total);
-    } catch (error) {
-      console.log("Fetch data error:", error);
+    } catch (_error) {
+      setData([]);
+      setRowCount(0);
+      setRequestError(true);
    } finally {
      loading.current = false;
+      setIsLoading(false);
    }
  };
  const reset = async () => {
@@ -298,7 +313,8 @@ export function ProTable<
                    <TableHead
                      className={cn(
                        "!z-auto",
-                        getTableHeaderClass(header.column.id)
+                        getTableHeaderClass(header.column.id),
+                        getColumnClassName(header)
                      )}
                      key={header.id}
                    >
@@ -316,7 +332,16 @@ export function ProTable<
              ))}
            </TableHeader>
            <TableBody>
-              {table.getRowModel()?.rows?.length ? (
+              {requestError ? (
+                <TableRow>
+                  <TableCell
+                    className="py-12"
+                    colSpan={table.getAllLeafColumns().length}
+                  >
+                    {error || <ProTableErrorState />}
+                  </TableCell>
+                </TableRow>
+              ) : table.getRowModel()?.rows?.length ? (
                onSort ? (
                  table.getRowModel().rows.map((row) => (
                    <SortableRow
@@ -338,7 +363,10 @@ export function ProTable<
                        .filter((cell) => cell.column.id !== "sortable")
                        .map((cell) => (
                          <TableCell
-                            className={getTableCellClass(cell.column.id)}
+                            className={cn(
+                              getTableCellClass(cell.column.id),
+                              getColumnClassName(cell)
+                            )}
                            key={cell.id}
                          >
                            {flexRender(
@@ -357,7 +385,10 @@ export function ProTable<
                    >
                      {row.getVisibleCells().map((cell) => (
                        <TableCell
-                          className={getTableCellClass(cell.column.id)}
+                          className={cn(
+                            getTableCellClass(cell.column.id),
+                            getColumnClassName(cell)
+                          )}
                          key={cell.id}
                        >
                          {flexRender(
@@ -371,7 +402,10 @@ export function ProTable<
                )
              ) : (
                <TableRow>
-                  <TableCell className="py-24" colSpan={columns.length + 2}>
+                  <TableCell
+                    className="py-24"
+                    colSpan={table.getAllLeafColumns().length}
+                  >
                    {empty || <Empty />}
                  </TableCell>
                </TableRow>
@@ -380,8 +414,12 @@ export function ProTable<
          </Table>
        </ProTableWrapper>

-        {loading.current && (
-          <div className="absolute top-0 z-20 flex h-full w-full items-center justify-center bg-muted/80">
+        {isLoading && (
+          <div
+            aria-label="Loading data"
+            className="absolute top-0 z-20 flex h-full w-full items-center justify-center bg-muted/80"
+            role="status"
+          >
            <Loader className="h-4 w-4 animate-spin" />
          </div>
        )}
@@ -391,6 +429,16 @@ export function ProTable<
  );
 }

+function ProTableErrorState() {
+  return (
+    <Alert className="mx-auto max-w-md" variant="destructive">
+      <CircleAlert aria-hidden="true" />
+      <AlertTitle>Failed to load data</AlertTitle>
+      <AlertDescription>Refresh the table or try again later.</AlertDescription>
+    </Alert>
+  );
+}
+
 function createSelectColumn<TData, TValue>(): ColumnDef<TData, TValue> {
  return {
    id: "selected",
@@ -435,3 +483,17 @@ function getTableCellClass(columnId: string) {
  }
  return "truncate";
 }
+
+function getColumnClassName(
+  columnLike: {
+    column: {
+      columnDef: {
+        meta?: {
+          className?: string;
+        };
+      };
+    };
+  }
+) {
+  return columnLike.column.columnDef.meta?.className || "";
+}
@@ -15,6 +15,7 @@ import * as log from "./log";
 import * as marketing from "./marketing";
 import * as order from "./order";
 import * as payment from "./payment";
+import * as promo from "./promo";
 import * as redemption from "./redemption";
 import * as server from "./server";
 import * as subscribe from "./subscribe";
@@ -22,6 +23,7 @@ import * as system from "./system";
 import * as ticket from "./ticket";
 import * as tool from "./tool";
 import * as user from "./user";
+import * as withdrawal from "./withdrawal";
 export default {
  ads,
  announcement,
@@ -36,6 +38,7 @@ export default {
  marketing,
  order,
  payment,
+  promo,
  redemption,
  server,
  subscribe,
@@ -43,4 +46,5 @@ export default {
  ticket,
  tool,
  user,
+  withdrawal,
 };
@@ -0,0 +1,19 @@
+/* eslint-disable */
+import request from "@workspace/ui/lib/request";
+
+/** Get global invite list GET /v1/admin/invite/list */
+export async function getAdminInviteList(
+  params: API.GetAdminInviteListParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.GetAdminInviteListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/invite/list`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
@@ -0,0 +1,410 @@
+/* eslint-disable */
+import request from "@workspace/ui/lib/request";
+
+/**
+ * 创建抽奖活动
+ * POST /v1/admin/lottery/activities
+ * @param body - 创建抽奖活动请求参数
+ * @param options - 可选的请求配置
+ * @returns 创建结果
+ */
+export async function createLotteryActivity(
+  body: API.CreateLotteryActivityRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.LotteryActivity }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 更新抽奖活动
+ * PUT /v1/admin/lottery/activities
+ * @param body - 更新抽奖活动请求参数
+ * @param options - 可选的请求配置
+ * @returns 更新结果
+ */
+export async function updateLotteryActivity(
+  body: API.UpdateLotteryActivityRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.LotteryActivity }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 获取抽奖活动分页列表
+ * GET /v1/admin/lottery/activities
+ * @param params - 分页及筛选参数
+ * @param options - 可选的请求配置
+ * @returns 抽奖活动列表及总数
+ */
+export async function getLotteryActivityList(
+  params: API.GetLotteryActivityListParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.GetLotteryActivityListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 获取抽奖活动详情
+ * GET /v1/admin/lottery/activities/detail
+ * @param params - 活动 ID 参数
+ * @param options - 可选的请求配置
+ * @returns 抽奖活动详情
+ */
+export async function getLotteryActivityDetail(
+  params: API.GetLotteryActivityDetailParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.LotteryActivity }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/detail`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 上架抽奖活动（draft → running）
+ * POST /v1/admin/lottery/activities/publish
+ * @param body - 上架活动请求参数
+ * @param options - 可选的请求配置
+ * @returns 上架结果
+ */
+export async function publishLotteryActivity(
+  body: API.PublishLotteryActivityRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/publish`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 暂停抽奖活动
+ * POST /v1/admin/lottery/activities/pause
+ * @param body - 暂停活动请求参数
+ * @param options - 可选的请求配置
+ * @returns 暂停结果
+ */
+export async function pauseLotteryActivity(
+  body: API.PauseLotteryActivityRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/pause`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 更新抽奖活动规则（eligibility + chance_sources）
+ * PUT /v1/admin/lottery/activities/rules
+ * @param body - 更新活动规则请求参数
+ * @param options - 可选的请求配置
+ * @returns 更新结果
+ */
+export async function updateLotteryActivityRules(
+  body: API.UpdateLotteryActivityRulesRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/rules`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 创建抽奖奖品
+ * POST /v1/admin/lottery/prizes
+ * @param body - 创建奖品请求参数
+ * @param options - 可选的请求配置
+ * @returns 创建结果
+ */
+export async function createLotteryPrize(
+  body: API.CreateLotteryPrizeRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.LotteryPrize }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 更新抽奖奖品
+ * PUT /v1/admin/lottery/prizes
+ * @param body - 更新奖品请求参数
+ * @param options - 可选的请求配置
+ * @returns 更新结果
+ */
+export async function updateLotteryPrize(
+  body: API.UpdateLotteryPrizeRequest,
+  options?: { [key: string]: any }
+) {
+  const { id, ...rest } = body;
+  return request<API.Response & { data?: API.LotteryPrize }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes/${id}`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: rest,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 删除抽奖奖品
+ * DELETE /v1/admin/lottery/prizes
+ * @param body - 删除奖品请求参数
+ * @param options - 可选的请求配置
+ * @returns 删除结果
+ */
+export async function deleteLotteryPrize(
+  body: API.DeleteLotteryPrizeRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes/${body.id}`,
+    {
+      method: "DELETE",
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 获取抽奖奖品列表
+ * GET /v1/admin/lottery/prizes
+ * @param params - 活动 ID 筛选参数
+ * @param options - 可选的请求配置
+ * @returns 奖品列表
+ */
+export async function getLotteryPrizeList(
+  params: API.GetLotteryPrizeListParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.GetLotteryPrizeListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/prizes`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 手动发放抽奖次数
+ * POST /v1/admin/lottery/chances/grant
+ * @param body - 发放次数请求参数（source_ref 为幂等键）
+ * @param options - 可选的请求配置
+ * @returns 发放结果
+ */
+export async function grantLotteryChances(
+  body: API.GrantLotteryChancesRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/chances/grant`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 领奖工单列表（Stage 2 人工奖）
+ * GET /v1/admin/lottery/claims
+ */
+export async function getLotteryClaimList(
+  params: API.GetLotteryClaimListParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.ListLotteryClaimsResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims`,
+    {
+      method: "GET",
+      params: { ...params },
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 领奖工单统计（各类型 reviewing/paying + 逾期）
+ * GET /v1/admin/lottery/claims/summary
+ */
+export async function getLotteryClaimsSummary(options?: {
+  [key: string]: any;
+}) {
+  return request<API.Response & { data?: API.LotteryClaimsSummary }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/summary`,
+    {
+      method: "GET",
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 审核通过领奖工单（reviewing → paying）
+ * POST /v1/admin/lottery/claims/approve
+ */
+export async function approveLotteryClaim(
+  body: API.ApproveLotteryClaimRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/approve`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 驳回领奖工单（reviewing/paying → rejected，reason 必填）
+ * POST /v1/admin/lottery/claims/reject
+ */
+export async function rejectLotteryClaim(
+  body: API.RejectLotteryClaimRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/reject`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 标记已发放（paying → paid），填 tx_hash / delivery_ref
+ * POST /v1/admin/lottery/claims/mark-paid
+ */
+export async function markPaidLotteryClaim(
+  body: API.MarkPaidLotteryClaimRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/claims/mark-paid`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 抽奖记录（发放流水）
+ * GET /v1/admin/lottery/draws
+ */
+export async function getLotteryDrawList(
+  params: API.GetLotteryDrawListParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.ListLotteryDrawsResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/draws`,
+    {
+      method: "GET",
+      params: { ...params },
+      ...(options || {}),
+    }
+  );
+}
+
+/**
+ * 删除抽奖活动（软删；运行中需先暂停）
+ * DELETE /v1/admin/lottery/activities/:id
+ */
+export async function deleteLotteryActivity(
+  body: { id: number },
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/lottery/activities/${body.id}`,
+    {
+      method: "DELETE",
+      ...(options || {}),
+    }
+  );
+}
@@ -78,3 +78,21 @@ export async function activateOrder(
    }
  );
 }
+
+/** Refund order POST /v1/admin/order/refund */
+export async function refundOrder(
+  body: API.RefundOrderRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/order/refund`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
@@ -0,0 +1,150 @@
+/* eslint-disable */
+import request from "@workspace/ui/lib/request";
+
+/** Create promo rule POST /v1/admin/promo/rule */
+export async function createPromoRule(
+  body: API.CreatePromoRuleRequest,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.PromoRule }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/** Get promo rule list GET /v1/admin/promo/rule/list */
+export async function getPromoRuleList(
+  params: API.GetPromoRuleListParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.GetPromoRuleListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/list`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/** Get promo rule detail GET /v1/admin/promo/rule/:id */
+export async function getPromoRuleDetail(
+  params: API.GetPromoRuleDetailParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.PromoRule }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
+    {
+      method: "GET",
+      ...(options || {}),
+    }
+  );
+}
+
+/** Update promo rule PUT /v1/admin/promo/rule/:id */
+export async function updatePromoRule(
+  params: API.UpdatePromoRuleParams,
+  body: API.UpdatePromoRuleRequest,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.PromoRule }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/** Delete promo rule DELETE /v1/admin/promo/rule/:id */
+export async function deletePromoRule(
+  params: API.DeletePromoRuleParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: unknown }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/rule/${params.id}`,
+    {
+      method: "DELETE",
+      ...(options || {}),
+    }
+  );
+}
+
+/** Create promo price POST /v1/admin/promo/price */
+export async function createPromoPrice(
+  body: API.CreatePromoPriceRequest,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.PromoPrice }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/** Get promo price list GET /v1/admin/promo/price/list */
+export async function getPromoPriceList(
+  params: API.GetPromoPriceListParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.GetPromoPriceListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price/list`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/** Delete promo price DELETE /v1/admin/promo/price/:id */
+export async function deletePromoPrice(
+  params: API.DeletePromoPriceParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: unknown }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/price/${params.id}`,
+    {
+      method: "DELETE",
+      ...(options || {}),
+    }
+  );
+}
+
+/** Get promo usage list GET /v1/admin/promo/usage/list */
+export async function getPromoUsageList(
+  params: API.GetPromoUsageListParams,
+  options?: Record<string, unknown>
+) {
+  return request<API.Response & { data?: API.GetPromoUsageListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/promo/usage/list`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
@@ -106,6 +106,10 @@ declare namespace API {
    port: number;
  };

+  type ApproveWithdrawalRequest = {
+    withdrawal_id: number;
+  };
+
  type AuthConfig = {
    mobile: MobileAuthenticateConfig;
    email: EmailAuthticateConfig;
@@ -268,6 +272,76 @@ declare namespace API {
    enabled: boolean;
  };

+  type PromoRuleType = "new_user" | "inactive_user" | "campaign";
+
+  type PromoRuleParams = {
+    inactive_months?: number;
+    window_hours?: number;
+    [key: string]: unknown;
+  };
+
+  type PromoRule = {
+    id: number;
+    name: string;
+    type: PromoRuleType;
+    params: PromoRuleParams;
+    priority: number;
+    enabled: boolean;
+    start_time?: number;
+    end_time?: number;
+    created_at?: number;
+    updated_at?: number;
+  };
+
+  type CreatePromoRuleRequest = {
+    name: string;
+    type: PromoRuleType;
+    params: PromoRuleParams;
+    priority: number;
+    enabled: boolean;
+    start_time?: number;
+    end_time?: number;
+  };
+
+  type UpdatePromoRuleRequest = CreatePromoRuleRequest;
+
+  type PromoPrice = {
+    id: number;
+    promo_rule_id: number;
+    subscribe_id: number;
+    subscribe_name?: string;
+    quantity: number;
+    unit_price: number;
+    promo_price: number;
+    created_at?: number;
+    updated_at?: number;
+  };
+
+  type CreatePromoPriceItem = {
+    subscribe_id: number;
+    quantity: number;
+    promo_price: number;
+  };
+
+  type CreatePromoPriceRequest = {
+    promo_rule_id: number;
+    items: CreatePromoPriceItem[];
+  };
+
+  type PromoUsage = {
+    id: number;
+    promo_rule_id: number;
+    rule_name?: string;
+    subscribe_id: number;
+    subscribe_name?: string;
+    quantity: number;
+    user_id: number;
+    order_no: string;
+    unit_price: number;
+    promo_price: number;
+    used_at: number;
+  };
+
  type CreateOrderRequest = {
    user_id: number;
    type: number;
@@ -394,6 +468,9 @@ declare namespace API {
    expired_at: number;
    traffic: number;
    subscribe_id: number;
+    speed_limit?: number;
+    device_limit?: number;
+    traffic_limit?: UserSubscribeTrafficLimitRule[];
  };

  type CurrencyConfig = {
@@ -922,6 +999,61 @@ declare namespace API {
    list: Coupon[];
  };

+  type GetPromoRuleListParams = {
+    page: number;
+    size: number;
+    type?: PromoRuleType;
+    enabled?: boolean;
+    search?: string;
+  };
+
+  type GetPromoRuleListResponse = {
+    total: number;
+    list: PromoRule[];
+  };
+
+  type GetPromoRuleDetailParams = {
+    id: number;
+  };
+
+  type UpdatePromoRuleParams = {
+    id: number;
+  };
+
+  type DeletePromoRuleParams = {
+    id: number;
+  };
+
+  type GetPromoPriceListParams = {
+    page: number;
+    size: number;
+    promo_rule_id?: number;
+    subscribe_id?: number;
+  };
+
+  type GetPromoPriceListResponse = {
+    total: number;
+    list: PromoPrice[];
+  };
+
+  type DeletePromoPriceParams = {
+    id: number;
+  };
+
+  type GetPromoUsageListParams = {
+    page: number;
+    size: number;
+    promo_rule_id?: number;
+    subscribe_id?: number;
+    user_id?: number;
+    order_no?: string;
+  };
+
+  type GetPromoUsageListResponse = {
+    total: number;
+    list: PromoUsage[];
+  };
+
  type GetDetailRequest = {
    id: number;
  };
@@ -1154,6 +1286,19 @@ declare namespace API {
    list: User[];
  };

+  type GetWithdrawalListParams = {
+    page: number;
+    size: number;
+    user_id?: number;
+    status?: number;
+    method?: number;
+  };
+
+  type GetWithdrawalListResponse = {
+    total: number;
+    list: WithdrawalLog[];
+  };
+
  type GetUserLoginLogsParams = {
    page: number;
    size: number;
@@ -1423,6 +1568,7 @@ declare namespace API {
    fee_amount: number;
    trade_no: string;
    status: number;
+    status_name?: string;
    subscribe_id: number;
    created_at: number;
    updated_at: number;
@@ -1446,6 +1592,7 @@ declare namespace API {
    fee_amount: number;
    trade_no: string;
    status: number;
+    status_name?: string;
    subscribe_id: number;
    subscribe: Subscribe;
    created_at: number;
@@ -2079,6 +2226,13 @@ declare namespace API {
    quantity: number;
    discount: number;
    map_apple?: string;
+    promo?: SubscribeDiscountPromo;
+  };
+
+  type SubscribeDiscountPromo = {
+    rule_name?: string;
+    promo_price: number;
+    end_time?: number;
  };

  type SubscribeGroup = {
@@ -2409,12 +2563,16 @@ declare namespace API {
  };

  type UpdateUserSubscribeRequest = {
+    user_id?: number;
    user_subscribe_id: number;
    subscribe_id: number;
    traffic: number;
    expired_at: number;
    upload: number;
    download: number;
+    speed_limit?: number;
+    device_limit?: number;
+    traffic_limit?: UserSubscribeTrafficLimitRule[];
  };

  type User = {
@@ -2440,6 +2598,9 @@ declare namespace API {
    user_devices: UserDevice[];
    remark: string;
    rules: string[];
+    /** 当前有效订阅的套餐名（由后端计算），无有效订阅时为空 */
+    member_status?: string;
+    last_login_time?: number;
    created_at: number;
    updated_at: number;
    deleted_at?: number;
@@ -2505,6 +2666,14 @@ declare namespace API {
    traffic: number;
    download: number;
    upload: number;
+    speed_limit?: number;
+    plan_speed_limit?: number;
+    device_limit?: number;
+    effective_speed?: number;
+    is_throttled?: boolean;
+    throttle_rule?: string;
+    traffic_limit?: UserSubscribeTrafficLimitRule[];
+    user_traffic_limit?: UserSubscribeTrafficLimitRule[];
    token: string;
    status: number;
    short: string;
@@ -2514,6 +2683,13 @@ declare namespace API {
    updated_at: number;
  };

+  type UserSubscribeTrafficLimitRule = {
+    stat_type: string;
+    stat_value: number;
+    traffic_usage: number;
+    speed_limit: number;
+  };
+
  type UserSubscribeDetail = {
    id: number;
    user_id: number;
@@ -2527,6 +2703,11 @@ declare namespace API {
    traffic: number;
    download: number;
    upload: number;
+    speed_limit?: number;
+    plan_speed_limit?: number;
+    device_limit?: number;
+    traffic_limit?: UserSubscribeTrafficLimitRule[];
+    user_traffic_limit?: UserSubscribeTrafficLimitRule[];
    token: string;
    status: number;
    effective_speed: number;
@@ -2723,10 +2904,44 @@ declare namespace API {
    list: AdminInvitedUser[];
  };

+  type GetAdminInviteListParams = {
+    page: number;
+    size: number;
+    search?: string;
+    inviter_id?: number;
+    invitee_id?: number;
+  };
+
+  type AdminInviteRelation = {
+    id?: string;
+    inviter_id: number;
+    inviter_identifier: string;
+    invitee_id: number;
+    invitee_identifier: string;
+    invitee_avatar: string;
+    invitee_enable: boolean;
+    invited_at: number;
+    order_count: number;
+    has_purchased: boolean;
+    inviter_commission: number;
+    inviter_gift_days: number;
+    invitee_gift_days: number;
+  };
+
+  type GetAdminInviteListResponse = {
+    total: number;
+    list: AdminInviteRelation[];
+  };
+
  type ActivateOrderRequest = {
    order_no: string;
  };

+  type RefundOrderRequest = {
+    id: number;
+    reason?: string;
+  };
+
  type RedemptionCode = {
    id: number;
    code: string;
@@ -3047,6 +3262,11 @@ declare namespace API {
    confirm: boolean;
  };

+  type RejectWithdrawalRequest = {
+    withdrawal_id: number;
+    reason: string;
+  };
+
  type PreviewUserNodesRequest = {
    user_id: number;
  };
@@ -3064,4 +3284,269 @@ declare namespace API {
      }>;
    }>;
  };
+
+  type WithdrawalLog = {
+    id: number;
+    user_id: number;
+    amount: number;
+    method: number;
+    account?: string;
+    qr_code_url?: string;
+    content?: string;
+    status: number;
+    reason?: string;
+    created_at: number;
+    updated_at: number;
+  };
+
+  type AdminWithdrawalLog = WithdrawalLog;
+
+  type LotteryPrizeType =
+    | "vpn_duration"
+    | "commission"
+    | "none"
+    | "crypto"
+    | "physical"
+    | "manual_other"
+    | "coupon"
+    | "points";
+
+  type LotteryActivityStatus = "draft" | "running" | "paused" | "ended";
+
+  type LotteryChanceSourceType =
+    | "daily_signin"
+    | "new_subscription"
+    | "invite_success"
+    | "manual_grant";
+
+  type LotteryEligibilityNode = {
+    op?: "AND" | "OR";
+    children?: LotteryEligibilityNode[];
+    type?: string;
+    params?: Record<string, any>;
+  };
+
+  type LotteryChanceSource = {
+    source: LotteryChanceSourceType;
+    amount: number;
+    daily_limit?: number;
+  };
+
+  type LotteryPrize = {
+    id: number;
+    activity_id: number;
+    slot: number;
+    type: LotteryPrizeType;
+    name: string;
+    icon_url: string;
+    config: Record<string, any>;
+    weight: number;
+    total_stock: number | null;
+    is_fallback: boolean;
+    sold_out?: boolean;
+  };
+
+  type LotteryActivity = {
+    id: number;
+    title: string;
+    description: string;
+    start_at: number; // Unix 秒
+    end_at: number; // Unix 秒
+    status: LotteryActivityStatus;
+    grid_size: number;
+    eligibility?: LotteryEligibilityNode | Record<string, never> | null;
+    chance_sources?: LotteryChanceSource[];
+    unmet_action?: string;
+    prizes?: LotteryPrize[];
+  };
+
+  type CreateLotteryActivityRequest = {
+    title: string;
+    description: string;
+    start_at: number;
+    end_at: number;
+    grid_size: number;
+    eligibility: LotteryEligibilityNode | Record<string, never> | null;
+    chance_sources: LotteryChanceSource[];
+    unmet_action: string;
+  };
+
+  type UpdateLotteryActivityRequest = CreateLotteryActivityRequest & {
+    id: number;
+  };
+
+  type GetLotteryActivityListParams = {
+    page: number;
+    size: number;
+    status?: string;
+  };
+
+  type GetLotteryActivityListResponse = {
+    total: number;
+    list: LotteryActivity[];
+  };
+
+  type GetLotteryActivityDetailParams = { id: number };
+
+  type PublishLotteryActivityRequest = { id: number };
+
+  type PauseLotteryActivityRequest = { id: number };
+
+  type UpdateLotteryActivityRulesRequest = {
+    id: number;
+    eligibility: LotteryEligibilityNode | Record<string, never> | null;
+    chance_sources: LotteryChanceSource[];
+  };
+
+  type CreateLotteryPrizeRequest = {
+    activity_id: number;
+    slot: number;
+    type: LotteryPrizeType;
+    name: string;
+    icon_url: string;
+    config: Record<string, any>;
+    weight: number;
+    total_stock: number | null;
+    is_fallback: boolean;
+  };
+
+  type UpdateLotteryPrizeRequest = CreateLotteryPrizeRequest & { id: number };
+
+  type DeleteLotteryPrizeRequest = { id: number };
+
+  type GetLotteryPrizeListParams = { activity_id: number };
+
+  type GetLotteryPrizeListResponse = { total?: number; list: LotteryPrize[] };
+
+  type GrantLotteryChancesRequest = {
+    activity_id: number;
+    user_id: number;
+    amount: number;
+    source_ref: string;
+  };
+
+  // ---- Stage 2 领奖工单（人工奖）--------------------------------------------
+
+  type LotteryClaimStatus =
+    | "pending_claim"
+    | "reviewing"
+    | "paying"
+    | "paid"
+    | "rejected"
+    | "expired";
+
+  type GetLotteryClaimListParams = {
+    type?: LotteryPrizeType;
+    status?: LotteryClaimStatus;
+    activity_id?: number;
+    user_id?: number;
+    from?: number;
+    to?: number;
+    page: number;
+    size: number;
+  };
+
+  type AdminLotteryClaimUser = {
+    id: number;
+    email?: string;
+  };
+
+  type AdminLotteryClaimPrize = {
+    type: LotteryPrizeType;
+    name: string;
+    config: Record<string, any>;
+  };
+
+  type AdminLotteryClaim = {
+    id: number;
+    draw_id: number;
+    activity_id: number;
+    user: AdminLotteryClaimUser;
+    prize: AdminLotteryClaimPrize;
+    status: LotteryClaimStatus;
+    claim_data?: Record<string, any>;
+    submitted_at?: number;
+    expires_at: number;
+    reviewed_by?: number;
+    reviewed_at?: number;
+    reject_reason?: string;
+    tx_hash?: string;
+    delivery_ref?: string;
+    paid_at?: number;
+    created_at: number;
+  };
+
+  type ListLotteryClaimsResponse = {
+    total: number;
+    claims: AdminLotteryClaim[];
+  };
+
+  type LotteryClaimsStatusCount = {
+    reviewing: number;
+    paying: number;
+  };
+
+  type LotteryClaimsSummary = {
+    crypto: LotteryClaimsStatusCount;
+    physical: LotteryClaimsStatusCount;
+    manual_other: LotteryClaimsStatusCount;
+    overdue: number;
+  };
+
+  type ApproveLotteryClaimRequest = { id: number };
+
+  type RejectLotteryClaimRequest = { id: number; reason: string };
+
+  type MarkPaidLotteryClaimRequest = {
+    id: number;
+    tx_hash?: string;
+    delivery_ref?: string;
+    paid_at?: number;
+  };
+
+  // ---- Stage 3 抽奖记录（发放流水）-----------------------------------------
+
+  type GetLotteryDrawListParams = {
+    activity_id?: number;
+    user_id?: number;
+    prize_type?: LotteryPrizeType;
+    dispatch_state?: string;
+    win?: "1" | "0";
+    from?: number;
+    to?: number;
+    page: number;
+    size: number;
+  };
+
+  type AdminLotteryDrawUser = {
+    id: number;
+    email?: string;
+  };
+
+  type AdminLotteryDrawPrize = {
+    slot: number;
+    type: LotteryPrizeType;
+    name: string;
+    config: Record<string, any>;
+  };
+
+  type AdminLotteryDraw = {
+    draw_id: number;
+    activity_id: number;
+    user: AdminLotteryDrawUser;
+    is_win: boolean;
+    prize?: AdminLotteryDrawPrize;
+    dispatch_state: string;
+    dispatch_error?: string;
+    grant_amount?: number;
+    grant_message?: string;
+    drawn_at: number;
+    dispatched_at?: number;
+    created_at: number;
+  };
+
+  type ListLotteryDrawsResponse = {
+    total: number;
+    list: AdminLotteryDraw[];
+  };
 }
@@ -1,6 +1,14 @@
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

+export type UpdateUserBasicInfoBody = Omit<
+  API.UpdateUserBasiceInfoRequest,
+  "password"
+> & {
+  password?: string;
+  remark?: string;
+};
+
 /** Create user POST /v1/admin/user/ */
 export async function createUser(
  body: API.CreateUserRequest,
@@ -104,7 +112,7 @@ export async function deleteUserAuthMethod(

 /** Update user basic info PUT /v1/admin/user/basic */
 export async function updateUserBasicInfo(
-  body: API.UpdateUserBasiceInfoRequest,
+  body: UpdateUserBasicInfoBody,
  options?: { [key: string]: any }
 ) {
  return request<API.Response & { data?: any }>(
@@ -0,0 +1,55 @@
+/* eslint-disable */
+import request from "@workspace/ui/lib/request";
+
+/** Get withdrawal list GET /v1/admin/user/withdrawal/list */
+export async function getWithdrawalList(
+  params: API.GetWithdrawalListParams,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: API.GetWithdrawalListResponse }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/user/withdrawal/list`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
+/** Approve withdrawal POST /v1/admin/user/withdrawal/approve */
+export async function approveWithdrawal(
+  body: API.ApproveWithdrawalRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/user/withdrawal/approve`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
+
+/** Reject withdrawal POST /v1/admin/user/withdrawal/reject */
+export async function rejectWithdrawal(
+  body: API.RejectWithdrawalRequest,
+  options?: { [key: string]: any }
+) {
+  return request<API.Response & { data?: any }>(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/user/withdrawal/reject`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      data: body,
+      ...(options || {}),
+    }
+  );
+}
@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

@@ -910,6 +910,13 @@ declare namespace API {
    quantity: number;
    discount: number;
    map_apple?: string;
+    promo?: SubscribeDiscountPromo;
+  };
+
+  type SubscribeDiscountPromo = {
+    rule_name?: string;
+    promo_price: number;
+    end_time?: number;
  };

  type SubscribeGroup = {
@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";

--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
shanshanzhong147	6b9ae70491	feat(simnet): add SimNet protocol to admin server form - form-schema: constants/defaults/schemas/types + full ~48 simnet field set - server-form: SimNet field group rendering - node-form: allow simnet protocol type - i18n: en-US / zh-CN simnet labels	2026-07-27 00:18:47 -07:00
shanshanzhong147	e64f808633	feat(抽奖): 人工发放(crypto)奖品去掉金额/币种/网络/领奖窗口配置 + 重建 dist.zip 人工奖只留名称+图标+概率+库存；中奖凭截图联系客服线下发放，无需 in-app 领奖表单。 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-17 06:48:39 -07:00
shanshanzhong147	813d491f97	fix(抽奖): 数字输入改 text 类型（时长/概率/库存/领奖窗口/发放次数）+ 重建 dist.zip 避开 EnhancedInput 在 type=number 下 min/max 实时钳制导致的"输入0/改数字跳变"，用 formatOutput 转 number，后端仍收 int。 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-17 06:26:14 -07:00
shanshanzhong147	0feb907954	chore(抽奖): crypto 显示名改「人工发放」+ 重建 dist.zip Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-17 02:09:15 -07:00
shanshanzhong147	302275bd17	feat(抽奖): 奖品类型精简为免费时长+虚拟货币(人工发放)+谢谢参与；重建 dist.zip - prize-form 只保留 vpn_duration / crypto / none（去掉佣金/实物/人工其他） - crypto 标签改「虚拟货币」 - 重新 vite build 并打包 apps/admin/dist.zip（部署产物，含全部抽奖新功能） Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-17 01:37:54 -07:00
shanshanzhong147	322d60b648	feat(抽奖): 活动删除按钮 + 格子数可选(8/9,默认8) - 活动列表加"删除"(ConfirmButton→DELETE /activities/:id) - activity-form 格子数选项 [8,9]，新建默认 8（原来写死只有 9） - service: deleteLotteryActivity；i18n 删除文案 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-17 00:18:02 -07:00
shanshanzhong147	508cfa91ba	feat(抽奖): 后台"抽奖记录"页 — 中奖/发放流水列表 - draws-panel(新): ProTable 列出中奖人/奖品/发放状态/发放结果，按是否中奖/发放状态/用户ID 过滤 - activity-detail: 新增"抽奖记录"Tab - service+types: getLotteryDrawList + AdminLotteryDraw - i18n: draw.* zh/en Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-16 23:41:47 -07:00
shanshanzhong147	143773c928	fix(抽奖): 概率按 weight/1000 显示与录入（支持小数%，总权重100000=100%） - prize-grid: 概率预览/合计/卡片改用 weightToPercent(weight/1000)，合计校验对齐 FULL_TOTAL_WEIGHT=100000；修正原来把原始 weight 当 % 显示（如 49901%） - prize-form: 概率输入按百分比(0-100，step 0.001)，提交 ×1000 存 weight，回填 ÷1000 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-16 21:03:18 -07:00
shanshanzhong147	dd837cac7c	feat(抽奖): 开放人工奖(crypto/physical/manual_other) + 领奖工单管理 + REST 对齐 - prize-form: 解禁 crypto/physical/manual_other 并加各自 config；权重改为中奖概率(%)，合计校验；vpn_duration 加"无订阅时新建订阅套餐" - prize-grid: 概率合计=100% 校验告警；卡片渲染真实 config(时长/金额) - claims-panel(新): 领奖工单列表 + 审核通过/驳回/标记发放 - activity-detail: 新增"领奖工单"Tab - service: 奖品改/删 id 走 /prizes/:id（对齐后端 REST）；新增 claims 5 个接口 + 类型 - i18n: 补齐 zh-CN/en-US lottery 文案 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-07-16 20:29:47 -07:00
shanshanzhong147	ea4f6799e9	chore: 更新本地 Claude Code 权限配置	2026-07-09 13:36:08 -07:00
shanshanzhong147	ab327f5118	feat: 后台抽奖活动管理（Stage 1） - 服务层：12 个 /v1/admin/lottery 接口封装与 API 类型定义 - 活动列表：状态筛选、上架/暂停（带确认）、编辑、管理、发次数 - 奖品管理：3×3 九宫格可视化编辑、概率预览、保底奖警告、佣金元↔分转换、无限库存 - 规则设置：chance_sources 动态编辑，eligibility 简单/高级(JSON)双模式，本地 rulecaps 校验（深度≤8/节点≤64/≤8KB），Stage 1 未接线警示 - 手动发次数：自动生成幂等 source_ref - 路由 /dashboard/lottery、Commerce 菜单项、en-US/zh-CN 双语文案 - 对接文档见 vpn/aaaa.txt（Stage 1）	2026-07-09 13:35:35 -07:00
shanshanzhong147	dfe1bafd1c	feat: 用户订阅流量限速规则编辑器与列表信息增强 - 订阅表单新增卡片式流量限速规则编辑器（TrafficLimitRuleEditor），替换 ArrayInput - 用户列表与订阅详情展示会员状态（member_status）、最近登录时间（last_login_time） - ProTable 支持列级 meta.className 自定义样式 - 仪表盘统计与促销规则表单配套调整，用户文案双语同步	2026-07-09 13:34:03 -07:00
shanshanzhong147	511ce4ff65	Merge branch 'internal' into main PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-06-23 08:49:48 -07:00
shanshanzhong147	64fe23f877	fix: show user subscription speed override PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-06-11 02:39:16 -07:00
shanshanzhong147	09c5216f60	修复(#14 ): 调整 USDT 提现方式枚举口径 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-06-09 06:37:15 -07:00
shanshanzhong147	4d84095af2	修复(#14 ): 支持 USDT 提现方式展示	2026-06-09 06:37:14 -07:00
shanshanzhong147	d66b664198	修复(#122 ): 补齐促销价档位提交 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-05-29 02:36:30 -07:00
shanshanzhong147	a7d89acc7f	新功能(#113 ): 发布促销管理后台页面到main PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-05-29 00:40:33 -07:00
shanshanzhong147	2a3d5a3234	修复(#117 ): 补齐用户订阅限速配置 UI PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-05-29 00:31:56 -07:00
shanshanzhong147	100b641552	修复(#97 ): 区分邀请管理加载失败状态 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-05-27 20:24:22 -07:00
shanshanzhong147	aeca20ad1e	新功能(#93 ): 新增管理后台邀请管理页面 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details 新增 /dashboard/invite-management 页面，调用 GET /v1/admin/invite/list 接口展示全局邀请关系列表。包含邀请人/被邀请人信息、状态、佣金、赠送天数等列，支持关键词和 ID 筛选、分页。附带修复提现页收款码图片缺少 width/height 的 lint 问题。	2026-05-27 11:11:15 -07:00
shanshanzhong147	d1697bed75	新功能(#43 ): 提现前端优化 — 收款方式选择 + 收款码上传 + 取消按钮 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details Issue Close Require / issue-close-require (push) Has been cancelled Details	2026-05-26 08:37:03 -07:00
shanshanzhong147	14d4c5f36f	配置(#54 ): 前端 PR 质量门禁与 auto-merge 安全加固 PR Check / Lint, Check, Test and Build (push) Has been cancelled Details Build and Release / Build (push) Has been cancelled Details	2026-05-25 22:08:48 -07:00
shanshanzhong147	37ceb5adfc	修复(#55 ): 修复前端 lint/build 失败阻塞质量门禁 Build and Release / Build (push) Has been cancelled Details	2026-05-25 22:03:36 -07:00
shanshanzhong147	71aaa08230	fix(#HIF-37): 修复备注表单提交时未携带完整用户数据 Build and Release / Build (push) Has been cancelled Details 备注保存前获取完整用户详情构造请求体，TC03 清空备注场景不再丢失其他字段。拆出 RemarkForm 组件，增加保存中禁用态和失败错误提示。	2026-05-25 21:36:44 -07:00
shanshanzhong147	cad75b92bc	fix: 备注表单提交时携带完整用户数据 Build and Release / Build (push) Has been cancelled Details RemarkForm 的 onSave 回调之前只传 user_id 和 remark，导致后端用零值覆盖邀请人、余额、佣金等字段。参考 enable 开关的模式，排除不兼容字段后展开 ...rest，保证 updateUserBasicInfo 收到完整的用户数据。 Co-authored-by: multica-agent <github@multica.ai>	2026-05-25 20:04:57 -07:00
shanshanzhong147	11c3ce26a6	feat: add withdrawal management pages Build and Release / Build (push) Has been cancelled Details Issue Close Require / issue-close-require (push) Has been cancelled Details	2026-05-25 02:20:38 -07:00
shanshanzhong147	65641838f9	feat: add admin order refund action Build and Release / Build (push) Has been cancelled Details	2026-05-24 20:41:53 -07:00
shanshanzhong147	d8b65c6d82	feat: 新增提现申请与提现管理页面 Build and Release / Build (push) Has been cancelled Details	2026-05-24 20:25:12 -07:00