diff --git a/frontend/app/api/ops/memberships/route.ts b/frontend/app/api/ops/memberships/route.ts
new file mode 100644
index 00000000..77d62618
--- /dev/null
+++ b/frontend/app/api/ops/memberships/route.ts
@@ -0,0 +1,42 @@
+import { NextRequest, NextResponse } from "next/server";
+import {
+ applyAuthResponseCookies,
+ buildBackendRequestHeaders,
+} from "@/lib/backend-auth";
+
+const API_BASE = process.env.POLYWEATHER_API_BASE_URL;
+
+export async function GET(req: NextRequest) {
+ if (!API_BASE) {
+ return NextResponse.json(
+ { error: "POLYWEATHER_API_BASE_URL is not configured" },
+ { status: 500 },
+ );
+ }
+
+ try {
+ const auth = await buildBackendRequestHeaders(req);
+ const url = new URL(`${API_BASE}/api/ops/memberships`);
+ const limit = req.nextUrl.searchParams.get("limit");
+ if (limit) url.searchParams.set("limit", limit);
+
+ const res = await fetch(url.toString(), {
+ headers: auth.headers,
+ cache: "no-store",
+ });
+ const raw = await res.text();
+ const response = new NextResponse(raw, {
+ status: res.status,
+ headers: {
+ "Content-Type": res.headers.get("content-type") || "application/json",
+ "Cache-Control": "no-store",
+ },
+ });
+ return applyAuthResponseCookies(response, auth.response);
+ } catch (error) {
+ return NextResponse.json(
+ { error: "Failed to fetch memberships", detail: String(error) },
+ { status: 500 },
+ );
+ }
+}
diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index 29b10d9e..e9441acb 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -2260,6 +2260,58 @@
padding: 12px;
}
+.root :global(.detail-source-list) {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 10px;
+}
+
+.root :global(.detail-source-note) {
+ margin: 8px 0 12px;
+ color: var(--text-muted);
+ font-size: 12px;
+ line-height: 1.6;
+}
+
+.root :global(.detail-source-link) {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 12px 14px;
+ border-radius: 12px;
+ border: 1px solid var(--border-subtle);
+ background: rgba(255, 255, 255, 0.03);
+ color: var(--text-main);
+ text-decoration: none;
+ transition:
+ background 0.18s ease,
+ border-color 0.18s ease,
+ transform 0.18s ease;
+}
+
+.root :global(.detail-source-link:hover) {
+ background: rgba(34, 211, 238, 0.08);
+ border-color: rgba(34, 211, 238, 0.28);
+ transform: translateY(-1px);
+}
+
+.root :global(.detail-source-kind) {
+ font-size: 10px;
+ font-weight: 700;
+ letter-spacing: 0.12em;
+ color: var(--accent-cyan);
+ text-transform: uppercase;
+ flex-shrink: 0;
+}
+
+.root :global(.detail-source-label) {
+ font-size: 13px;
+ font-weight: 600;
+ color: var(--text-main);
+ text-align: right;
+}
+
.root :global(.detail-label) {
display: block;
color: var(--text-muted);
diff --git a/frontend/components/dashboard/DetailPanel.tsx b/frontend/components/dashboard/DetailPanel.tsx
index c5e1c492..b4aadd0e 100644
--- a/frontend/components/dashboard/DetailPanel.tsx
+++ b/frontend/components/dashboard/DetailPanel.tsx
@@ -7,6 +7,7 @@ import { ForecastTable } from "@/components/dashboard/PanelSections";
import { useChart } from "@/hooks/useChart";
import { useDashboardStore } from "@/hooks/useDashboardStore";
import { useI18n } from "@/hooks/useI18n";
+import { getOfficialSourceLinks } from "@/lib/dashboard-official-sources";
import { getCityScenery } from "@/lib/dashboard-scenery";
import { CityDetail } from "@/lib/dashboard-types";
import {
@@ -147,6 +148,10 @@ export function DetailPanel() {
() => (detail ? getCityProfileStats(detail, locale) : []),
[detail, locale],
);
+ const officialLinks = useMemo(
+ () => (detail ? getOfficialSourceLinks(detail) : []),
+ [detail],
+ );
const scenery = getCityScenery(detail?.name);
const blurActiveElement = () => {
if (typeof document === "undefined") return;
@@ -336,6 +341,33 @@ export function DetailPanel() {
+ {officialLinks.length > 0 ? (
+
+ {locale === "en-US" ? "Official Sources" : "官方参考"}
+
+ {locale === "en-US"
+ ? "AGENCY = national meteorological service, METAR = airport observation, AIRPORT = airport official page."
+ : "AGENCY = 国家气象机构，METAR = 机场实测报文，AIRPORT = 机场官网页面。"}
+
+
+
+ ) : null}
+
{t("detail.todayMiniTrend")}
{heavyContentReady ? (
diff --git a/frontend/components/ops/OpsDashboard.tsx b/frontend/components/ops/OpsDashboard.tsx
index 0e861fbc..05473a40 100644
--- a/frontend/components/ops/OpsDashboard.tsx
+++ b/frontend/components/ops/OpsDashboard.tsx
@@ -86,6 +86,17 @@ type WeeklyLeaderboardEntry = {
weekly_points?: number;
};
+type MembershipEntry = {
+ user_id: string;
+ email?: string | null;
+ telegram_id?: number | null;
+ username?: string | null;
+ registered_at?: string | null;
+ plan_code?: string | null;
+ starts_at?: string | null;
+ expires_at?: string | null;
+};
+
function formatDateTime(value?: string | null) {
if (!value) return "-";
const date = new Date(value);
@@ -118,9 +129,11 @@ export function OpsDashboard() {
const [refreshedAt, setRefreshedAt] = useState(null);
const [searchQuery, setSearchQuery] = useState("");
const [users, setUsers] = useState([]);
+ const [memberships, setMemberships] = useState([]);
const [usersLoading, setUsersLoading] = useState(false);
const [usersError, setUsersError] = useState(null);
const [leaderboard, setLeaderboard] = useState([]);
+ const [membershipsLoading, setMembershipsLoading] = useState(false);
const [grantEmail, setGrantEmail] = useState("");
const [grantPoints, setGrantPoints] = useState("300");
const [grantStatus, setGrantStatus] = useState(null);
@@ -183,10 +196,25 @@ export function OpsDashboard() {
}
}, []);
+ const loadMemberships = useCallback(async () => {
+ setMembershipsLoading(true);
+ try {
+ const data = await readJson<{ memberships?: MembershipEntry[] }>(
+ "/api/ops/memberships?limit=200",
+ );
+ setMemberships(data.memberships || []);
+ } catch {
+ setMemberships([]);
+ } finally {
+ setMembershipsLoading(false);
+ }
+ }, []);
+
useEffect(() => {
void loadUsers("");
void loadLeaderboard();
- }, [loadLeaderboard, loadUsers]);
+ void loadMemberships();
+ }, [loadLeaderboard, loadMemberships, loadUsers]);
const rolloutDecision = status?.probability?.rollout?.decision;
@@ -227,12 +255,13 @@ export function OpsDashboard() {
);
await loadUsers(searchQuery);
await loadLeaderboard();
+ await loadMemberships();
} catch (submitError) {
setGrantError(String(submitError));
} finally {
setGrantLoading(false);
}
- }, [grantEmail, grantPoints, loadLeaderboard, loadUsers, searchQuery]);
+ }, [grantEmail, grantPoints, loadLeaderboard, loadMemberships, loadUsers, searchQuery]);
return (
@@ -400,6 +429,52 @@ export function OpsDashboard() {
+
+
+ 当前会员
+ 当前有效订阅用户、注册时间和到期时间。
+
+
+
+
+ 当前有效会员数：{memberships.length}
+
+
+
+
+
+
+ | 邮箱 |
+ 用户名 |
+ 注册时间 |
+ 到期时间 |
+
+
+
+ {memberships.map((item) => (
+
+ | {item.email || "-"} |
+ {item.username || "-"} |
+ {formatDateTime(item.registered_at)} |
+ {formatDateTime(item.expires_at)} |
+
+ ))}
+ {!memberships.length ? (
+
+ |
+ 暂无有效会员
+ |
+
+ ) : null}
+
+
+