新功能(#25): 用户中心拆分提现/退款 tab 并适配新接口

Squash merge of fix/134-促销前端展示对齐 (4702dee).

HIF-79/HIF-113 落地后前端有三处对齐缺失：

- promo-info.tsx 仍读 promo.end_time，但后端 SubscribeDiscountPromo
  JSON 字段是 expires_at（×2 处）
- billing.tsx 缺 Promo Discount 行，PreOrderResponse 拿到 promo_discount
  时无处可渲染
- typings.d.ts: SubscribeDiscountPromo 缺 expires_at/rule_type,
  PreOrderResponse 缺 promo_discount

本次仅修字段对齐与展示行，不动业务逻辑、不动 OrderDetail 类型 (后端
当前未透出 promo_discount)。新增 billing.promoDiscount 中英文文案。

apps/admin/public/assets/locales/en-US/dashboard.json

@@ -29,6 +29,5 @@
   "users": "Users",
   "userTitle": "User Statistics",
   "userTraffic": "User Traffic",
-  "withdrawalManagement": "Withdrawal Management",
   "yesterday": "Yesterday"
 }

apps/admin/public/assets/locales/en-US/user.json

@@ -100,12 +100,10 @@
   "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",
@@ -191,7 +189,6 @@
   "groupUpdated": "Group updated successfully",
   "upload": "Upload",
   "uploadTraffic": "Upload Traffic",
-  "userStatus": "User Status",
   "userAgent": "User Agent",
   "userEmail": "Email",
   "userEmailPlaceholder": "Enter email",
@@ -201,7 +198,6 @@
   "userName": "Username",
   "userProfile": "User Profile",
   "userGroup": "User Group",
-  "active": "Active",
   "verified": "Verified",
   "viewDeviceGroup": "View Device Group",
   "viewOwner": "View Owner",

apps/admin/public/assets/locales/zh-CN/dashboard.json

@@ -29,6 +29,5 @@
   "users": "用户",
   "userTitle": "用户统计",
   "userTraffic": "用户流量",
-  "withdrawalManagement": "提现管理",
   "yesterday": "昨日"
 }

apps/admin/public/assets/locales/zh-CN/user.json

@@ -101,12 +101,10 @@
   "manager": "管理员",
   "memberCount": "成员数量",
   "more": "更多",
-  "neverLoggedIn": "从未登录",
   "normal": "正常",
   "next": "下一页",
   "noInvitedUsers": "暂无邀请用户",
   "notifySettingsTitle": "通知设置",
-  "inactive": "未活跃",
   "offline": "离线",
   "online": "在线",
   "onlineDevices": "在线设备",
@@ -192,7 +190,6 @@
   "groupUpdated": "分组更新成功",
   "upload": "上传",
   "uploadTraffic": "上传流量",
-  "userStatus": "用户状态",
   "userAgent": "用户代理",
   "userEmail": "邮箱",
   "userEmailPlaceholder": "输入邮箱",
@@ -202,7 +199,6 @@
   "userName": "用户名",
   "userProfile": "用户资料",
   "userGroup": "用户分组",
-  "active": "活跃",
   "verified": "已验证",
   "viewDeviceGroup": "查看设备组",
   "viewOwner": "查看所有者",

apps/admin/src/sections/dashboard/components/statistics.tsx

@@ -241,11 +241,11 @@ export default function Statistics() {
             iconBg: "bg-green-100 dark:bg-green-900/30",
           },
           {
-            title: t("withdrawalManagement", "提现管理"),
+            title: t("pendingTickets", "Pending Tickets"),
             value: TicketTotal || 0,
             subtitle: t("pending", "Pending"),
             icon: "uil:clipboard-notes",
-            href: "/dashboard/withdrawal",
+            href: "/dashboard/ticket",
             color: "text-red-600 dark:text-red-400",
             iconBg: "bg-red-100 dark:bg-red-900/30",
           },

apps/admin/src/sections/user/index.tsx

