@ploykit/ui 0.0.0-stage → 0.1.1

package/dist/pages/admin/OrdersPage.js

@@ -0,0 +1,236 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useSearchParams } from 'react-router';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useConfirm } from '../../components/ConfirmDialog';
+import { DataTable } from '../../components/DataTable';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page';
+import { SettingsCard } from '../../components/SettingsCard';
+import { toast } from '../../components/toast';
+import { Badge, StatusBadge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/Button';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { Tabs, TabsContent, TabsList, TabsTrigger, } from '../../components/ui/tabs';
+import { useApi } from '../../hooks/useApi';
+import { formatDateTime, shortID, statusLabel } from '../../lib/utils';
+import { ADMIN_PAGE_SIZE, adminError, adminListQuery, formatCents, } from './shared';
+const ORDER_STATUSES = ['pending', 'paid', 'failed', 'canceled', 'refunded'];
+function orderStatusLabel(s) {
+    if (s === 'refunded')
+        return '已退款';
+    return statusLabel(s);
+}
+const PROCESS_STATUS_LABEL = {
+    processed: '已处理',
+    pending: '待处理',
+    error: '处理出错',
+};
+export function OrdersPage() {
+    const api = useApi();
+    const qc = useQueryClient();
+    const confirm = useConfirm();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const statusParam = searchParams.get('status') ?? '';
+    const status = ORDER_STATUSES.includes(statusParam) ? statusParam : '';
+    const orderPage = Math.max(1, Number.parseInt(searchParams.get('page') ?? '1', 10) || 1);
+    const setOrderFilter = (nextStatus, nextPage = 1) => {
+        const p = new URLSearchParams(searchParams);
+        if (nextStatus)
+            p.set('status', nextStatus);
+        else
+            p.delete('status');
+        if (nextPage > 1)
+            p.set('page', String(nextPage));
+        else
+            p.delete('page');
+        setSearchParams(p, { replace: true });
+    };
+    const [eventPage, setEventPage] = useState(1);
+    const ordersQ = useQuery({
+        queryKey: ['admin', 'orders', orderPage, status],
+        queryFn: () => api.get(`/api/admin/orders${adminListQuery(orderPage, ADMIN_PAGE_SIZE, { status })}`),
+    });
+    const eventsQ = useQuery({
+        queryKey: ['admin', 'payment-events', eventPage],
+        queryFn: () => api.get(`/api/admin/payment-events${adminListQuery(eventPage, ADMIN_PAGE_SIZE)}`),
+    });
+    const channelsQ = useQuery({
+        queryKey: ['admin', 'billing-config'],
+        queryFn: () => api.get('/api/admin/billing/config'),
+    });
+    const [testingChannel, setTestingChannel] = useState('');
+    const testConnM = useMutation({
+        mutationFn: (channel) => api.post('/api/admin/billing/test-connection', { channel }),
+        onMutate: (channel) => setTestingChannel(channel),
+        onSettled: () => setTestingChannel(''),
+        onSuccess: (_d, channel) => toast.success(`${channel} 连接正常`),
+        onError: (e, channel) => toast.error(adminError(e, `${channel} 连接测试失败`)),
+    });
+    const cancelM = useMutation({
+        mutationFn: (o) => api.delete(`/api/admin/orders/${o.id}`),
+        onSuccess: (_d, o) => {
+            toast.success(`订单 ${shortID(o.id)} 已取消`);
+            void qc.invalidateQueries({ queryKey: ['admin', 'orders'] });
+        },
+        onError: (e) => toast.error(adminError(e, '订单取消失败')),
+    });
+    const markPaidM = useMutation({
+        mutationFn: (o) => api.post(`/api/admin/billing/orders/${o.id}/mark-paid`),
+        onSuccess: (_d, o) => {
+            toast.success(`订单 ${shortID(o.id)} 已核销（manual 标记已付）`);
+            void qc.invalidateQueries({ queryKey: ['admin', 'orders'] });
+        },
+        onError: (e) => toast.error(adminError(e, '标记已付失败')),
+    });
+    const expiryM = useMutation({
+        mutationFn: () => api.post('/api/admin/billing/run-expiry'),
+        onSuccess: (d) => toast.success(`本轮到期降级完成：降级 ${d?.expired ?? 0} 个工作区`),
+        onError: (e) => toast.error(adminError(e, '到期降级触发失败')),
+    });
+    const overageM = useMutation({
+        mutationFn: () => api.post('/api/admin/billing/run-overage'),
+        onSuccess: (d) => toast.success(`本轮超额出账完成：新建 ${d?.orders_created ?? 0} 笔订单`),
+        onError: (e) => toast.error(adminError(e, '超额出账触发失败')),
+    });
+    const onCancelOrder = async (o) => {
+        const ok = await confirm({
+            title: '取消订单',
+            description: `将取消 ${o.workspace_name} 的 ${formatCents(o.amount_cents, o.currency)} 订单（${shortID(o.id)}）。仅 pending 订单可取消。`,
+            confirmText: '取消订单',
+            danger: true,
+        });
+        if (ok)
+            cancelM.mutate(o);
+    };
+    const onMarkPaid = async (o) => {
+        const ok = await confirm({
+            title: '标记已付（manual 核销）',
+            description: `确认已线下收到 ${o.workspace_name} 的 ${formatCents(o.amount_cents, o.currency)}（订单 ${shortID(o.id)}，渠道 manual）？标记后 pending→paid 并发 billing.order_marked_paid 事件。`,
+            confirmText: '标记已付',
+            danger: true,
+        });
+        if (ok)
+            markPaidM.mutate(o);
+    };
+    const onRunExpiry = async () => {
+        const ok = await confirm({
+            title: '触发一轮到期降级',
+            description: '将立即扫描全部工作区，把订阅已到期的工作区降级为免费套餐——命中的工作区即刻失去付费能力（用户可重新购买恢复）。扫描幂等，可重复执行；操作计入平台审计日志。',
+            confirmText: '执行降级扫描',
+            danger: true,
+        });
+        if (ok)
+            expiryM.mutate();
+    };
+    const onRunOverage = async () => {
+        const ok = await confirm({
+            title: '触发一轮超额出账',
+            description: '将立即为全部超额工作区按当前用量创建计量账单订单（真实出账，用户会看到新的待支付订单）。操作幂等，可重复执行；结果计入平台审计日志。',
+            confirmText: '执行出账',
+            danger: true,
+        });
+        if (ok)
+            overageM.mutate();
+    };
+    const orders = ordersQ.data?.items ?? [];
+    const ordersTotal = ordersQ.data?.total ?? 0;
+    const pastEndOrders = !ordersQ.isPending && orders.length === 0 && orderPage > 1;
+    const orderColumns = [
+        {
+            key: 'workspace',
+            header: '工作区',
+            render: (o) => (_jsxs("div", { className: "min-w-0 max-w-[16rem]", children: [_jsx("p", { className: "truncate font-medium", children: o.workspace_name || '—' }), _jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", title: o.workspace_id, children: shortID(o.workspace_id) })] })),
+        },
+        {
+            key: 'plan',
+            header: '套餐 / 周期',
+            className: 'w-32',
+            render: (o) => (_jsxs("div", { className: "min-w-0 max-w-[12rem]", children: [_jsx("p", { className: "truncate", children: o.plan_code }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: o.interval })] })),
+        },
+        {
+            key: 'amount_cents',
+            header: '金额',
+            className: 'w-28',
+            render: (o) => (_jsx("span", { className: "whitespace-nowrap font-medium tabular-nums", children: formatCents(o.amount_cents, o.currency) })),
+        },
+        {
+            key: 'channel',
+            header: '渠道',
+            className: 'w-24',
+            render: (o) => _jsx("span", { className: "text-muted-foreground", children: o.channel }),
+        },
+        {
+            key: 'status',
+            header: '状态',
+            className: 'w-24',
+            render: (o) => _jsx(StatusBadge, { status: o.status }),
+        },
+        {
+            key: 'created_at',
+            header: '创建时间',
+            className: 'w-44',
+            render: (o) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDateTime(o.created_at) })),
+        },
+        {
+            key: 'actions',
+            header: '操作',
+            className: 'w-36',
+            render: (o) => (_jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [o.status === 'pending' && o.channel === 'manual' && (_jsx(Button, { variant: "outline", size: "sm", disabled: markPaidM.isPending, title: "\u7EBF\u4E0B\u6536\u6B3E\u786E\u8BA4\u540E\u6838\u9500\uFF1Apending\u2192paid\uFF0C\u5E76\u53D1 billing.order_marked_paid \u4E8B\u4EF6", onClick: () => void onMarkPaid(o), children: "\u6807\u8BB0\u5DF2\u4ED8" })), _jsx(Button, { variant: "outline", size: "sm", disabled: o.status !== 'pending' || cancelM.isPending, title: o.status !== 'pending' ? '仅 pending 订单可取消' : undefined, onClick: () => void onCancelOrder(o), children: "\u53D6\u6D88" })] })),
+        },
+    ];
+    const events = eventsQ.data?.items ?? [];
+    const eventsTotal = eventsQ.data?.total ?? 0;
+    const pastEndEvents = !eventsQ.isPending && events.length === 0 && eventPage > 1;
+    const eventColumns = [
+        {
+            key: 'channel',
+            header: '渠道 / 事件',
+            render: (e) => (_jsxs("div", { className: "min-w-0 max-w-[16rem]", children: [_jsx("p", { className: "truncate", children: e.channel }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", children: e.event_type }) })] })),
+        },
+        {
+            key: 'channel_event_id',
+            header: '渠道事件 ID',
+            className: 'w-40',
+            render: (e) => (_jsx("span", { className: "truncate font-mono text-xs text-muted-foreground", title: e.channel_event_id, children: shortID(e.channel_event_id) })),
+        },
+        {
+            key: 'order_id',
+            header: '关联订单',
+            className: 'w-28',
+            render: (e) => e.order_id ? (_jsx("span", { className: "font-mono text-xs", title: e.order_id, children: shortID(e.order_id) })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })),
+        },
+        {
+            key: 'processed',
+            header: '处理状态',
+            className: 'w-32',
+            render: (e) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [e.processed ? (_jsx(Badge, { variant: "outline", children: "\u5DF2\u5904\u7406" })) : (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "\u672A\u5904\u7406" })), e.process_status !== 'processed' && (_jsx("span", { className: "truncate text-xs text-muted-foreground", title: e.process_error ?? '', children: PROCESS_STATUS_LABEL[e.process_status] ?? e.process_status }))] })),
+        },
+        {
+            key: 'created_at',
+            header: '时间',
+            className: 'w-44',
+            render: (e) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDateTime(e.created_at) })),
+        },
+    ];
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u8BA2\u5355", description: "\u8DE8\u5DE5\u4F5C\u533A\u8BA2\u5355\u3001\u652F\u4ED8\u4E8B\u4EF6\u5E42\u7B49\u5C42\u4E0E\u8BA1\u8D39\u8FD0\u7EF4\u624B\u52A8\u89E6\u53D1", actions: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: expiryM.isPending, onClick: () => void onRunExpiry(), children: expiryM.isPending ? '执行中…' : '触发到期降级' }), _jsx(Button, { variant: "outline", size: "sm", disabled: overageM.isPending, onClick: () => void onRunOverage(), children: overageM.isPending ? '执行中…' : '触发超额出账' })] }) }), _jsx(SettingsCard, { title: "\u652F\u4ED8\u6E20\u9053", description: "\u6E20\u9053\u51ED\u636E\u914D\u7F6E\u72B6\u6001\u4E0E\u8FDE\u901A\u6027\uFF08env \u662F\u5BC6\u94A5\u771F\u6E90\uFF0C\u6B64\u5904\u53EA\u8BFB\u53EF\u89C1\u6027\uFF1B\u5BC6\u94A5 DB \u5316\u5F85\u7B2C\u4E8C\u6E20\u9053\u51FA\u73B0\u518D\u505A\uFF09", children: channelsQ.isError ? (_jsx(PageError, { message: adminError(channelsQ.error, '渠道配置加载失败'), onRetry: () => void channelsQ.refetch() })) : (_jsxs("div", { className: "space-y-2", children: [channelsQ.isPending && (_jsx("p", { className: "text-sm text-muted-foreground", children: "\u52A0\u8F7D\u6E20\u9053\u914D\u7F6E\u4E2D\u2026" })), (channelsQ.data?.channels ?? []).map((ch) => (_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 rounded-lg border px-4 py-3 text-sm", children: [_jsx("span", { className: "min-w-20 font-medium", children: ch.name }), ch.configured ? (_jsx(Badge, { children: "\u5DF2\u914D\u7F6E" })) : (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "\u672A\u914D\u7F6E" })), _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", title: "\u5BC6\u94A5\u63A9\u7801\uFF08\u539F\u59CB\u5BC6\u94A5\u4E0D\u53EF\u89C1\uFF09", children: ch.key_masked }), ch.webhook_configured ? (_jsx(Badge, { variant: "outline", children: "webhook \u5DF2\u914D\u7F6E" })) : (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "webhook \u672A\u914D\u7F6E" })), _jsx("span", { className: "flex-1" }), _jsx(Button, { variant: "outline", size: "sm", disabled: !ch.configured ||
+                                        ch.name === 'manual' ||
+                                        testConnM.isPending, title: !ch.configured
+                                        ? '渠道未配置密钥，无法测试'
+                                        : ch.name === 'manual'
+                                            ? 'manual 为线下收款渠道，无外部服务可测试连接'
+                                            : '向渠道发起一次只读连通性请求', onClick: () => testConnM.mutate(ch.name), children: testingChannel === ch.name ? '测试中…' : '测试连接' })] }, ch.name))), !channelsQ.isPending &&
+                            (channelsQ.data?.channels ?? []).length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "\u6682\u65E0\u6E20\u9053" }))] })) }), _jsxs(Tabs, { defaultValue: "orders", children: [_jsxs(TabsList, { className: "mb-4", children: [_jsx(TabsTrigger, { value: "orders", children: "\u8BA2\u5355" }), _jsx(TabsTrigger, { value: "payment-events", children: "\u652F\u4ED8\u4E8B\u4EF6" })] }), _jsxs(TabsContent, { value: "orders", children: [_jsx("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: _jsxs(Select, { value: status || 'all', onValueChange: (v) => {
+                                        const next = typeof v === 'string' && v !== 'all' ? v : '';
+                                        setOrderFilter(next, 1);
+                                    }, children: [_jsx(SelectTrigger, { size: "sm", className: "w-44", "aria-label": "\u6309\u8BA2\u5355\u72B6\u6001\u8FC7\u6EE4", children: _jsx(SelectValue, { children: status ? orderStatusLabel(status) : '全部状态' }) }), _jsxs(SelectContent, { align: "start", children: [_jsx(SelectItem, { value: "all", children: "\u5168\u90E8\u72B6\u6001" }), ORDER_STATUSES.map((s) => (_jsx(SelectItem, { value: s, children: orderStatusLabel(s) }, s)))] })] }) }), ordersQ.isError ? (_jsx(PageError, { message: `${adminError(ordersQ.error, '订单列表加载失败')}；重试仍失败时，请稍后再来或联系平台管理员`, onRetry: () => void ordersQ.refetch() })) : (_jsx(DataTable, { columns: orderColumns, rows: orders, rowKey: (o) => o.id, loading: ordersQ.isPending, pagination: {
+                                    page: orderPage,
+                                    pageSize: ADMIN_PAGE_SIZE,
+                                    total: ordersTotal,
+                                    onPageChange: (p) => setOrderFilter(status, p),
+                                }, empty: pastEndOrders ? (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx(PageEmpty, { label: "\u6CA1\u6709\u66F4\u591A\u8BA2\u5355\u4E86", hint: "\u5F53\u524D\u9875\u6570\u636E\u53EF\u80FD\u5DF2\u88AB\u5220\u9664" }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setOrderFilter(status, 1), children: "\u8FD4\u56DE\u7B2C\u4E00\u9875" })] })) : status ? (_jsx(PageEmpty, { label: "\u6CA1\u6709\u8BE5\u72B6\u6001\u7684\u8BA2\u5355", hint: "\u6362\u4E2A\u72B6\u6001\u6216\u6E05\u9664\u8FC7\u6EE4" })) : (_jsx(PageEmpty, { label: "\u6682\u65E0\u8BA2\u5355", hint: "\u5DE5\u4F5C\u533A\u5B8C\u6210\u8D2D\u4E70\u540E\u8BA2\u5355\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\uFF08\u542B\u7EBF\u4E0B manual \u5355\uFF09" })) }))] }), _jsx(TabsContent, { value: "payment-events", children: eventsQ.isError ? (_jsx(PageError, { message: adminError(eventsQ.error, '支付事件加载失败'), onRetry: () => void eventsQ.refetch() })) : (_jsx(DataTable, { columns: eventColumns, rows: events, rowKey: (e) => e.id, loading: eventsQ.isPending, pagination: {
+                                page: eventPage,
+                                pageSize: ADMIN_PAGE_SIZE,
+                                total: eventsTotal,
+                                onPageChange: setEventPage,
+                            }, empty: pastEndEvents ? (_jsxs("div", { className: "flex flex-col items-center gap-3 py-10 text-sm text-muted-foreground", children: [_jsx("p", { children: "\u6CA1\u6709\u66F4\u591A\u652F\u4ED8\u4E8B\u4EF6\u4E86" }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setEventPage(1), children: "\u8FD4\u56DE\u7B2C\u4E00\u9875" })] })) : (_jsx(PageEmpty, { label: "\u6682\u65E0\u652F\u4ED8\u4E8B\u4EF6", hint: "\u6E20\u9053\u56DE\u8C03\u5230\u8FBE\u540E\u5728\u6B64\u53EF\u89C1\uFF08\u542B\u672A\u6D88\u8D39\u4E8B\u4EF6\uFF09" })) })) })] })] }));
+}

