@ploykit/ui 0.0.0-stage → 0.1.1

package/dist/pages/auth/ResetPasswordPage.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { AuthShell } from '../../layouts/AuthShell';
+import { FormField } from '../../components/FormField';
+import { Button } from '../../components/ui/Button';
+import { Input } from '../../components/ui/Input';
+import { usePasswordReset } from '../../hooks/usePasswordReset';
+import { passwordSchema } from './RegisterPage';
+const REDIRECT_DELAY_MS = 3000;
+export function ResetPasswordPage({ onDone }) {
+    const { reset } = usePasswordReset();
+    const [params, setParams] = useState(null);
+    const email = params?.get('email') ?? '';
+    const token = params?.get('token') ?? '';
+    const [password, setPassword] = useState('');
+    const [confirm, setConfirm] = useState('');
+    const [loading, setLoading] = useState(false);
+    const [done, setDone] = useState(false);
+    const [countdown, setCountdown] = useState(REDIRECT_DELAY_MS / 1000);
+    const [confirmError, setConfirmError] = useState(null);
+    const [serverError, setServerError] = useState(null);
+    useEffect(() => {
+        setParams(new URLSearchParams(window.location.search));
+    }, []);
+    useEffect(() => {
+        if (!done)
+            return;
+        try {
+            window.history.replaceState(null, '', window.location.pathname);
+        }
+        catch {
+            /* replaceState 不可用（极端沙箱）时忽略——令牌已失效，仅剩地址残留 */
+        }
+        const tick = setInterval(() => setCountdown((c) => c - 1), 1000);
+        const jump = setTimeout(() => {
+            window.location.href = onDone ?? '/login';
+        }, REDIRECT_DELAY_MS);
+        return () => {
+            clearInterval(tick);
+            clearTimeout(jump);
+        };
+    }, [done, onDone]);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setConfirmError(null);
+        setServerError(null);
+        if (!password || !confirm)
+            return;
+        if (password !== confirm) {
+            setConfirmError('两次输入的密码不一致');
+            return;
+        }
+        const pwCheck = passwordSchema.safeParse(password);
+        if (!pwCheck.success) {
+            setServerError(pwCheck.error.issues[0]?.message ?? '密码不符合要求');
+            return;
+        }
+        setLoading(true);
+        try {
+            await reset(email, token, password);
+            setDone(true);
+        }
+        catch (err) {
+            setServerError(err instanceof Error ? err.message : '重置失败，链接可能已失效');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(AuthShell, { children: _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx("div", { className: "space-y-1 text-center", children: _jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "\u8BBE\u7F6E\u65B0\u5BC6\u7801" }) }), done ? (_jsxs("div", { className: "space-y-2 text-center", "data-testid": "reset-done", children: [_jsx("p", { className: "text-sm text-emerald-600", children: "\u5BC6\u7801\u5DF2\u91CD\u7F6E\uFF0C\u5168\u90E8\u65E7\u4F1A\u8BDD\u5DF2\u5931\u6548\u3002" }), _jsx("p", { className: "text-sm text-muted-foreground", children: countdown > 0 ? `${countdown} 秒后跳转登录页…` : '正在跳转…' })] })) : params === null ? (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "\u6B63\u5728\u6253\u5F00\u94FE\u63A5\u2026" })) : !email || !token ? (_jsx("p", { className: "text-center text-sm text-destructive", "data-testid": "reset-invalid", children: "\u94FE\u63A5\u65E0\u6548\uFF1A\u7F3A\u5C11\u90AE\u7BB1\u6216\u4EE4\u724C\u53C2\u6570\uFF0C\u8BF7\u4ECE\u90AE\u4EF6\u4E2D\u7684\u94FE\u63A5\u8FDB\u5165\u3002" })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u6B63\u5728\u4E3A ", email, " \u8BBE\u7F6E\u65B0\u5BC6\u7801"] }), _jsx(FormField, { label: "\u65B0\u5BC6\u7801", htmlFor: "reset-new", children: _jsx(Input, { id: "reset-new", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "\u81F3\u5C11 10 \u4F4D\uFF0C\u542B\u4E09\u7C7B\u5B57\u7B26", autoComplete: "new-password", required: true }) }), _jsx(FormField, { label: "\u786E\u8BA4\u65B0\u5BC6\u7801", error: confirmError ?? undefined, htmlFor: "reset-confirm", children: _jsx(Input, { id: "reset-confirm", type: "password", value: confirm, onChange: (e) => setConfirm(e.target.value), placeholder: "\u518D\u8F93\u5165\u4E00\u6B21", autoComplete: "new-password", "aria-invalid": confirmError ? true : undefined, required: true }) }), serverError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: serverError })), _jsx(Button, { type: "submit", className: "w-full", disabled: loading || !password || !confirm, children: loading ? '提交中…' : '重置密码' })] }))] }) }));
+}