@@ -1,25 +1,34 @@
 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 {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from "@workspace/ui/components/popover";
 import { ScrollArea } from "@workspace/ui/components/scroll-area";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@workspace/ui/components/select";
 import {
   Sheet,
   SheetContent,
@@ -34,12 +43,7 @@ import {
   TabsList,
   TabsTrigger,
 } from "@workspace/ui/components/tabs";
-import {
+import { Combobox } from "@workspace/ui/composed/combobox";
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@workspace/ui/components/tooltip";
 // import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
 import {
   ProTable,
@@ -56,8 +60,9 @@ import {
   getUserList,
   updateUserBasicInfo,
 } from "@workspace/ui/services/admin/user";
+import { parseDeviceType } from "@workspace/ui/utils/device";
 import { FilePenLine } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { Display } from "@/components/display";
@@ -68,16 +73,18 @@ import { RemarkForm } from "./remark-form";
 import { buildUserBasicInfoPayload } from "./user-basic-info-payload";
 import { UserDetail } from "./user-detail";
 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";
 
+type UserDeviceWithDeviceNo = API.UserDevice & {
+  device_no?: string;
+};
+
 export default function User() {
   const { t } = useTranslation("user");
   const [loading, setLoading] = useState(false);
@@ -91,14 +98,6 @@ 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();
@@ -152,6 +151,7 @@ export default function User() {
             onChanged={() => ref.current?.refresh()}
             userId={row.id}
           />,
+          <PreviewNodesDialog key="preview-nodes" userId={row.id} />,
           /* <ConfirmButton
             cancelText={t("cancel", "Cancel")}
             confirmText={t("confirm", "Confirm")}
@@ -176,8 +176,6 @@ 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")}
@@ -264,43 +262,62 @@ export default function User() {
           id: "auth_methods",
           accessorKey: "auth_methods",
           header: "设备码/邮箱",
-          cell: ({ row }) => (
+          cell: ({ row }) => {
-            <div className="flex items-center">
+            const method = row.original.auth_methods?.[0];
-              <UserIdentifier
+            const identifier = method?.auth_identifier || "";
-                className="flex items-center"
+            const isDevice = method?.auth_type === "device";
-                user={row.original}
+            const firstDevice = row.original.user_devices?.[0] as
-              />
+              | UserDeviceWithDeviceNo
-              <Popover>
+              | undefined;
-                <PopoverTrigger>
+            const deviceNo = firstDevice?.device_no;
-                  <div className={"flex items-center"}>
+            const deviceType = parseDeviceType(firstDevice?.user_agent || "");
-                    {row.original?.remark ? `（${row.original.remark}）` : ""}
+            const display = isDevice ? deviceNo || identifier : identifier;
-                    <FilePenLine className={"ml-2 text-primary"} size={14} />
+            return (
-                  </div>
+              <div className="flex items-center">
-                </PopoverTrigger>
+                {/* <Badge
-                <PopoverContent className={"w-64"}>
+                  className="mr-1 uppercase"
-                  <RemarkForm
+                  title={method?.verified ? t("verified", "Verified") : ""}
-                    initialRemark={row.original.remark}
+                >
-                    onSave={async (remark) => {
+                  {method?.auth_type}
-                      const { data } = await getUserDetail({
+                </Badge>*/}
-                        id: row.original.id,
+                {deviceType && (
-                      });
+                  <Badge className="mr-1" variant="secondary">
-                      const user = data.data;
+                    {deviceType}
+                  </Badge>
+                )}
+                <span title={isDevice ? display : undefined}>{display}</span>
+                <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) {
+                        if (!user) {
-                        throw new Error("User detail not found");
+                          throw new Error("User detail not found");
-                      }
+                        }
 
-                      await updateUserBasicInfo(
+                        await updateUserBasicInfo(
-                        buildUserBasicInfoPayload(user, remark)
+                          buildUserBasicInfoPayload(user, remark)
-                      );
+                        );
-                      toast.success(t("updateSuccess"));
+                        toast.success(t("updateSuccess"));
-                      ref.current?.refresh();
+                        ref.current?.refresh();
-                    }}
+                      }}
-                  />
+                    />
-                </PopoverContent>
+                  </PopoverContent>
-              </Popover>
+                </Popover>
-            </div>
+              </div>
-          ),
+            );
+          },
         },
         /* {
           id: "balance",
@@ -338,48 +355,6 @@ export default function User() {
           header: t("referer", "Referer"),
           cell: ({ row }) => <UserDetail id={row.original.referer_id} />,
         },
-        {
-          id: "last_login_time",
-          accessorKey: "last_login_time",
-          header: t("userStatus", "用户状态"),
-          cell: ({ row }) => {
-            const lastLoginTime = (
-              row.original as API.User & {
-                last_login_time?: number;
-              }
-            ).last_login_time;
-            const isOnline = Boolean(lastLoginTime);
-            const dotClassName = isOnline ? "bg-green-500" : "bg-gray-400";
-            const statusLabel = isOnline
-              ? t("active", "Active")
-              : t("inactive", "Inactive");
-
-            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">
-                        {isOnline
-                          ? `${statusLabel}: ${formatDate(lastLoginTime)}`
-                          : statusLabel}
-                      </span>
-                    </div>
-                  </TooltipTrigger>
-                  <TooltipContent>
-                    {isOnline
-                      ? formatDate(lastLoginTime)
-                      : t("neverLoggedIn", "Never logged in")}
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            );
-          },
-        },
         {
           id: "created_at",
           accessorKey: "created_at",
@@ -548,25 +523,6 @@ 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,
@@ -595,16 +551,92 @@ function DeviceGroupSheet({
   );
 }
 
-function PreviewNodesDialog({
+function UserSearchBar({
-  userId,
+  initialType,
-  open,
+  initialValue,
-  onOpenChange,
+  onSearch,
+  subscribes,
 }: {
-  userId: number;
+  initialType: string;
-  open: boolean;
+  initialValue: string;
-  onOpenChange: (open: boolean) => void;
+  onSearch: (type: string, value: string) => void;
+  subscribes?: API.SubscribeItem[];
 }) {
   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],
@@ -615,7 +647,10 @@ function PreviewNodesDialog({
   });
 
   return (
-    <Dialog onOpenChange={onOpenChange} open={open}>
+    <Dialog onOpenChange={setOpen} open={open}>
+      <DialogTrigger asChild>
+        <Button variant="outline">{t("previewNodes", "Preview Nodes")}</Button>
+      </DialogTrigger>
       <DialogContent className="max-w-2xl">
         <DialogHeader>
           <DialogTitle>

apps/admin/src/sections/user/user-detail.tsx

@@ -16,7 +16,6 @@ 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";
 
@@ -230,13 +229,26 @@ 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 ? (
-              <UserIdentifier className="flex items-center" 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}
+              </>
             ) : (
               t("loading", "Loading...")
             )}

apps/admin/src/sections/user/user-identifier.test.tsx

@@ -1,101 +0,0 @@
-/**
- * @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();
-  });
-});

apps/admin/src/sections/user/user-identifier.tsx

@@ -1,66 +0,0 @@
-"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>
-  );
-}

apps/admin/src/sections/user/user-search-bar.test.tsx

@@ -1,92 +0,0 @@
-/**
- * @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");
-  });
-});

apps/admin/src/sections/user/user-search-bar.tsx

@@ -1,102 +0,0 @@
-"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>
-  );
-}

apps/admin/src/sections/user/user-subscription/index.tsx

@@ -54,10 +54,6 @@ function toUserSubscribePayload(values: SubscriptionFormValues) {
   };
 }
 
-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);
@@ -319,11 +315,10 @@ export default function UserSubscription({ userId }: { userId: number }) {
             cell: ({ row }) => {
               const userSpeed = row.original.speed_limit ?? 0;
               const effectiveSpeed = row.original.effective_speed ?? 0;
-              const planSpeed = resolvePlanSpeed(row.original);
+              const planSpeed = row.original.subscribe?.speed_limit ?? 0;
               const speed = effectiveSpeed || userSpeed || planSpeed;
-              const source = row.original.is_throttled
+              const source =
-                ? t("effectiveSpeed", "Effective Speed")
+                userSpeed > 0
-                : userSpeed > 0
                   ? t("userOverride", "User Override")
                   : t("subscriptionDefault", "Subscription Default");
 
@@ -340,16 +335,6 @@ export default function UserSubscription({ userId }: { userId: number }) {
                   <span className="text-muted-foreground text-xs">
                     {source}
                   </span>
-                  <span className="text-muted-foreground text-xs">
-                    {t("userOverride", "User Override")}:{" "}
-                    <span className="inline-block">
-                      <Display type="trafficSpeed" value={userSpeed} />
-                    </span>{" "}
-                    / {t("subscriptionDefault", "Subscription Default")}:{" "}
-                    <span className="inline-block">
-                      <Display type="trafficSpeed" value={planSpeed} />
-                    </span>
-                  </span>
                 </div>
               );
             },

apps/admin/src/sections/user/user-subscription/subscription-detail.tsx

@@ -87,12 +87,11 @@ function SpeedLimitCard({ subscriptionId }: { subscriptionId: number }) {
 
   if (detail.status !== 1) return null;
 
-  const baseSpeed =
+  const baseSpeed = detail.subscribe?.speed_limit ?? 0;
-    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 rules = detail.traffic_limit || [];
   const hasLimitConfig =
     baseSpeed > 0 || userSpeed > 0 || effectiveSpeed > 0 || rules.length > 0;
 

apps/admin/src/sections/user/user-subscription/subscription-form.tsx

@@ -40,12 +40,6 @@ interface Props {
 
 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,
@@ -104,7 +98,7 @@ export function SubscriptionForm({
       traffic: initialData?.traffic || 0,
       speed_limit: initialData?.speed_limit || 0,
       device_limit: initialData?.device_limit || 0,
-      traffic_limit: getUserTrafficLimitRules(initialData),
+      traffic_limit: initialData?.traffic_limit || [],
       upload: initialData?.upload || 0,
       download: initialData?.download || 0,
       expired_at: initialData?.expire_time || 0,

apps/admin/src/sections/withdrawal/index.tsx

@@ -44,7 +44,7 @@ const WITHDRAWAL_METHOD_MAP: Record<number, string> = {
   0: "其他",
   1: "支付宝",
   2: "微信",
-  3: "USDT(TRC20)",
+  3: "银行卡",
 };
 
 const rejectSchema = z.object({
@@ -143,7 +143,7 @@ export default function WithdrawalPage() {
   const methodOptions = [
     { value: "1", label: "支付宝" },
     { value: "2", label: "微信" },
-    { value: "3", label: "USDT(TRC20)" },
+    { value: "3", label: "银行卡" },
     { value: "0", label: "其他" },
   ];
 

apps/user/public/assets/locales/en-US/affiliate.json

@@ -16,6 +16,10 @@
   "inviteCode": "Invite Code",
   "inviteRecords": "Invite Records",
   "noReason": "None",
+  "recordsTabs": {
+    "withdrawal": "Withdrawal Records",
+    "refund": "Refund Records"
+  },
   "rejectReason": "Reject Reason",
   "registrationTime": "Registration Time",
   "submitWithdraw": "Submit Request",
@@ -28,10 +32,27 @@
   "withdrawDescription": "Submit the withdrawal amount and payout details, then wait for review.",
   "withdrawError": "Failed to submit withdrawal request",
   "withdrawRecords": "Withdrawal Records",
+  "withdrawalRecordsDescription": "Review your withdrawal requests, statuses, and payout details.",
+  "withdrawalEmpty": "No withdrawal records yet",
   "withdrawStatus": {
     "approved": "Approved",
     "pending": "Pending Review",
     "rejected": "Rejected"
   },
-  "withdrawSuccess": "Withdrawal request submitted"
+  "withdrawSuccess": "Withdrawal request submitted",
+  "commissionReturn": {
+    "description": "Review order refunds and returned withdrawal commissions.",
+    "empty": "No refund records yet",
+    "eventType": {
+      "orderRefund": "Order Refund",
+      "withdrawRejectReturn": "Withdrawal Rejected Return",
+      "withdrawCancelReturn": "Withdrawal Cancel Return",
+      "unknown": "Commission Return"
+    },
+    "fields": {
+      "eventType": "Type",
+      "orderNo": "Order No.",
+      "createdAt": "Created At"
+    }
+  }
 }

apps/user/public/assets/locales/zh-CN/affiliate.json

@@ -16,6 +16,10 @@
   "inviteCode": "邀请码",
   "inviteRecords": "邀请记录",
   "noReason": "无",
+  "recordsTabs": {
+    "withdrawal": "提现记录",
+    "refund": "退款记录"
+  },
   "rejectReason": "拒绝原因",
   "registrationTime": "注册时间",
   "submitWithdraw": "提交申请",
@@ -28,10 +32,27 @@
   "withdrawDescription": "填写提现金额和收款信息后提交申请，等待后台审核。",
   "withdrawError": "提现申请提交失败",
   "withdrawRecords": "提现记录",
+  "withdrawalRecordsDescription": "查看你的提现申请、审核状态和收款信息。",
+  "withdrawalEmpty": "暂无提现记录",
   "withdrawStatus": {
     "approved": "已通过",
     "pending": "审核中",
     "rejected": "已拒绝"
   },
-  "withdrawSuccess": "提现申请已提交"
+  "withdrawSuccess": "提现申请已提交",
+  "commissionReturn": {
+    "description": "查看订单退款和提现退回记录。",
+    "empty": "暂无退款记录",
+    "eventType": {
+      "orderRefund": "订单退款",
+      "withdrawRejectReturn": "提现拒绝退回",
+      "withdrawCancelReturn": "用户取消提现退回",
+      "unknown": "佣金返回"
+    },
+    "fields": {
+      "eventType": "类型",
+      "orderNo": "订单号",
+      "createdAt": "创建时间"
+    }
+  }
 }

apps/user/src/sections/user/affiliate/commission-return.test.ts

@@ -0,0 +1,37 @@
+import { describe, expect, it, vi } from "vitest";
+import { getCommissionReturnEventLabel } from "./commission-return";
+
+const translations = {
+  "commissionReturn.eventType.orderRefund": "订单退款",
+  "commissionReturn.eventType.withdrawRejectReturn": "提现拒绝退回",
+  "commissionReturn.eventType.withdrawCancelReturn": "用户取消提现退回",
+  "commissionReturn.eventType.unknown": "佣金返回",
+} as const;
+
+describe("getCommissionReturnEventLabel", () => {
+  const t = (key: string, defaultValue: string) =>
+    translations[key as keyof typeof translations] ?? defaultValue ?? key;
+
+  it("maps 333 to order refund", () => {
+    expect(getCommissionReturnEventLabel(333, t)).toBe("订单退款");
+  });
+
+  it("maps 337 to withdraw reject return", () => {
+    expect(getCommissionReturnEventLabel(337, t)).toBe("提现拒绝退回");
+  });
+
+  it("maps 338 to withdraw cancel return", () => {
+    expect(getCommissionReturnEventLabel(338, t)).toBe("用户取消提现退回");
+  });
+
+  it("falls back for unknown event types and warns", () => {
+    const warnSpy = vi.spyOn(console, "warn").mockImplementation(() => {
+      /* intentional noop */
+    });
+
+    expect(getCommissionReturnEventLabel(999, t)).toBe("佣金返回");
+    expect(warnSpy).toHaveBeenCalledWith(999);
+
+    warnSpy.mockRestore();
+  });
+});