package/dist/pages/admin/OverviewPage.d.ts

@@ -0,0 +1 @@
+export declare function OverviewPage(): import("react").JSX.Element;

package/dist/pages/admin/OverviewPage.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useLocation, useSearchParams } from 'react-router';
+import { Copy, Megaphone } from 'lucide-react';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { DataTable } from '../../components/DataTable';
+import { FormField } from '../../components/FormField';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page';
+import { toast } from '../../components/toast';
+import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/Button';
+import { Card, CardAction, CardDescription, CardHeader, CardTitle, } from '../../components/ui/card';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../components/ui/dialog';
+import { Input } from '../../components/ui/Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { useApi } from '../../hooks/useApi';
+import { apiErrorMessage } from '../../lib/api-error';
+import { formatDateTime } from '../../lib/utils';
+import { adminError } from './shared';
+const DAY_OPTIONS = [7, 14, 30, 90];
+const RECENT_LIMIT = 20;
+const STATS_CALIBER = {
+    总用户: '全部注册用户（含已封禁）',
+    活跃用户: '状态为「生效中」的用户数（非登录活跃度）',
+    工作区: '全部工作区总数',
+    付费工作区: '当前套餐不是免费套餐的工作区数',
+    '近 7 天新增用户': '最近 7 天内注册的用户数',
+    '近 30 天新增用户': '最近 30 天内注册的用户数',
+};
+function EventTypeCode({ type }) {
+    return (_jsx("code", { className: "block max-w-[16rem] truncate rounded bg-muted px-1.5 py-0.5 font-mono text-xs", title: type, children: type }));
+}
+const analyticsColumns = [
+    {
+        key: 'event_type',
+        header: '事件类型',
+        render: (r) => _jsx(EventTypeCode, { type: r.event_type }),
+    },
+    {
+        key: 'count',
+        header: '次数',
+        className: 'w-24 text-right',
+        render: (r) => (_jsx("span", { className: "font-medium tabular-nums", children: r.count.toLocaleString() })),
+    },
+    {
+        key: 'last_at',
+        header: '最近发生',
+        className: 'w-44',
+        render: (r) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDateTime(r.last_at) })),
+    },
+];
+export function OverviewPage() {
+    const api = useApi();
+    const { hash } = useLocation();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const daysParam = Number(searchParams.get('days'));
+    const [days, setDays] = useState(DAY_OPTIONS.includes(daysParam) ? daysParam : 7);
+    const [recentType, setRecentType] = useState(searchParams.get('type') ?? '');
+    const updateParams = (next) => {
+        const p = new URLSearchParams(searchParams);
+        if (next.days !== undefined) {
+            if (next.days === 7)
+                p.delete('days');
+            else
+                p.set('days', String(next.days));
+        }
+        if (next.type !== undefined) {
+            if (next.type === '')
+                p.delete('type');
+            else
+                p.set('type', next.type);
+        }
+        setSearchParams(p, { replace: true });
+    };
+    const [announceOpen, setAnnounceOpen] = useState(false);
+    const [target, setTarget] = useState('all');
+    const [targetUser, setTargetUser] = useState('');
+    const [title, setTitle] = useState('');
+    const [body, setBody] = useState('');
+    const [link, setLink] = useState('');
+    const notifyM = useMutation({
+        mutationFn: () => api.post('/api/admin/notify', {
+            target,
+            user_id: target === 'user' ? targetUser.trim() : undefined,
+            title: title.trim(),
+            body: body.trim(),
+            link: link.trim() || undefined,
+        }),
+        onSuccess: (r) => {
+            if (typeof r?.sent === 'number') {
+                const failedSuffix = typeof r.failed === 'number' && r.failed > 0
+                    ? `，失败 ${r.failed}`
+                    : '';
+                toast.success(`公告已发送：成功 ${r.sent}${failedSuffix}`);
+            }
+            else if (target === 'user') {
+                toast.success('公告已发送给指定用户');
+            }
+            else {
+                toast.success('公告已全员发送，逐人明细可在「审计」页查看');
+            }
+            setAnnounceOpen(false);
+            setTitle('');
+            setBody('');
+            setLink('');
+            setTargetUser('');
+        },
+        onError: (e) => toast.error(adminError(e, '公告发送失败')),
+    });
+    const statsQ = useQuery({
+        queryKey: ['admin', 'stats'],
+        queryFn: () => api.get('/api/admin/stats'),
+    });
+    const analyticsQ = useQuery({
+        queryKey: ['admin', 'analytics', days],
+        queryFn: () => api.get(`/api/admin/analytics?days=${days}`),
+    });
+    const [knownTypes, setKnownTypes] = useState([]);
+    useEffect(() => {
+        const types = (analyticsQ.data ?? []).map((r) => r.event_type);
+        if (types.length === 0)
+            return;
+        setKnownTypes((prev) => {
+            const merged = Array.from(new Set([...prev, ...types])).sort();
+            return merged.length === prev.length ? prev : merged;
+        });
+    }, [analyticsQ.data]);
+    const recentQ = useQuery({
+        queryKey: ['admin', 'analytics-recent', recentType],
+        queryFn: () => api.get(`/api/admin/analytics/recent?limit=${RECENT_LIMIT}${recentType ? `&type=${encodeURIComponent(recentType)}` : ''}`),
+    });
+    const recentColumns = [
+        {
+            key: 'event_type',
+            header: '事件类型',
+            render: (r) => _jsx(EventTypeCode, { type: r.event_type }),
+        },
+        {
+            key: 'entity',
+            header: '对象',
+            render: (r) => r.entity_type || r.entity_id ? (_jsx("span", { className: "block max-w-[16rem] truncate font-mono text-xs text-muted-foreground", title: `${r.entity_type ?? ''} ${r.entity_id ?? ''}`, children: [r.entity_type, r.entity_id].filter(Boolean).join(' ') })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })),
+        },
+        {
+            key: 'workspace_id',
+            header: '工作区',
+            className: 'w-32',
+            render: (r) => r.workspace_id ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", title: r.workspace_id, children: r.workspace_id.slice(0, 8) }), _jsx(Button, { variant: "ghost", size: "sm", className: "size-6 p-0 text-muted-foreground", "aria-label": `复制工作区 ID ${r.workspace_id}`, title: `复制完整 ID：${r.workspace_id}`, onClick: () => {
+                            const full = r.workspace_id ?? '';
+                            if (typeof navigator.clipboard?.writeText === 'function') {
+                                void navigator.clipboard
+                                    .writeText(full)
+                                    .then(() => toast.success('工作区 ID 已复制'))
+                                    .catch(() => toast.error(`复制失败，完整 ID：${full}`));
+                            }
+                            else {
+                                toast.info(`当前环境不支持自动复制，完整 ID：${full}`);
+                            }
+                        }, children: _jsx(Copy, { size: 12, "aria-hidden": "true" }) })] })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u5E73\u53F0" })),
+        },
+        {
+            key: 'created_at',
+            header: '时间',
+            className: 'w-44',
+            render: (r) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDateTime(r.created_at) })),
+        },
+    ];
+    useEffect(() => {
+        if (hash === '#analytics') {
+            document
+                .getElementById('admin-analytics')
+                ?.scrollIntoView({ block: 'start' });
+        }
+    }, [hash]);
+    const stats = statsQ.data
+        ? [
+            ['总用户', statsQ.data.total_users],
+            ['活跃用户', statsQ.data.active_users],
+            ['工作区', statsQ.data.total_workspaces],
+            ['付费工作区', statsQ.data.paid_workspaces],
+            ['近 7 天新增用户', statsQ.data.new_users_7d],
+            ['近 30 天新增用户', statsQ.data.new_users_30d],
+        ]
+        : [];
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(PageHeader, { title: "\u6982\u89C8", description: "\u5E73\u53F0\u5168\u5C40\u6307\u6807\u4E0E\u4E8B\u4EF6\u57CB\u70B9\u6C47\u603B", actions: _jsxs(Button, { onClick: () => setAnnounceOpen(true), children: [_jsx(Megaphone, {}), " \u53D1\u5E03\u516C\u544A"] }) }), statsQ.isPending && (_jsx("p", { className: "text-sm text-muted-foreground", children: "\u52A0\u8F7D\u6307\u6807\u4E2D\u2026" })), statsQ.isError && (_jsx(PageError, { message: adminError(statsQ.error, '指标加载失败'), onRetry: () => void statsQ.refetch() })), statsQ.isSuccess && (_jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6", children: stats.map(([label, value]) => (_jsx(Card, { size: "sm", title: STATS_CALIBER[label], children: _jsxs(CardHeader, { children: [_jsx(CardDescription, { children: label }), _jsx(CardTitle, { className: "text-2xl font-semibold tabular-nums", children: value.toLocaleString() })] }) }, label))) })), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("h2", { className: "font-medium", children: "\u6700\u8FD1\u4E8B\u4EF6" }) }), _jsx(CardDescription, { children: "\u6D3B\u52A8\u6D41\uFF1A\u8FD1\u7AEF\u57CB\u70B9\u4E8B\u4EF6\uFF0C\u6309\u65F6\u95F4\u5012\u5E8F" }), _jsx(CardAction, { children: _jsxs(Select, { value: recentType || 'all', onValueChange: (v) => {
+                                        const next = typeof v === 'string' && v !== 'all' ? v : '';
+                                        setRecentType(next);
+                                        updateParams({ type: next });
+                                    }, children: [_jsx(SelectTrigger, { size: "sm", "aria-label": "\u6309\u4E8B\u4EF6\u7C7B\u578B\u8FC7\u6EE4\u6D3B\u52A8\u6D41", children: _jsx(SelectValue, { children: recentType || '全部类型' }) }), _jsxs(SelectContent, { align: "end", children: [_jsx(SelectItem, { value: "all", children: "\u5168\u90E8\u7C7B\u578B" }), knownTypes.map((t) => (_jsx(SelectItem, { value: t, children: t }, t)))] })] }) })] }), _jsx("div", { className: "px-6", children: recentQ.isError ? (_jsxs("p", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: ["\u6D3B\u52A8\u6D41\u52A0\u8F7D\u5931\u8D25\uFF08", apiErrorMessage(recentQ.error, '未知错误'), "\uFF09", _jsx("button", { className: "underline", onClick: () => void recentQ.refetch(), children: "\u91CD\u8BD5" })] })) : (_jsx(DataTable, { columns: recentColumns, rows: recentQ.data ?? [], rowKey: (r) => String(r.id), loading: recentQ.isPending, empty: recentType ? (_jsx(PageEmpty, { label: `近端无 ${recentType} 事件`, hint: "\u6362\u4E2A\u7C7B\u578B\u6216\u6E05\u9664\u8FC7\u6EE4" })) : (_jsx(PageEmpty, { label: "\u6682\u65E0\u57CB\u70B9\u4E8B\u4EF6", hint: "\u4E1A\u52A1\u6D41\u91CF\u5230\u8FBE\u540E\u5728\u6B64\u5B9E\u65F6\u53EF\u89C1\uFF08analytics \u7BA1\u7EBF\u4EA7\u7269\uFF09" })) })) })] }), _jsx("section", { id: "admin-analytics", className: "scroll-mt-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: _jsx("h2", { className: "font-medium", children: "\u4E8B\u4EF6\u57CB\u70B9\u6C47\u603B" }) }), _jsx(CardDescription, { children: "\u6309\u4E8B\u4EF6\u7C7B\u578B\u805A\u5408\u7684\u51FA\u73B0\u6B21\u6570\u4E0E\u6700\u8FD1\u53D1\u751F\u65F6\u95F4" }), _jsx(CardAction, { children: _jsxs(Select, { value: days, onValueChange: (v) => {
+                                            if (typeof v === 'number') {
+                                                setDays(v);
+                                                updateParams({ days: v });
+                                            }
+                                        }, children: [_jsx(SelectTrigger, { size: "sm", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4\u8303\u56F4", children: _jsxs(SelectValue, { children: ["\u8FD1 ", days, " \u5929"] }) }), _jsx(SelectContent, { align: "end", children: DAY_OPTIONS.map((d) => (_jsxs(SelectItem, { value: d, children: ["\u8FD1 ", d, " \u5929"] }, d))) })] }) })] }), _jsx("div", { className: "px-6", children: analyticsQ.isError ? (_jsxs("p", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: ["\u57CB\u70B9\u6C47\u603B\u52A0\u8F7D\u5931\u8D25\uFF08", apiErrorMessage(analyticsQ.error, '未知错误'), "\uFF09", _jsx("button", { className: "underline", onClick: () => void analyticsQ.refetch(), children: "\u91CD\u8BD5" })] })) : (_jsx(DataTable, { columns: analyticsColumns, rows: analyticsQ.data ?? [], rowKey: (r) => r.event_type, loading: analyticsQ.isPending, empty: _jsx(PageEmpty, { label: "\u6682\u65E0\u57CB\u70B9\u4E8B\u4EF6", hint: "\u8FD1\u671F\u6CA1\u6709\u4E8B\u4EF6\u5199\u5165\uFF0C\u6216\u57CB\u70B9\u7BA1\u7EBF\u672A\u63A5\u7EBF" }) })) })] }) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [_jsx(Badge, { variant: "outline", className: "mr-1", children: "\u63D0\u793A" }), "\u7BA1\u7406\u53F0\u6570\u636E\u4E3A\u5E73\u53F0\u7EA7\u89C6\u56FE\uFF1B\u7528\u6237/\u5DE5\u4F5C\u533A\u7684\u5177\u4F53\u64CD\u4F5C\u89C1\u5DE6\u4FA7\u5BFC\u822A\u3002"] }), _jsx(Dialog, { open: announceOpen, onOpenChange: setAnnounceOpen, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "\u53D1\u5E03\u516C\u544A" }), _jsx(DialogDescription, { children: "\u4EE5\u7AD9\u5185\u901A\u77E5\u53D1\u9001\u3002\u5168\u5458\u6A21\u5F0F\u5355\u6B21\u4E0A\u9650 1000 \u4EBA\uFF1B\u540C\u6807\u9898\u540C\u65E5\u53EA\u53D1\u4E00\u6B21\uFF08\u91CD\u590D \u53D1\u9001\u81EA\u52A8\u8DF3\u8FC7\uFF09\u3002" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(FormField, { label: "\u6536\u4EF6\u8303\u56F4", htmlFor: "announce-target", children: _jsxs(Select, { value: target, onValueChange: (v) => {
+                                            if (v === 'user' || v === 'all')
+                                                setTarget(v);
+                                        }, children: [_jsx(SelectTrigger, { id: "announce-target", "aria-label": "\u6536\u4EF6\u8303\u56F4", children: _jsx(SelectValue, { children: target === 'all' ? '全部活跃用户' : '指定用户' }) }), _jsxs(SelectContent, { align: "start", children: [_jsx(SelectItem, { value: "all", children: "\u5168\u90E8\u6D3B\u8DC3\u7528\u6237" }), _jsx(SelectItem, { value: "user", children: "\u6307\u5B9A\u7528\u6237" })] })] }) }), target === 'user' && (_jsx(FormField, { label: "\u7528\u6237 ID\uFF08\u5FC5\u586B\uFF09", htmlFor: "announce-user", children: _jsx(Input, { id: "announce-user", className: "font-mono", placeholder: "\u8F93\u5165\u76EE\u6807\u7528\u6237\u7684\u7528\u6237 ID", value: targetUser, onChange: (e) => setTargetUser(e.target.value) }) })), _jsx(FormField, { label: "\u6807\u9898\uFF08\u5FC5\u586B\uFF09", htmlFor: "announce-title", children: _jsx(Input, { id: "announce-title", placeholder: "\u5982\uFF1A\u4ECA\u665A 22:00 \u4F8B\u884C\u7EF4\u62A4", value: title, onChange: (e) => setTitle(e.target.value) }) }), _jsx(FormField, { label: "\u6B63\u6587\uFF08\u5FC5\u586B\uFF09", htmlFor: "announce-body", children: _jsx("textarea", { id: "announce-body", className: "flex min-h-24 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", placeholder: "\u516C\u544A\u5185\u5BB9\uFF08\u652F\u6301\u591A\u884C\uFF09", value: body, onChange: (e) => setBody(e.target.value) }) }), _jsx(FormField, { label: "\u8DF3\u8F6C\u94FE\u63A5\uFF08\u53EF\u9009\uFF09", htmlFor: "announce-link", children: _jsx(Input, { id: "announce-link", placeholder: "https://\u2026 \u6216\u7AD9\u5185\u9875\u9762\u8DEF\u5F84\uFF1B\u586B\u5199\u540E\u901A\u77E5\u53EF\u70B9\u51FB\u8DF3\u8F6C", value: link, onChange: (e) => setLink(e.target.value) }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setAnnounceOpen(false), children: "\u53D6\u6D88" }), _jsx(Button, { disabled: notifyM.isPending ||
+                                        !title.trim() ||
+                                        !body.trim() ||
+                                        (target === 'user' && !targetUser.trim()), onClick: () => notifyM.mutate(), children: notifyM.isPending ? '发送中…' : '发送' })] })] }) })] }));
+}