package/dist/pages/auth/VerifyEmailPage.d.ts

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

package/dist/pages/auth/VerifyEmailPage.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { api } from '@ploykit/client';
+import { AuthShell } from '../../layouts/AuthShell';
+import { buttonVariants } from '../../components/ui/Button';
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyFooter, } from '../../components/ui/empty';
+import { MailCheck, LoaderCircle, CircleX } from 'lucide-react';
+export function VerifyEmailPage() {
+    const [state, setState] = useState('verifying');
+    const [message, setMessage] = useState(null);
+    const fired = useRef(false);
+    useEffect(() => {
+        if (fired.current)
+            return;
+        fired.current = true;
+        const params = new URLSearchParams(window.location.search);
+        const email = params.get('email') ?? '';
+        const token = params.get('token') ?? '';
+        if (!email || !token) {
+            setState('failed');
+            setMessage('链接无效：缺少邮箱或令牌参数');
+            return;
+        }
+        api
+            .post('/auth/verify-email', { email, token })
+            .then(() => {
+            try {
+                window.history.replaceState(null, '', window.location.pathname);
+            }
+            catch {
+                /* replaceState 不可用时忽略——令牌已失效 */
+            }
+            setState('ok');
+        })
+            .catch((err) => {
+            setState('failed');
+            setMessage(err instanceof Error ? err.message : '验证失败，链接可能已失效');
+        });
+    }, []);
+    return (_jsx(AuthShell, { children: _jsxs(Empty, { className: "border-none p-0", children: [_jsxs(EmptyHeader, { children: [_jsxs(EmptyMedia, { variant: "icon", "data-testid": "verify-state", children: [state === 'ok' && _jsx(MailCheck, { className: "text-emerald-600", "aria-hidden": "true" }), state === 'verifying' && _jsx(LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }), state === 'failed' && _jsx(CircleX, { className: "text-destructive", "aria-hidden": "true" })] }), _jsx(EmptyTitle, { children: state === 'ok' ? '邮箱验证成功' : state === 'failed' ? '验证失败' : '正在验证…' }), _jsx(EmptyDescription, { children: state === 'ok'
+                                ? '感谢确认，现在可以正常登录了。'
+                                : state === 'failed'
+                                    ? (message ?? '验证失败')
+                                    : '请稍候，正在校验邮件链接…' })] }), _jsx(EmptyFooter, { children: _jsx("a", { href: "/login", className: buttonVariants({ variant: 'outline' }), children: "\u8FD4\u56DE\u767B\u5F55" }) })] }) }));
+}

package/dist/pages/workspace/BillingPage.d.ts

@@ -0,0 +1,4 @@
+export interface BillingPageProps {
+    channel?: string;
+}
+export declare function BillingPage({ channel }?: BillingPageProps): import("react").JSX.Element;