apps/user/src/sections/user/affiliate/commission-return.ts

@@ -0,0 +1,27 @@
+export type AffiliateTranslation = (
+  key: string,
+  defaultValue: string
+) => string;
+
+export function getCommissionReturnEventLabel(
+  eventType: number,
+  t: AffiliateTranslation
+) {
+  switch (eventType) {
+    case 333:
+      return t("commissionReturn.eventType.orderRefund", "Order Refund");
+    case 337:
+      return t(
+        "commissionReturn.eventType.withdrawRejectReturn",
+        "Withdrawal Rejected Return"
+      );
+    case 338:
+      return t(
+        "commissionReturn.eventType.withdrawCancelReturn",
+        "Withdrawal Cancel Return"
+      );
+    default:
+      console.warn(eventType);
+      return t("commissionReturn.eventType.unknown", "Commission Return");
+  }
+}

apps/user/src/sections/user/affiliate/index.tsx

@@ -35,13 +35,21 @@ import {
   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 { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import Empty from "@workspace/ui/composed/empty";
 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,
+  queryCommissionReturnLog,
   queryUserAffiliate,
   queryUserAffiliateList,
   queryWithdrawalLog,
@@ -59,11 +67,12 @@ import { toast } from "sonner";
 import { z } from "zod";
 import { Display } from "@/components/display";
 import { useGlobalStore } from "@/stores/global";
+import { getCommissionReturnEventLabel } from "./commission-return";
 
 const WITHDRAWAL_METHODS = [
   { value: 1, label: "支付宝" },
   { value: 2, label: "微信" },
-  { value: 3, label: "USDT(TRC20)" },
+  { value: 3, label: "银行卡" },
   { value: 0, label: "其他" },
 ] as const;
 
@@ -122,9 +131,9 @@ function QrCodeView({ url }: { url: string }) {
             <img
               alt="收款码"
               className="w-full"
-              height={320}
+              height={512}
               src={url}
-              width={320}
+              width={512}
             />
           </DialogContent>
         </Dialog>
@@ -161,7 +170,7 @@ const withdrawalFormSchema = z
       if (!data.account) {
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
-          message: "USDT(TRC20) 地址为必填",
+          message: "银行卡收款账号为必填",
           path: ["account"],
         });
       }
@@ -179,6 +188,7 @@ type WithdrawalFormValues = z.infer<typeof withdrawalFormSchema>;
 export default function Affiliate() {
   const { t } = useTranslation("affiliate");
   const { user, common, getUserInfo } = useGlobalStore();
+  const [activeRecordTab, setActiveRecordTab] = useState("withdrawal");
   const [withdrawalOpen, setWithdrawalOpen] = useState(false);
   const [submitting, startTransition] = useTransition();
   const [qrUploading, setQrUploading] = useState(false);
@@ -480,7 +490,7 @@ export default function Affiliate() {
                                 <Input
                                   placeholder={
                                     watchedMethod === 3
-                                      ? "请输入 USDT(TRC20) 收款地址"
+                                      ? "请输入银行卡号或账户信息"
                                       : "请输入收款账号（与备注至少填一项）"
                                   }
                                   {...field}
@@ -568,107 +578,218 @@ export default function Affiliate() {
           </div>
         </CardContent>
       </Card>
-      <ProList<API.WithdrawalLog, Record<string, unknown>>
+      <Card>
-        action={withdrawalListActionRef}
+        <CardHeader className="gap-3">
-        header={{
+          <CardTitle>{t("withdrawRecords", "Withdrawal Records")}</CardTitle>
-          title: t("withdrawal.records", "Withdrawal Records"),
+          <CardDescription>
-        }}
+            {activeRecordTab === "withdrawal"
-        renderItem={(item) => {
+              ? t(
-          const statusMeta = getWithdrawalStatusMeta(item.status, t);
+                  "withdrawalRecordsDescription",
-          return (
+                  "Review your withdrawal requests, statuses, and payout details."
-            <Card className="overflow-hidden">
+                )
-              <CardContent className="space-y-3 p-4 text-sm">
+              : t(
-                <div className="flex flex-wrap items-center justify-between gap-2">
+                  "commissionReturn.description",
-                  <div className="font-semibold text-lg">
+                  "Review order refunds and returned withdrawal commissions."
-                    <Display type="currency" value={item.amount} />
+                )}
-                  </div>
+          </CardDescription>
-                  <div className="flex items-center gap-2">
+          <Tabs
-                    <span
+            defaultValue="withdrawal"
-                      className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
+            onValueChange={setActiveRecordTab}
-                    >
+            value={activeRecordTab}
-                      {statusMeta.label}
+          >
-                    </span>
+            <TabsList className="grid w-full grid-cols-2 md:w-fit">
-                    {item.status === 0 && (
+              <TabsTrigger value="withdrawal">
-                      <ConfirmButton
+                {t("recordsTabs.withdrawal", "Withdrawal Records")}
-                        cancelText="取消"
+              </TabsTrigger>
-                        confirmText="确认取消"
+              <TabsTrigger value="refund">
-                        description="取消后该提现申请将关闭，佣金不会退还。确定取消吗？"
+                {t("recordsTabs.refund", "Refund Records")}
-                        onConfirm={async () => {
+              </TabsTrigger>
-                          await cancelMutation.mutateAsync(item.id);
+            </TabsList>
-                        }}
+
-                        title="取消提现申请"
+            <TabsContent className="mt-4" value="withdrawal">
-                        trigger={
+              <ProList<API.WithdrawalLog, Record<string, unknown>>
-                          <Button
+                action={withdrawalListActionRef}
-                            disabled={cancelMutation.isPending}
+                empty={
-                            size="sm"
+                  <Empty
-                            variant="outline"
+                    description={t(
-                          >
+                      "withdrawalEmpty",
-                            取消申请
+                      "No withdrawal records yet"
-                          </Button>
-                        }
-                      />
                     )}
-                  </div>
+                  />
-                </div>
+                }
-                <ul className="grid gap-3 md:grid-cols-2">
+                renderItem={(item) => {
-                  <li className="flex flex-col gap-1">
+                  const statusMeta = getWithdrawalStatusMeta(item.status, t);
-                    <span className="text-muted-foreground">收款方式</span>
+                  return (
-                    <span>{getWithdrawalMethodLabel(item.method)}</span>
+                    <Card className="overflow-hidden">
-                  </li>
+                      <CardContent className="space-y-3 p-4 text-sm">
-                  {item.account && (
+                        <div className="flex flex-wrap items-center justify-between gap-2">
-                    <li className="flex flex-col gap-1">
+                          <div className="font-semibold text-lg">
-                      <span className="text-muted-foreground">收款账号</span>
+                            <Display type="currency" value={item.amount} />
-                      <span className="break-all">{item.account}</span>
+                          </div>
-                    </li>
+                          <div className="flex items-center gap-2">
-                  )}
+                            <span
-                  {item.qr_code_url && (
+                              className={`inline-flex rounded-full px-3 py-1 font-medium text-xs ${statusMeta.className}`}
-                    <li className="flex flex-col gap-1">
+                            >
-                      <span className="text-muted-foreground">收款码</span>
+                              {statusMeta.label}
-                      <QrCodeView url={item.qr_code_url} />
+                            </span>
-                    </li>
+                            {item.status === 0 && (
-                  )}
+                              <ConfirmButton
-                  {item.content && (
+                                cancelText="取消"
-                    <li className="flex flex-col gap-1">
+                                confirmText="确认取消"
-                      <span className="text-muted-foreground">
+                                description="取消后该提现申请将关闭，佣金不会退还。确定取消吗？"
-                        {t("withdrawal.record.content", "Payout Information")}
+                                onConfirm={async () => {
-                      </span>
+                                  await cancelMutation.mutateAsync(item.id);
-                      <span className="whitespace-pre-wrap break-words">
+                                }}
-                        {item.content}
+                                title="取消提现申请"
-                      </span>
+                                trigger={
-                    </li>
+                                  <Button
-                  )}
+                                    disabled={cancelMutation.isPending}
-                  <li className="flex flex-col gap-1">
+                                    size="sm"
-                    <span className="text-muted-foreground">
+                                    variant="outline"
-                      {t("withdrawal.record.createdAt", "Created At")}
+                                  >
-                    </span>
+                                    取消申请
-                    <time>{formatDate(item.created_at)}</time>
+                                  </Button>
-                  </li>
+                                }
-                  {item.reason && (
+                              />
-                    <li className="flex flex-col gap-1 md:col-span-2">
+                            )}
-                      <span className="text-muted-foreground">
+                          </div>
-                        {t("withdrawal.record.reason", "Reject Reason")}
+                        </div>
-                      </span>
+                        <ul className="grid gap-3 md:grid-cols-2">
-                      <span className="whitespace-pre-wrap break-words text-destructive">
+                          <li className="flex flex-col gap-1">
-                        {item.reason}
+                            <span className="text-muted-foreground">
-                      </span>
+                              收款方式
-                    </li>
+                            </span>
-                  )}
+                            <span>{getWithdrawalMethodLabel(item.method)}</span>
-                </ul>
+                          </li>
-              </CardContent>
+                          {item.account && (
-            </Card>
+                            <li className="flex flex-col gap-1">
-          );
+                              <span className="text-muted-foreground">
-        }}
+                                收款账号
-        request={async (pagination) => {
+                              </span>
-          const response = await queryWithdrawalLog({
+                              <span className="break-all">{item.account}</span>
-            page: pagination.page,
+                            </li>
-            size: pagination.size,
+                          )}
-          });
+                          {item.qr_code_url && (
-          return {
+                            <li className="flex flex-col gap-1">
-            list: response.data.data?.list || [],
+                              <span className="text-muted-foreground">
-            total: response.data.data?.total || 0,
+                                收款码
-          };
+                              </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,
+                  };
+                }}
+              />
+            </TabsContent>
+
+            <TabsContent className="mt-4" value="refund">
+              <ProList<API.CommissionReturnLog, Record<string, unknown>>
+                empty={
+                  <Empty
+                    description={t(
+                      "commissionReturn.empty",
+                      "No refund records yet"
+                    )}
+                  />
+                }
+                renderItem={(item) => (
+                  <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>
+                        <span className="inline-flex rounded-full bg-primary/10 px-3 py-1 font-medium text-primary text-xs">
+                          {getCommissionReturnEventLabel(item.event_type, t)}
+                        </span>
+                      </div>
+                      <ul className="grid gap-3 md:grid-cols-2">
+                        <li className="flex flex-col gap-1">
+                          <span className="text-muted-foreground">
+                            {t("commissionReturn.fields.eventType", "Type")}
+                          </span>
+                          <span>
+                            {getCommissionReturnEventLabel(item.event_type, t)}
+                          </span>
+                        </li>
+                        <li className="flex flex-col gap-1">
+                          <span className="text-muted-foreground">
+                            {t("commissionReturn.fields.orderNo", "Order No.")}
+                          </span>
+                          <span className="break-all">
+                            {item.order_no || "-"}
+                          </span>
+                        </li>
+                        <li className="flex flex-col gap-1">
+                          <span className="text-muted-foreground">
+                            {t(
+                              "commissionReturn.fields.createdAt",
+                              "Created At"
+                            )}
+                          </span>
+                          <time>{formatDate(item.created_at)}</time>
+                        </li>
+                      </ul>
+                    </CardContent>
+                  </Card>
+                )}
+                request={async (pagination) => {
+                  const response = await queryCommissionReturnLog({
+                    page: pagination.page,
+                    size: pagination.size,
+                  });
+                  return {
+                    list: response.data.data?.list || [],
+                    total: response.data.data?.total || 0,
+                  };
+                }}
+              />
+            </TabsContent>
+          </Tabs>
+        </CardHeader>
+      </Card>
       <ProList<API.UserAffiliate, Record<string, unknown>>
         header={{
           title: t("inviteRecords", "Invite Records"),

packages/ui/src/services/admin/typings.d.ts

@@ -2664,13 +2664,11 @@ declare namespace API {
     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;
@@ -2701,10 +2699,8 @@ declare namespace API {
     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;

packages/ui/src/services/user/typings.d.ts

@@ -170,6 +170,17 @@ declare namespace API {
     timestamp: number;
   };
 
+  type CommissionReturnLog = {
+    id: number;
+    user_id: number;
+    amount: number;
+    event_type: number;
+    order_no?: string;
+    content?: string;
+    created_at: number;
+    updated_at: number;
+  };
+
   type CommissionWithdrawRequest = {
     amount: number;
     method: number;
@@ -821,6 +832,21 @@ declare namespace API {
     size: number;
   };
 
+  type QueryCommissionReturnLogListRequest = {
+    page: number;
+    size: number;
+  };
+
+  type QueryCommissionReturnLogListResponse = {
+    list: CommissionReturnLog[];
+    total: number;
+  };
+
+  type QueryCommissionReturnLogParams = {
+    page: number;
+    size: number;
+  };
+
   type QueryUserSubscribeListResponse = {
     list: UserSubscribe[];
     total: number;

packages/ui/src/services/user/user.ts

@@ -1,4 +1,3 @@
-// @ts-expect-error
 /* eslint-disable */
 import request from "@workspace/ui/lib/request";
 
@@ -471,6 +470,25 @@ export async function queryWithdrawalLog(
   );
 }
 
+/** Query Commission Return Log GET /v1/public/user/commission_return_log */
+export async function queryCommissionReturnLog(
+  params: API.QueryCommissionReturnLogParams,
+  options?: { [key: string]: any }
+) {
+  return request<
+    API.Response & { data?: API.QueryCommissionReturnLogListResponse }
+  >(
+    `${import.meta.env.VITE_API_PREFIX || ""}/v1/public/user/commission_return_log`,
+    {
+      method: "GET",
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    }
+  );
+}
+
 /** Cancel Withdrawal POST /v1/public/user/withdrawal_cancel */
 export async function withdrawalCancel(
   body: API.WithdrawalCancelRequest,