package/dist/pages/admin/SSOPage.d.ts

@@ -0,0 +1 @@
+export declare function SSOPage(): import("react").JSX.Element;

package/dist/pages/admin/SSOPage.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Link } from 'react-router';
+import { useQuery } from '@tanstack/react-query';
+import { DataTable } from '../../components/DataTable';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page';
+import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/Button';
+import { useApi } from '../../hooks/useApi';
+import { formatDateTime } from '../../lib/utils';
+import { ADMIN_PAGE_SIZE, adminError } from './shared';
+export function SSOPage() {
+    const api = useApi();
+    const listQ = useQuery({
+        queryKey: ['admin', 'sso'],
+        queryFn: () => api.get('/api/admin/sso'),
+    });
+    const [page, setPage] = useState(1);
+    const all = listQ.data ?? [];
+    const total = all.length;
+    const rows = all.slice((page - 1) * ADMIN_PAGE_SIZE, page * ADMIN_PAGE_SIZE);
+    const pastEnd = !listQ.isPending && rows.length === 0 && page > 1;
+    const columns = [
+        {
+            key: 'workspace',
+            header: '工作区',
+            render: (s) => (_jsxs("div", { className: "min-w-0 max-w-[16rem]", children: [_jsx("p", { className: "truncate font-medium", children: _jsx(Link, { to: `/admin/workspaces/${s.workspace_id}`, className: "transition-colors hover:text-primary hover:underline", title: "\u524D\u5F80\u8BE5\u5DE5\u4F5C\u533A\u7684\u7BA1\u7406\u8BE6\u60C5\u9875", children: s.workspace_name || '—' }) }), _jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", children: s.workspace_slug })] })),
+        },
+        {
+            key: 'issuer_url',
+            header: 'Issuer',
+            render: (s) => (_jsxs("div", { className: "min-w-0 max-w-[24rem]", children: [_jsx("p", { className: "truncate font-mono text-xs", title: s.issuer_url, children: s.issuer_url }), _jsxs("p", { className: "truncate font-mono text-xs text-muted-foreground", title: s.client_id, children: ["client_id: ", s.client_id] })] })),
+        },
+        {
+            key: 'secret',
+            header: 'client_secret',
+            className: 'w-36',
+            render: (s) => s.secret_sealed ? (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "\u5DF2\u52A0\u5BC6" })) : (_jsxs("div", { className: "min-w-0", children: [_jsx(Badge, { variant: "destructive", children: "\u660E\u6587" }), _jsx("p", { className: "mt-1 max-w-[12rem] truncate text-xs text-destructive", title: "\u5B58\u91CF\u660E\u6587\uFF08\u8FC1\u79FB 016 \u65F6\u4EE3\u5199\u5165\uFF09\uFF1A\u90E8\u7F72\u914D\u7F6E PLOYKIT_SEAL_KEY \u540E\uFF0C\u5230\u8BE5\u5DE5\u4F5C\u533A\u81EA\u52A9\u9762\u91CD\u65B0\u4FDD\u5B58\u4E00\u6B21\u5373\u53EF\u52A0\u5BC6", children: "\u9700\u91CD\u65B0\u4FDD\u5B58\u4EE5\u52A0\u5BC6" })] })),
+        },
+        {
+            key: 'created_at',
+            header: '配置 / 更新时间',
+            className: 'w-44',
+            render: (s) => (_jsxs("div", { className: "whitespace-nowrap text-muted-foreground", children: [_jsx("p", { children: formatDateTime(s.created_at) }), s.updated_at !== s.created_at && (_jsxs("p", { className: "text-xs", children: ["\u66F4\u65B0 ", formatDateTime(s.updated_at)] }))] })),
+        },
+    ];
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "SSO", description: "\u8DE8\u5DE5\u4F5C\u533A\u8054\u90A6 SSO\uFF08OIDC\uFF09\u6982\u89C8\u2014\u2014\u53EA\u8BFB\uFF1B\u5BC6\u94A5\u5BC6\u5C01\u72B6\u6001\u4E0E\u914D\u7F6E\u5F52\u5C5E\u4E00\u89C8" }), _jsx("p", { className: "mb-4 max-w-3xl text-sm text-muted-foreground", children: "\u6BCF\u5DE5\u4F5C\u533A\u81F3\u591A\u4E00\u6761\u8054\u90A6 IdP \u914D\u7F6E\uFF08\u4F01\u4E1A SSO \u767B\u5F55\u5165\u53E3\uFF09\u3002\u914D\u7F6E\u7684\u589E\u5220\u6539\u5728\u5404\u5DE5\u4F5C\u533A \u81EA\u52A9\u9762\u5B8C\u6210\uFF08\u5DE5\u4F5C\u533A\u8BBE\u7F6E \u2192 \u8054\u90A6 SSO\uFF09\uFF0C\u7BA1\u7406\u53F0\u4E0D\u4EE3\u4E3A\u64CD\u4F5C\uFF08\u70B9\u5DE5\u4F5C\u533A\u540D\u53EF\u76F4\u8FBE\u5176\u7BA1\u7406\u8BE6\u60C5\u9875\uFF09\uFF1Bclient_secret \u6C38\u4E0D\u56DE\u4F20\uFF0C\u6B64\u5904\u53EA\u5C55\u793A\u5176\u5BC6\u5C01\u72B6\u6001\uFF08sealed:v1 \u52A0\u5BC6 / \u5B58\u91CF\u660E\u6587\u8B66\u544A\uFF09\u3002" }), listQ.isError ? (_jsx(PageError, { message: adminError(listQ.error, 'SSO 概览加载失败'), onRetry: () => void listQ.refetch() })) : (_jsx(DataTable, { columns: columns, rows: rows, rowKey: (s) => s.workspace_id, loading: listQ.isPending, pagination: {
+                    page,
+                    pageSize: ADMIN_PAGE_SIZE,
+                    total,
+                    onPageChange: setPage,
+                }, empty: pastEnd ? (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx(PageEmpty, { label: "\u6CA1\u6709\u66F4\u591A\u914D\u7F6E\u4E86", hint: "\u5F53\u524D\u9875\u6570\u636E\u53EF\u80FD\u5DF2\u88AB\u5220\u9664" }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setPage(1), children: "\u8FD4\u56DE\u7B2C\u4E00\u9875" })] })) : (_jsx(PageEmpty, { label: "\u65E0\u5DE5\u4F5C\u533A\u914D\u7F6E\u8054\u90A6 SSO", hint: "\u5DE5\u4F5C\u533A\u5728\u81EA\u52A9\u9762\u914D\u7F6E\u4F01\u4E1A IdP \u540E\u4F1A\u5728\u6B64\u51FA\u73B0" })) }))] }));
+}

package/dist/pages/admin/UserDetailPage.d.ts

@@ -0,0 +1 @@
+export declare function UserDetailPage(): import("react").JSX.Element;