package/dist/pages/workspace/BillingPage.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useSearchParams } from 'react-router';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
+import { DataTable } from '../../components/DataTable';
+import { SettingsCard } from '../../components/SettingsCard';
+import { useConfirm } from '../../components/ConfirmDialog';
+import { toast } from '../../components/toast';
+import { Button } from '../../components/ui/Button';
+import { Badge, StatusBadge } from '../../components/ui/Badge';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../components/ui/select';
+import { useApi } from '../../hooks/useApi';
+import { useBilling } from '../../hooks/useBilling';
+import { useSiteConfig } from '../../hooks/useSiteConfig';
+import { useWorkspace } from '../../hooks/useWorkspace';
+import { queryKeys, } from '../../provider/PloykitProvider';
+import { formatDateTime, cn } from '../../lib/utils';
+import { apiErrorMessage } from '../../lib/api-error';
+const INTERVAL_LABEL = { monthly: '按月', yearly: '按年' };
+const INTERVAL_UNIT = { monthly: '月', yearly: '年' };
+const CHANNEL_LABEL = {
+    stripe: 'Stripe（银行卡）',
+    alipay: '支付宝',
+    wechat: '微信支付',
+    manual: '线下转账（管理员核销）',
+};
+const channelLabel = (code) => CHANNEL_LABEL[code] ?? code;
+const LIMIT_LABEL = {
+    tasks_monthly: '任务数 / 周期',
+    workspaces: '工作区数',
+    seats: '成员席位',
+    webhooks: 'Webhook 订阅',
+};
+function priceCentsOf(plan, interval) {
+    const key = interval === 'yearly' ? 'price_yearly_cents' : 'price_monthly_cents';
+    return plan.limits[key] ?? 0;
+}
+function fmtCents(cents, currency) {
+    if (cents === 0)
+        return '免费';
+    const cur = (currency ?? 'CNY').toUpperCase();
+    const symbol = cur === 'CNY' ? '¥' : `${cur} `;
+    return `${symbol}${(cents / 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+}
+export function BillingPage({ channel = 'stripe' } = {}) {
+    const { current } = useWorkspace();
+    const { subscription, plans, loading } = useBilling();
+    const api = useApi();
+    const confirm = useConfirm();
+    const qc = useQueryClient();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const [interval, setInterval] = useState(searchParams.get('interval') === 'yearly' ? 'yearly' : 'monthly');
+    const [payChannelSel, setPayChannelSel] = useState(searchParams.get('channel') ?? channel);
+    const [checkoutPlan, setCheckoutPlan] = useState(null);
+    const [manualNote, setManualNote] = useState(null);
+    const syncParams = (next) => {
+        const p = new URLSearchParams(searchParams);
+        if (next.interval)
+            p.set('interval', next.interval);
+        if (next.channel)
+            p.set('channel', next.channel);
+        setSearchParams(p, { replace: true });
+    };
+    const configQ = useSiteConfig();
+    const billingChannels = configQ.data?.billing_channels;
+    const channelOptions = billingChannels !== undefined ? billingChannels : Object.keys(CHANNEL_LABEL);
+    const payChannel = billingChannels !== undefined && billingChannels.length > 0 && !billingChannels.includes(payChannelSel)
+        ? billingChannels[0]
+        : payChannelSel;
+    const noChannels = billingChannels !== undefined && billingChannels.length === 0;
+    const wsId = current?.id ?? '';
+    const subErrQ = useQuery({
+        queryKey: queryKeys.billingSubscription(wsId),
+        queryFn: () => api.get('/api/billing/subscription'),
+        enabled: !!wsId,
+    });
+    const plansErrQ = useQuery({
+        queryKey: queryKeys.billingPlans,
+        queryFn: () => api.get('/api/billing/plans'),
+    });
+    const loadError = subErrQ.isError
+        ? subErrQ.error
+        : plansErrQ.isError
+            ? plansErrQ.error
+            : null;
+    const orders = subscription?.orders ?? [];
+    const currentPlanCode = subscription?.plan_code ?? null;
+    const sortedPlans = [...plans].sort((a, b) => a.sort_no - b.sort_no);
+    const checkoutDescription = payChannel === 'manual'
+        ? '升级立即生效；下单后请联系管理员完成线下转账，订单在管理员核销后生效。'
+        : payChannel === 'stripe'
+            ? '升级立即生效；Stripe 结账完成后自动跳回。'
+            : '升级立即生效；在所选渠道的收银台完成支付后自动生效。';
+    const refreshBilling = () => qc.invalidateQueries({ queryKey: queryKeys.billing });
+    const handleCheckout = async (plan) => {
+        if (noChannels || (billingChannels !== undefined && billingChannels.length > 0 && !billingChannels.includes(payChannel))) {
+            toast.error('该支付渠道未配置');
+            return;
+        }
+        setCheckoutPlan(plan.code);
+        setManualNote(null);
+        try {
+            const res = await api.post('/api/billing/checkout', {
+                plan_code: plan.code, interval, channel: payChannel,
+            });
+            if (res.action_url) {
+                window.location.href = res.action_url;
+            }
+            else if (payChannel === 'manual') {
+                setManualNote(`已创建 ${plan.name} 订单（待处理）：下单后请联系管理员完成支付，订单在管理员核销后生效。`);
+                toast.success('订单已创建，请联系管理员完成支付');
+                await refreshBilling();
+            }
+            else {
+                toast.error('支付渠道未返回跳转地址');
+            }
+        }
+        catch (e) {
+            toast.error(apiErrorMessage(e, '发起结账失败'));
+        }
+        finally {
+            setCheckoutPlan(null);
+        }
+    };
+    const handleCancel = async (order) => {
+        if (!(await confirm({
+            title: '取消订单',
+            description: `取消 ${order.plan_code}（${INTERVAL_LABEL[order.interval] ?? order.interval}）的待处理订单？`,
+            confirmText: '取消订单', danger: true,
+        })))
+            return;
+        try {
+            await api.post(`/api/billing/orders/${order.id}/cancel`);
+            await refreshBilling();
+            toast.success('订单已取消');
+        }
+        catch (e) {
+            toast.error(apiErrorMessage(e, '取消失败'));
+        }
+    };
+    const orderColumns = [
+        { key: 'plan_code', header: '套餐', render: (o) => _jsx("span", { className: "font-medium", children: o.plan_code }) },
+        { key: 'interval', header: '周期', render: (o) => INTERVAL_LABEL[o.interval] ?? o.interval },
+        { key: 'amount_cents', header: '金额', render: (o) => fmtCents(o.amount_cents, o.currency) },
+        { key: 'status', header: '状态', render: (o) => _jsx(StatusBadge, { status: o.status }) },
+        { key: 'created_at', header: '创建时间', render: (o) => _jsx("span", { className: "text-muted-foreground", children: formatDateTime(o.created_at) }) },
+        {
+            key: 'actions', header: '操作', className: 'text-right',
+            render: (o) => o.status === 'pending' ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => handleCancel(o), children: "\u53D6\u6D88" })) : null,
+        },
+    ];
+    if (!wsId) {
+        return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u8BA1\u8D39" }), _jsx(PageEmpty, { label: "\u8BF7\u5148\u521B\u5EFA\u5E76\u9009\u62E9\u4E00\u4E2A\u5DE5\u4F5C\u533A" })] }));
+    }
+    if (loading)
+        return _jsx(PageLoading, { label: "\u52A0\u8F7D\u8BA1\u8D39\u4FE1\u606F\u2026" });
+    if (loadError) {
+        return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u8BA1\u8D39" }), _jsx(PageError, { message: apiErrorMessage(loadError, '计费信息加载失败'), onRetry: () => {
+                        void subErrQ.refetch();
+                        void plansErrQ.refetch();
+                    } })] }));
+    }
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u8BA1\u8D39", description: "\u5F53\u524D\u5957\u9910\u3001\u5347\u7EA7\u4E0E\u8BA2\u5355\u7BA1\u7406\uFF08\u6309\u5468\u671F\u8D2D\u4E70\uFF0C\u5230\u671F\u540E\u9700\u518D\u6B21\u8D2D\u4E70\u6216\u7EED\u671F\uFF09" }), _jsx(SettingsCard, { title: "\u5F53\u524D\u5957\u9910", description: "\u5DE5\u4F5C\u533A\u5F53\u524D\u751F\u6548\u7684\u5957\u9910\u4E0E\u5386\u53F2\u8BA2\u5355\u3002", cta: _jsx(Badge, { variant: "outline", children: currentPlanCode ?? '未知' }), children: _jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u5957\u9910 ", _jsx("span", { className: "font-medium text-foreground", children: currentPlanCode ?? '—' }), "\uFF0C\u5171 ", orders.length, " \u7B14\u8BA2\u5355\uFF08\u5F85\u5904\u7406 ", orders.filter((o) => o.status === 'pending').length, " \u7B14\uFF09\u3002"] }) }), _jsxs(SettingsCard, { title: "\u9009\u62E9\u5957\u9910", description: checkoutDescription, children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-3", children: [_jsx("div", { className: "w-fit rounded-xl border bg-muted p-1", role: "group", "aria-label": "\u8BA1\u8D39\u5468\u671F", children: ['monthly', 'yearly'].map((it) => (_jsx("button", { type: "button", onClick: () => { setInterval(it); syncParams({ interval: it }); }, className: cn('rounded-lg px-3 py-1.5 text-sm font-medium transition-colors', interval === it
+                                        ? 'bg-primary text-primary-foreground shadow-sm'
+                                        : 'text-muted-foreground hover:text-foreground'), children: INTERVAL_LABEL[it] }, it))) }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(Select, { value: payChannel, onValueChange: (v) => {
+                                        if (typeof v === 'string') {
+                                            setPayChannelSel(v);
+                                            syncParams({ channel: v });
+                                        }
+                                    }, children: [_jsx(SelectTrigger, { size: "sm", className: "w-44", "aria-label": "\u652F\u4ED8\u6E20\u9053", children: _jsx(SelectValue, { children: channelLabel(payChannel) }) }), _jsx(SelectContent, { children: channelOptions.map((code) => (_jsx(SelectItem, { value: code, children: channelLabel(code) }, code))) })] }) })] }), manualNote && (_jsx("p", { role: "note", className: "mb-4 rounded-lg border-(--warning)/40 bg-(--warning)/15 px-3 py-2 text-sm text-(--warning)", children: manualNote })), _jsx("div", { className: "grid gap-4 lg:grid-cols-3", children: sortedPlans.map((plan) => {
+                            const isCurrent = plan.code === currentPlanCode;
+                            const price = priceCentsOf(plan, interval);
+                            const features = Object.entries(plan.limits)
+                                .filter(([k]) => !k.startsWith('price_') && k !== 'trial_days')
+                                .map(([k, v]) => `${LIMIT_LABEL[k] ?? k}：${v < 0 ? '不限' : v}`);
+                            return (_jsxs("div", { className: cn('flex flex-col rounded-xl border bg-card p-5 shadow-xs', isCurrent && 'border-primary/40'), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "font-semibold", children: plan.name }), isCurrent && _jsx(Badge, { children: "\u5F53\u524D\u8BA1\u5212" })] }), _jsxs("p", { className: "mt-3 text-3xl font-bold tabular-nums", children: [fmtCents(price), price > 0 && (_jsx("span", { className: "text-sm font-normal text-muted-foreground", children: ` / ${INTERVAL_UNIT[interval]}` }))] }), _jsx(Button, { className: "mt-4 w-full", variant: isCurrent ? 'secondary' : 'default', disabled: isCurrent || checkoutPlan !== null || noChannels, onClick: () => handleCheckout(plan), children: isCurrent
+                                            ? '当前计划'
+                                            : checkoutPlan === plan.code
+                                                ? '跳转收银台…'
+                                                : '升级' }), !isCurrent && noChannels && (_jsx("p", { className: "mt-2 text-xs text-muted-foreground", role: "note", children: "\u6682\u4E0D\u53EF\u5347\u7EA7\uFF1A\u7AD9\u70B9\u672A\u914D\u7F6E\u4EFB\u4F55\u652F\u4ED8\u6E20\u9053\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u3002" })), features.length > 0 && (_jsx("ul", { className: "mt-6 space-y-3 border-t pt-6 text-sm text-muted-foreground", children: features.map((f) => (_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-primary", children: "\u2713" }), " ", f] }, f))) }))] }, plan.code));
+                        }) })] }), _jsx(SettingsCard, { title: "\u8BA2\u5355", description: "\u5168\u90E8\u8D2D\u4E70\u8BB0\u5F55\uFF1B\u5F85\u5904\u7406\u8BA2\u5355\u53EF\u53D6\u6D88\u3002", bodyClassName: "px-4 pt-4 pb-4", children: _jsx(DataTable, { columns: orderColumns, rows: orders, rowKey: (o) => o.id, empty: _jsx(PageEmpty, { label: "\u6682\u65E0\u8BA2\u5355", hint: "\u9009\u62E9\u5957\u9910\u5B8C\u6210\u9996\u6B21\u8D2D\u4E70\u540E\uFF0C\u8BA2\u5355\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC" }) }) })] }));
+}

package/dist/pages/workspace/BillingSuccessPage.d.ts

@@ -0,0 +1,4 @@
+export interface BillingSuccessPageProps {
+    redirectTo?: string;
+}
+export declare function BillingSuccessPage({ redirectTo }?: BillingSuccessPageProps): import("react").JSX.Element;

package/dist/pages/workspace/BillingSuccessPage.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useNavigate } from 'react-router';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { Skeleton } from '../../components/ui/skeleton';
+import { toast } from '../../components/toast';
+import { useApi } from '../../hooks/useApi';
+import { useWorkspace } from '../../hooks/useWorkspace';
+import { queryKeys } from '../../provider/PloykitProvider';
+const POLL_MS = 5_000;
+const MAX_TRIES = 12;
+function toBaseline(sub) {
+    return {
+        plan: sub.plan_code,
+        paidIds: sub.orders.filter((o) => o.status === 'paid').map((o) => o.id).sort().join(','),
+    };
+}
+export function BillingSuccessPage({ redirectTo = '/settings/workspace/billing' } = {}) {
+    const { current } = useWorkspace();
+    const api = useApi();
+    const qc = useQueryClient();
+    const navigate = useNavigate();
+    const wsId = current?.id ?? '';
+    const [baseline, setBaseline] = useState(() => {
+        if (!wsId)
+            return null;
+        const cached = qc.getQueryData(queryKeys.billingSubscription(wsId));
+        return cached ? toBaseline(cached) : null;
+    });
+    const tries = useRef(0);
+    const done = useRef(false);
+    const subQ = useQuery({
+        queryKey: queryKeys.billingSubscription(wsId),
+        queryFn: () => api.get('/api/billing/subscription'),
+        enabled: !!wsId,
+        refetchInterval: POLL_MS,
+    });
+    const finish = (ok) => {
+        if (done.current)
+            return;
+        done.current = true;
+        if (ok)
+            toast.success('支付成功，套餐已生效');
+        else
+            toast.info('支付结果确认超时，可稍后在计费页查看');
+        navigate(redirectTo);
+    };
+    useEffect(() => {
+        const sub = subQ.data;
+        if (!sub || !subQ.dataUpdatedAt || done.current)
+            return;
+        if (baseline === null) {
+            setBaseline(toBaseline(sub));
+            return;
+        }
+        tries.current += 1;
+        const planChanged = sub.plan_code !== baseline.plan;
+        const newPaid = toBaseline(sub).paidIds !== baseline.paidIds;
+        if (planChanged || newPaid) {
+            finish(true);
+        }
+        else if (tries.current >= MAX_TRIES) {
+            finish(false);
+        }
+        // baseline 有意不入依赖：基线固定后轮询推进只由 dataUpdatedAt 驱动
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [subQ.dataUpdatedAt]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (!wsId) {
+        return (_jsxs("div", { className: "flex min-h-[60vh] flex-col items-center justify-center gap-3 p-6 text-center", children: [_jsx("p", { className: "text-sm font-medium", children: "\u6682\u65E0\u6CD5\u786E\u8BA4\u652F\u4ED8\u7ED3\u679C" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u5F53\u524D\u6CA1\u6709\u9009\u4E2D\u7684\u5DE5\u4F5C\u533A\uFF0C\u65E0\u6CD5\u67E5\u8BE2\u8BA2\u9605\u72B6\u6001\u3002" }), _jsx("a", { href: redirectTo, className: "text-sm text-primary underline-offset-4 hover:underline", children: "\u524D\u5F80\u8BA1\u8D39\u9875\u67E5\u770B\u5F53\u524D\u5957\u9910" })] }));
+    }
+    return (_jsxs("div", { className: "flex min-h-[60vh] flex-col items-center justify-center gap-4 p-6", children: [_jsx("div", { className: "size-8 animate-spin rounded-full border-2 border-muted border-t-primary", "aria-hidden": "true" }), _jsx("p", { className: "text-sm font-medium", children: "\u6B63\u5728\u786E\u8BA4\u652F\u4ED8\u7ED3\u679C\u2026" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u786E\u8BA4\u5B8C\u6210\u540E\u5C06\u81EA\u52A8\u8FD4\u56DE\u8BA1\u8D39\u9875\uFF0C\u8BF7\u52FF\u5173\u95ED\u9875\u9762\u3002" }), _jsxs("div", { className: "mt-4 w-full max-w-md space-y-2", "aria-hidden": "true", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-4 w-1/2" })] })] }));
+}

package/dist/pages/workspace/MembersPage.d.ts

@@ -0,0 +1,3 @@
+export interface MembersPageProps {
+}
+export declare function MembersPage(_props?: MembersPageProps): import("react").JSX.Element;