@ploykit/ui 0.0.0-stage → 0.1.1

package/dist/pages/admin/WorkspaceDetailPage.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { ArrowLeft } from 'lucide-react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useConfirm } from '../../components/ConfirmDialog';
+import { DataTable } from '../../components/DataTable';
+import { FormField } from '../../components/FormField';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page';
+import { ImpactConfirmation } from '../../components/SecretModal';
+import { SettingsCard } from '../../components/SettingsCard';
+import { toast } from '../../components/toast';
+import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/Button';
+import { Input } from '../../components/ui/Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { useApi } from '../../hooks/useApi';
+import { useAuth } from '../../hooks/useAuth';
+import { apiErrorMessage } from '../../lib/api-error';
+import { formatDate, formatDateTime, shortID } from '../../lib/utils';
+import { adminError } from './shared';
+const ROLE_OPTIONS = ['owner', 'admin', 'member'];
+const QUOTA_KEY_HINT = '如 tasks_monthly';
+export function WorkspaceDetailPage() {
+    const { id = '' } = useParams();
+    const api = useApi();
+    const qc = useQueryClient();
+    const confirm = useConfirm();
+    const navigate = useNavigate();
+    const { user } = useAuth();
+    const [confirmSlug, setConfirmSlug] = useState('');
+    const [deleteOpen, setDeleteOpen] = useState(false);
+    const [cancelSubOpen, setCancelSubOpen] = useState(false);
+    const [transferTarget, setTransferTarget] = useState(null);
+    const [quotaKey, setQuotaKey] = useState('');
+    const [quotaReason, setQuotaReason] = useState('');
+    const [quotaRef, setQuotaRef] = useState('');
+    const [quotaAmount, setQuotaAmount] = useState('');
+    const detailQ = useQuery({
+        queryKey: ['admin', 'workspace', id],
+        queryFn: () => api.get(`/api/admin/workspaces/${id}`),
+        enabled: !!id,
+    });
+    const invalidate = () => {
+        void qc.invalidateQueries({ queryKey: ['admin', 'workspace', id] });
+        void qc.invalidateQueries({ queryKey: ['admin', 'workspaces'] });
+    };
+    const roleM = useMutation({
+        mutationFn: (v) => api.patch(`/api/admin/workspaces/${id}/members/${v.uid}`, {
+            role: v.role,
+        }),
+        onSuccess: (_d, v) => {
+            toast.success(`${v.email} 角色已变更为 ${v.role}`);
+            invalidate();
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '角色变更失败')),
+    });
+    const removeM = useMutation({
+        mutationFn: (v) => api.delete(`/api/admin/workspaces/${id}/members/${v.uid}`),
+        onSuccess: (_d, v) => {
+            toast.success(`${v.email} 已移出工作区`);
+            invalidate();
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '移除成员失败')),
+    });
+    const grantM = useMutation({
+        mutationFn: (v) => api.post(`/api/admin/workspaces/${id}/quota/grant`, {
+            key: v.key,
+            reason: v.reason,
+            ref: v.ref,
+            amount: v.amount,
+        }),
+        onSuccess: () => {
+            toast.success('配额已授予（加成额度立即生效）');
+            setQuotaKey('');
+            setQuotaReason('');
+            setQuotaRef('');
+            setQuotaAmount('');
+            invalidate();
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '配额授予失败')),
+    });
+    const deleteM = useMutation({
+        mutationFn: (slug) => api.delete(`/api/admin/workspaces/${id}?confirm=${encodeURIComponent(slug)}`),
+        onSuccess: () => {
+            toast.success('工作区已删除');
+            void qc.invalidateQueries({ queryKey: ['admin', 'workspaces'] });
+            navigate('/admin/workspaces');
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '删除失败')),
+    });
+    const cancelSubM = useMutation({
+        mutationFn: () => api.post(`/api/admin/workspaces/${id}/cancel-subscription`),
+        onSuccess: () => {
+            toast.success('订阅已取消，工作区已降级为 free');
+            setCancelSubOpen(false);
+            invalidate();
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '取消订阅失败')),
+    });
+    const transferM = useMutation({
+        mutationFn: (m) => api.post(`/api/admin/workspaces/${id}/transfer-ownership`, {
+            user_id: m.user_id,
+        }),
+        onSuccess: (_d, m) => {
+            toast.success(`所有权已转让给 ${m.email}（原 owner 已降为 member）`);
+            setTransferTarget(null);
+            invalidate();
+        },
+        onError: (e) => toast.error(apiErrorMessage(e, '所有权转让失败')),
+    });
+    const onGrant = () => {
+        const amount = Number.parseInt(quotaAmount, 10);
+        if (!quotaKey.trim() ||
+            !quotaReason.trim() ||
+            !Number.isInteger(amount) ||
+            amount <= 0) {
+            toast.error('请填写配额键、原因与正整数额度');
+            return;
+        }
+        grantM.mutate({
+            key: quotaKey.trim(),
+            reason: quotaReason.trim(),
+            ref: quotaRef.trim(),
+            amount,
+        });
+    };
+    const onRemoveMember = async (m) => {
+        const ok = await confirm({
+            title: '移除成员',
+            description: `将把 ${m.email} 移出本工作区（${m.role}）。最后一个 owner 受保护，无法移除。`,
+            confirmText: '移除',
+            danger: true,
+        });
+        if (ok)
+            removeM.mutate({ uid: m.user_id, email: m.email });
+    };
+    if (detailQ.isError) {
+        return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u5DE5\u4F5C\u533A\u8BE6\u60C5" }), _jsx(PageError, { message: adminError(detailQ.error, '工作区详情加载失败'), onRetry: () => void detailQ.refetch() })] }));
+    }
+    const ws = detailQ.data;
+    const slugReadyToDelete = !!ws && confirmSlug.trim() === ws.slug;
+    const memberColumns = [
+        {
+            key: 'email',
+            header: '成员',
+            render: (m) => (_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate font-medium", children: m.email }), _jsx("p", { className: "truncate text-xs text-muted-foreground", children: m.display_name || '—' })] })),
+        },
+        {
+            key: 'role',
+            header: '角色',
+            className: 'w-40',
+            render: (m) => {
+                const mutating = roleM.isPending && roleM.variables?.uid === m.user_id;
+                return (_jsxs(Select, { value: ROLE_OPTIONS.includes(m.role) ? m.role : 'member', onValueChange: (v) => {
+                        if (typeof v === 'string' && v !== m.role)
+                            roleM.mutate({ uid: m.user_id, email: m.email, role: v });
+                    }, children: [_jsx(SelectTrigger, { size: "sm", disabled: mutating, "aria-label": `变更 ${m.email} 角色`, children: _jsx(SelectValue, { children: m.role }) }), _jsx(SelectContent, { align: "start", children: ROLE_OPTIONS.map((r) => (_jsx(SelectItem, { value: r, children: r }, r))) })] }));
+            },
+        },
+        {
+            key: 'created_at',
+            header: '加入时间',
+            className: 'w-28',
+            render: (m) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDate(m.created_at) })),
+        },
+        {
+            key: 'actions',
+            header: '操作',
+            className: 'w-44',
+            render: (m) => {
+                const canTransfer = (m.role === 'member' || m.role === 'admin') && m.user_id !== user?.id;
+                return (_jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [canTransfer && (_jsx(Button, { variant: "outline", size: "sm", disabled: transferM.isPending, title: "\u76EE\u6807\u5347\u4E3A owner\uFF0C\u5F53\u524D owner \u964D\u4E3A member\uFF08\u5355\u4E8B\u52A1\u539F\u5B50\uFF09", onClick: () => setTransferTarget(m), children: "\u8F6C\u8BA9\u6240\u6709\u6743" })), _jsx(Button, { variant: "outline", size: "sm", disabled: removeM.isPending, onClick: () => void onRemoveMember(m), children: "\u79FB\u9664" })] }));
+            },
+        },
+    ];
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(PageHeader, { title: ws ? ws.name : '工作区详情', description: ws
+                    ? `${ws.slug} · 工作区 ID ${shortID(ws.id)}`
+                    : '基础信息 + 成员表 + 配额调整', actions: _jsxs(Link, { to: "/admin/workspaces", className: "text-sm text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(ArrowLeft, { size: 15, className: "mr-1 inline", "aria-hidden": "true" }), "\u8FD4\u56DE\u5DE5\u4F5C\u533A\u5217\u8868"] }) }), detailQ.isPending && (_jsx("p", { className: "text-sm text-muted-foreground", children: "\u52A0\u8F7D\u5DE5\u4F5C\u533A\u8BE6\u60C5\u4E2D\u2026" })), ws && (_jsxs(_Fragment, { children: [_jsx(SettingsCard, { title: "\u57FA\u7840\u4FE1\u606F", description: "\u5DE5\u4F5C\u533A\u6863\u6848\uFF08\u884C\u5185\u5957\u9910\u53D8\u66F4\u5728\u5DE5\u4F5C\u533A\u5217\u8868\u9875\uFF09", children: _jsxs("div", { className: "grid gap-x-8 gap-y-3 text-sm sm:grid-cols-2 lg:grid-cols-4", children: [_jsxs("p", { children: [_jsx("span", { className: "text-muted-foreground", children: "\u6807\u8BC6\uFF08slug\uFF09\uFF1A" }), _jsx("span", { className: "font-mono", children: ws.slug })] }), _jsxs("p", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: "\u5957\u9910\uFF1A" }), _jsx(Badge, { variant: "outline", children: ws.plan_code })] }), _jsxs("p", { children: [_jsx("span", { className: "text-muted-foreground", children: "\u6210\u5458\u6570\uFF1A" }), _jsx("span", { className: "tabular-nums", children: ws.member_count })] }), _jsxs("p", { children: [_jsx("span", { className: "text-muted-foreground", children: "\u521B\u5EFA\u65F6\u95F4\uFF1A" }), formatDateTime(ws.created_at)] })] }) }), _jsx(SettingsCard, { title: "\u8BA2\u9605", description: "\u8BA1\u8D39\u533A\uFF1A\u5F53\u524D\u5957\u9910\u4E0E\u8BA2\u9605\u53D6\u6D88\uFF08\u6E20\u9053\u4FA7\u5148\u53D6\u6D88\uFF0C\u6210\u529F\u540E\u7ACB\u5373\u964D\u7EA7 free\uFF1B\u4E0D\u53D1\u9000\u6B3E\u2014\u2014\u9000\u6B3E\u5C5E\u540E\u7EED\u6279\u6B21\uFF09", cta: _jsx(Button, { variant: "destructive", disabled: ws.plan_code === 'free' || cancelSubM.isPending, title: ws.plan_code === 'free'
+                                ? '当前已是 free，无可取消订阅'
+                                : undefined, onClick: () => setCancelSubOpen(true), children: cancelSubM.isPending ? '取消中…' : '取消订阅' }), children: _jsxs("div", { className: "grid gap-x-8 gap-y-3 text-sm sm:grid-cols-2", children: [_jsxs("p", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: "\u5F53\u524D\u5957\u9910\uFF1A" }), _jsx(Badge, { variant: "outline", children: ws.plan_code })] }), _jsxs("p", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: "\u8BA2\u9605\u72B6\u6001\uFF1A" }), ws.plan_code === 'free' ? (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "\u672A\u8BA2\u9605" })) : (_jsx(Badge, { variant: "outline", children: "\u8BA2\u9605\u4E2D" }))] })] }) }), _jsx(SettingsCard, { title: `成员（${ws.members.length}）`, description: "\u884C\u5185\u6539\u89D2\u8272\u3001\u8F6C\u8BA9\u6240\u6709\u6743\u6216\u79FB\u9664\uFF1Blast-owner \u4FDD\u62A4\u7531\u670D\u52A1\u7AEF\u515C\u5E95\uFF08409\uFF09", bodyClassName: "p-0", children: _jsx("div", { className: "px-6 pb-6", children: _jsx(DataTable, { columns: memberColumns, rows: ws.members, rowKey: (m) => m.user_id, loading: detailQ.isPending, empty: _jsx(PageEmpty, { label: "\u6682\u65E0\u6210\u5458" }) }) }) }), _jsx(SettingsCard, { title: "\u914D\u989D\u8C03\u6574", description: "\u624B\u52A8\u6388\u4E88\u52A0\u6210\u989D\u5EA6\uFF08quota.Grant\uFF1A\u540C \u952E+\u539F\u56E0+\u5F15\u7528 \u5E42\u7B49\u4E00\u6B21\uFF0C\u6B63\u6570\u52A0\u6210\uFF09", cta: _jsx(Button, { onClick: onGrant, disabled: grantM.isPending, children: grantM.isPending ? '授予中…' : '授予配额' }), children: _jsxs("div", { className: "grid max-w-3xl gap-4 sm:grid-cols-2", children: [_jsx(FormField, { label: "\u914D\u989D\u952E\uFF08key\uFF09", htmlFor: "quota-key", children: _jsx(Input, { id: "quota-key", className: "font-mono", placeholder: QUOTA_KEY_HINT, value: quotaKey, onChange: (e) => setQuotaKey(e.target.value) }) }), _jsx(FormField, { label: "\u989D\u5EA6\uFF08amount\uFF0C\u6B63\u6574\u6570\uFF09", htmlFor: "quota-amount", children: _jsx(Input, { id: "quota-amount", type: "number", min: 1, step: 1, placeholder: "\u5982 100", value: quotaAmount, onChange: (e) => setQuotaAmount(e.target.value) }) }), _jsx(FormField, { label: "\u539F\u56E0\uFF08reason\uFF0C\u5FC5\u586B\uFF09", htmlFor: "quota-reason", children: _jsx(Input, { id: "quota-reason", placeholder: "\u5982 \u5BA2\u6237\u8865\u507F / \u6D3B\u52A8\u8D60\u9001", value: quotaReason, onChange: (e) => setQuotaReason(e.target.value) }) }), _jsx(FormField, { label: "\u5F15\u7528\uFF08ref\uFF0C\u53EF\u9009\uFF1B\u53C2\u4E0E\u5E42\u7B49\u952E\uFF09", htmlFor: "quota-ref", children: _jsx(Input, { id: "quota-ref", className: "font-mono", placeholder: "\u5982 ticket-1234", value: quotaRef, onChange: (e) => setQuotaRef(e.target.value) }) })] }) }), _jsx(SettingsCard, { danger: true, title: "\u5220\u9664\u5DE5\u4F5C\u533A", description: "\u4E0D\u53EF\u9006\u7EA7\u8054\u5220\u9664\uFF08\u6210\u5458/\u8D44\u6E90\u968F\u5DE5\u4F5C\u533A\u9500\u6BC1\uFF0C\u8D70 BeforeDelete \u94A9\u5B50\uFF09", cta: _jsx(Button, { variant: "destructive", disabled: !slugReadyToDelete || deleteM.isPending, onClick: () => setDeleteOpen(true), children: deleteM.isPending ? '删除中…' : '删除工作区' }), children: _jsxs("div", { className: "max-w-xl space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u8F93\u5165\u5DE5\u4F5C\u533A slug ", ws.slug, " \u4EE5\u786E\u8BA4\u5220\u9664\u3002"] }), _jsx(Input, { placeholder: ws.slug, value: confirmSlug, onChange: (e) => setConfirmSlug(e.target.value), "aria-label": "\u8F93\u5165\u5DE5\u4F5C\u533A slug \u4EE5\u786E\u8BA4\u5220\u9664" })] }) }), _jsx(ImpactConfirmation, { open: deleteOpen, onOpenChange: setDeleteOpen, onConfirm: () => deleteM.mutate(ws.slug), title: `删除工作区 ${ws.name}`, confirmText: "\u6C38\u4E45\u5220\u9664", danger: true, impacts: [
+                            '工作区及其全部业务数据被级联删除，不可恢复',
+                            '全部成员关系解除，成员不再能访问该工作区',
+                            'BeforeDelete 钩子可阻断删除（409），操作记入平台审计日志',
+                        ] }), _jsx(ImpactConfirmation, { open: cancelSubOpen, onOpenChange: setCancelSubOpen, onConfirm: () => cancelSubM.mutate(), title: `取消工作区 ${ws.name} 的订阅`, confirmText: "\u7ACB\u5373\u53D6\u6D88\u8BA2\u9605", danger: true, impacts: [
+                            '工作区立即降级为 free 套餐，配额随之收缩',
+                            '渠道侧订阅同步取消（Stripe 停止后续扣款）；渠道取消失败时本地状态保持不变',
+                            '本操作不发退款（退款属后续批次），操作记入平台审计日志',
+                        ] }), transferTarget && (_jsx(ImpactConfirmation, { open: true, onOpenChange: (o) => {
+                            if (!o)
+                                setTransferTarget(null);
+                        }, onConfirm: () => transferM.mutate(transferTarget), title: `转让 ${ws.name} 的所有权给 ${transferTarget.email}`, confirmText: "\u786E\u8BA4\u8F6C\u8BA9", impacts: [
+                            ws.members.filter((m) => m.role === 'owner').length > 1
+                                ? `当前 owner（${ws.members
+                                    .filter((m) => m.role === 'owner')
+                                    .map((m) => m.email)
+                                    .join('、')}）中最早加入者将降为 member，不再保有工作区最高权`
+                                : `当前 owner ${ws.members.find((m) => m.role === 'owner')?.email ?? '—'} 将降为 member，不再保有工作区最高权`,
+                            `${transferTarget.email} 将成为新 owner（单事务原子完成，工作区始终保有 owner）`,
+                            '目标须是本工作区活跃成员；BeforeOwnerChange 钩子可阻断（409），操作记入平台审计日志',
+                        ] }))] }))] }));
+}

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

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

package/dist/pages/admin/WorkspacesPage.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Link, useSearchParams } from 'react-router';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { DataTable } from '../../components/DataTable';
+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 { Input } from '../../components/ui/Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { useApi } from '../../hooks/useApi';
+import { formatDate } from '../../lib/utils';
+import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared';
+const FALLBACK_PLAN_CODES = ['free'];
+export function WorkspacesPage() {
+    const api = useApi();
+    const qc = useQueryClient();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const q = searchParams.get('q') ?? '';
+    const page = Math.max(1, Number.parseInt(searchParams.get('page') ?? '1', 10) || 1);
+    const applyFilter = (nextQ, nextPage) => {
+        const sp = new URLSearchParams(searchParams);
+        if (nextQ)
+            sp.set('q', nextQ);
+        else
+            sp.delete('q');
+        if (nextPage > 1)
+            sp.set('page', String(nextPage));
+        else
+            sp.delete('page');
+        setSearchParams(sp, { replace: true });
+    };
+    const setPage = (p) => applyFilter(q, p);
+    const [searchInput, setSearchInput] = useState(q);
+    useEffect(() => {
+        const t = setTimeout(() => {
+            const next = searchInput.trim();
+            if (next !== q)
+                applyFilter(next, 1);
+        }, 300);
+        return () => clearTimeout(t);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [searchInput]);
+    const wsQ = useQuery({
+        queryKey: ['admin', 'workspaces', page, q],
+        queryFn: () => api.get(`/api/admin/workspaces${adminListQuery(page, ADMIN_PAGE_SIZE, { q })}`),
+    });
+    const plansQ = useQuery({
+        queryKey: ['admin', 'plans'],
+        queryFn: () => api.get('/api/admin/plans'),
+    });
+    const planCodes = plansQ.data?.items?.length
+        ? plansQ.data.items
+        : FALLBACK_PLAN_CODES;
+    const planName = new Map((plansQ.data?.plans ?? [])
+        .filter((p) => p.name)
+        .map((p) => [p.code, p.name]));
+    const planTrial = new Map((plansQ.data?.plans ?? [])
+        .filter((p) => p.trial_days > 0)
+        .map((p) => [p.code, p.trial_days]));
+    const planLabel = (code) => {
+        const name = planName.get(code) ?? code;
+        return planTrial.has(code)
+            ? `${name}（新订阅享 ${planTrial.get(code)} 天试用）`
+            : name;
+    };
+    const planM = useMutation({
+        mutationFn: (v) => api.patch(`/api/admin/workspaces/${v.ws.id}/plan`, {
+            plan_code: v.planCode,
+        }),
+        onSuccess: (_d, v) => {
+            toast.success(`${v.ws.name} 套餐已变更为 ${planLabel(v.planCode)}`);
+            void qc.invalidateQueries({ queryKey: ['admin', 'workspaces'] });
+            void qc.invalidateQueries({ queryKey: ['admin', 'workspace'] });
+            void qc.invalidateQueries({ queryKey: ['admin', 'stats'] });
+        },
+        onError: (e) => toast.error(adminError(e, '套餐变更失败')),
+    });
+    const raw = wsQ.data?.items ?? [];
+    const total = wsQ.data?.total ?? 0;
+    const pastEnd = !wsQ.isPending && raw.length === 0 && page > 1;
+    const columns = [
+        {
+            key: 'name',
+            header: '工作区',
+            render: (ws) => (_jsxs("div", { className: "min-w-0 max-w-[24rem]", children: [_jsx("p", { className: "truncate font-medium", children: _jsx(Link, { to: `/admin/workspaces/${ws.id}`, className: "transition-colors hover:text-primary hover:underline", children: ws.name }) }), _jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", children: ws.slug })] })),
+        },
+        {
+            key: 'owner_email',
+            header: '属主',
+            className: 'w-48',
+            render: (ws) => (_jsx("span", { className: "truncate text-muted-foreground", title: ws.owner_email ?? undefined, children: ws.owner_email ?? '—' })),
+        },
+        {
+            key: 'plan_code',
+            header: '套餐',
+            className: 'w-44',
+            render: (ws) => {
+                const mutating = planM.isPending && planM.variables?.ws.id === ws.id;
+                const known = planCodes.includes(ws.plan_code);
+                return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { value: ws.plan_code, onValueChange: (v) => {
+                                if (typeof v === 'string' && v !== ws.plan_code)
+                                    planM.mutate({ ws, planCode: v });
+                            }, children: [_jsx(SelectTrigger, { size: "sm", className: "max-md:h-10", disabled: mutating, "aria-label": `变更 ${ws.name} 套餐`, children: _jsx(SelectValue, { children: planLabel(ws.plan_code) }) }), _jsx(SelectContent, { align: "start", children: planCodes.map((code) => (_jsx(SelectItem, { value: code, children: planLabel(code) }, code))) })] }), !known && (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: "\u672A\u77E5\u5957\u9910" }))] }));
+            },
+        },
+        {
+            key: 'member_count',
+            header: '成员数',
+            className: 'w-20',
+            render: (ws) => _jsx("span", { className: "tabular-nums", children: ws.member_count }),
+        },
+        {
+            key: 'created_at',
+            header: '创建时间',
+            className: 'w-28',
+            render: (ws) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDate(ws.created_at) })),
+        },
+    ];
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u5DE5\u4F5C\u533A", description: "\u5E73\u53F0\u5168\u90E8\u5DE5\u4F5C\u533A\uFF1B\u652F\u6301\u540D\u79F0/slug \u641C\u7D22\uFF0C\u884C\u5185\u53EF\u76F4\u63A5\u53D8\u66F4\u5957\u9910\uFF08\u5BA1\u8BA1\u7559\u75D5\uFF09" }), _jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [_jsx(Input, { className: "w-72", placeholder: "\u6309\u540D\u79F0 / slug \u524D\u7F00\u641C\u7D22\u2026", "aria-label": "\u641C\u7D22\u5DE5\u4F5C\u533A", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: (e) => {
+                            if (e.key === 'Enter')
+                                applyFilter(searchInput.trim(), 1);
+                        } }), q && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                            setSearchInput('');
+                            applyFilter('', 1);
+                        }, children: "\u6E05\u9664\u641C\u7D22" }))] }), wsQ.isError ? (_jsx(PageError, { message: adminError(wsQ.error, '工作区列表加载失败'), onRetry: () => void wsQ.refetch() })) : (_jsx(DataTable, { columns: columns, rows: raw, rowKey: (ws) => ws.id, loading: wsQ.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\u5DE5\u4F5C\u533A\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" })] })) : q ? (_jsx(PageEmpty, { label: "\u6CA1\u6709\u5339\u914D\u7684\u5DE5\u4F5C\u533A", hint: "\u6362\u4E2A\u5173\u952E\u8BCD\u6216\u6E05\u9664\u641C\u7D22" })) : (_jsx(PageEmpty, { label: "\u6682\u65E0\u5DE5\u4F5C\u533A" })) }))] }));
+}

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

@@ -0,0 +1,8 @@
+export declare const ADMIN_PAGE_SIZE = 20;
+export declare function adminError(err: unknown, fallback: string): string;
+export interface AdminListEnvelope<T> {
+    items: T[];
+    total: number;
+}
+export declare function adminListQuery(page: number, pageSize?: number, filters?: Record<string, string | undefined>): string;
+export declare function formatCents(cents: number, currency?: string): string;

package/dist/pages/admin/shared.js

@@ -0,0 +1,23 @@
+import { ApiError } from '../../hooks/useApi';
+import { apiErrorMessage } from '../../lib/api-error';
+export const ADMIN_PAGE_SIZE = 20;
+export function adminError(err, fallback) {
+    if (err instanceof ApiError && err.status === 403) {
+        return '需要平台管理员权限（当前账号无权访问管理控制台）';
+    }
+    return apiErrorMessage(err, fallback);
+}
+export function adminListQuery(page, pageSize = ADMIN_PAGE_SIZE, filters = {}) {
+    const p = new URLSearchParams();
+    p.set('page', String(page));
+    p.set('page_size', String(pageSize));
+    for (const [k, v] of Object.entries(filters)) {
+        if (v && v.trim())
+            p.set(k, v.trim());
+    }
+    return `?${p.toString()}`;
+}
+export function formatCents(cents, currency = 'CNY') {
+    const symbol = currency.toUpperCase() === 'CNY' ? '¥' : `${currency.toUpperCase()} `;
+    return `${symbol}${(cents / 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+}

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

@@ -0,0 +1,6 @@
+export interface ForgotPasswordPageProps {
+    title?: string;
+    sentHint?: string;
+    backPath?: string;
+}
+export declare function ForgotPasswordPage({ title, sentHint, backPath, }: ForgotPasswordPageProps): import("react").JSX.Element;

package/dist/pages/auth/ForgotPasswordPage.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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';
+export function ForgotPasswordPage({ title = '找回密码', sentHint = '如果该邮箱存在，重置链接已发送，请查收邮箱。', backPath = '/login', }) {
+    const { requestReset } = usePasswordReset();
+    const [email, setEmail] = useState('');
+    const [loading, setLoading] = useState(false);
+    const [sent, setSent] = useState(false);
+    const [error, setError] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!email)
+            return;
+        setError(null);
+        setLoading(true);
+        try {
+            await requestReset(email);
+            setSent(true);
+        }
+        catch (err) {
+            setError(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: title }) }), sent ? (_jsx("p", { className: "text-sm text-muted-foreground", "data-testid": "sent-hint", children: sentHint })) : (_jsxs(_Fragment, { children: [_jsx(FormField, { label: "\u90AE\u7BB1", error: error ?? undefined, htmlFor: "forgot-email", children: _jsx(Input, { id: "forgot-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "you@example.com", required: true }) }), _jsx(Button, { type: "submit", className: "w-full", disabled: loading || !email, children: loading ? '发送中…' : '发送重置链接' })] })), _jsx("a", { href: backPath, className: "block text-center text-sm text-primary underline-offset-4 hover:underline", children: "\u8FD4\u56DE\u767B\u5F55" })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export interface InviteAcceptPageProps {
+    onAccepted?: (workspaceId: string) => void;
+    onDeclined?: () => void;
+}
+export declare function InviteAcceptPage({ onAccepted, onDeclined }?: InviteAcceptPageProps): import("react").JSX.Element;

package/dist/pages/auth/InviteAcceptPage.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from 'react-router';
+import { Check, X } from 'lucide-react';
+import { Button } from '../../components/ui/Button';
+import { Badge } from '../../components/ui/Badge';
+import { PageLoading, PageEmpty } from '../../components/Page';
+import { toast } from '../../components/toast';
+import { useMyInvitations } from '../../hooks/useMembers';
+import { formatDateTime } from '../../lib/utils';
+import { apiErrorMessage } from '../../lib/api-error';
+const ROLE_LABEL = { owner: '所有者', admin: '管理员', member: '成员' };
+export function InviteAcceptPage({ onAccepted, onDeclined } = {}) {
+    const navigate = useNavigate();
+    const { invitations, loading, error, refetch, accept, decline } = useMyInvitations();
+    const pending = invitations.filter((i) => i.status === 'pending');
+    const onAccept = async (id, name) => {
+        try {
+            const ws = await accept.mutateAsync(id);
+            toast.success(`已加入「${name}」`);
+            if (onAccepted)
+                onAccepted(ws.id);
+            else
+                navigate('/app');
+        }
+        catch (e) {
+            toast.error(apiErrorMessage(e, '接受邀请失败'));
+        }
+    };
+    const onDecline = async (id, name) => {
+        try {
+            await decline.mutateAsync(id);
+            toast.success(`已拒绝「${name}」的邀请`);
+            onDeclined?.();
+        }
+        catch (e) {
+            toast.error(apiErrorMessage(e, '操作失败'));
+        }
+    };
+    return (_jsx("div", { className: "flex min-h-svh w-full items-center justify-center bg-muted/40 p-6 md:p-10", children: _jsxs("div", { className: "w-full max-w-md rounded-xl border bg-card p-6 shadow-sm", children: [_jsx("h1", { className: "text-xl font-bold", children: "\u6211\u7684\u9080\u8BF7" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "\u63A5\u53D7\u540E\u4F60\u5C06\u52A0\u5165\u5BF9\u5E94\u5DE5\u4F5C\u533A\u3002" }), _jsx("div", { className: "mt-4", children: loading ? (_jsx(PageLoading, { label: "\u52A0\u8F7D\u9080\u8BF7\u2026" })) : error ? (_jsxs("div", { className: "py-6 text-center text-sm text-red-600", children: [apiErrorMessage(error, '邀请加载失败'), _jsx("div", { className: "mt-3", children: _jsx(Button, { size: "sm", variant: "outline", onClick: () => refetch(), children: "\u91CD\u8BD5" }) })] })) : pending.length === 0 ? (_jsx(PageEmpty, { label: "\u6682\u65E0\u5F85\u5904\u7406\u7684\u9080\u8BF7", hint: "\u6536\u5230\u65B0\u9080\u8BF7\u65F6\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC" })) : (_jsx("ul", { className: "divide-y", children: pending.map((inv) => (_jsxs("li", { className: "flex items-center justify-between gap-3 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: inv.workspace_name || inv.workspace_slug || '工作区' }), _jsxs("p", { className: "mt-0.5 flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx(Badge, { variant: "secondary", children: ROLE_LABEL[inv.role] ?? inv.role }), _jsxs("span", { children: [formatDateTime(inv.expires_at), " \u8FC7\u671F"] })] })] }), _jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsxs(Button, { size: "sm", variant: "outline", disabled: decline.isPending, onClick: () => onDecline(inv.id, inv.workspace_name), children: [_jsx(X, {}), " \u62D2\u7EDD"] }), _jsxs(Button, { size: "sm", disabled: accept.isPending, onClick: () => onAccept(inv.id, inv.workspace_name), children: [_jsx(Check, {}), " \u63A5\u53D7"] })] })] }, inv.id))) })) })] }) }));
+}

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

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export declare const passwordSchema: z.ZodString;
+export declare const registerSchema: z.ZodObject<{
+    email: z.ZodString;
+    password: z.ZodString;
+    display_name: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type RegisterForm = z.infer<typeof registerSchema>;
+export interface RegisterPageProps {
+    onSuccess?: () => void;
+    loginPath?: string;
+    title?: string;
+    description?: string;
+}
+export declare function RegisterPage({ onSuccess, loginPath, title, description, }: RegisterPageProps): import("react").JSX.Element;

package/dist/pages/auth/RegisterPage.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { z } from 'zod';
+import { AuthShell } from '../../layouts/AuthShell';
+import { FormField } from '../../components/FormField';
+import { Button } from '../../components/ui/Button';
+import { Input } from '../../components/ui/Input';
+import { FieldDescription, FieldSeparator } from '../../components/ui/field';
+import { useApi } from '../../hooks/useApi';
+import { useAuth } from '../../hooks/useAuth';
+import { useSiteConfig } from '../../hooks/useSiteConfig';
+import { useZodForm } from '../../hooks/useZodForm';
+import { apiErrorMessage } from '../../lib/api-error';
+import { toast } from '../../components/toast';
+function passwordKinds(pw) {
+    let kinds = 0;
+    if (/[0-9]/.test(pw))
+        kinds++;
+    if (/[a-z]/.test(pw))
+        kinds++;
+    if (/[A-Z]/.test(pw))
+        kinds++;
+    if (/[^0-9a-zA-Z]/.test(pw))
+        kinds++;
+    return kinds;
+}
+export const passwordSchema = z
+    .string()
+    .min(10, '密码至少 10 位')
+    .refine((pw) => new TextEncoder().encode(pw).length <= 128, '密码过长（按字节计最多 128，一个汉字占 3 字节）')
+    .refine((pw) => passwordKinds(pw) >= 3, '需包含大写/小写/数字/符号中的至少三类');
+export const registerSchema = z.object({
+    email: z.string().min(1, '请输入邮箱').max(254, '邮箱过长').email('邮箱格式不正确'),
+    password: passwordSchema,
+    display_name: z.string().max(100, '昵称最多 100 字符').optional(),
+});
+export function RegisterPage({ onSuccess, loginPath = '/login', title = '创建账号', description = '填写以下信息开始使用', }) {
+    const api = useApi();
+    const { refresh } = useAuth();
+    const { data: siteCfg } = useSiteConfig();
+    const inviteOnly = siteCfg?.allow_signup === '0';
+    const [submitting, setSubmitting] = useState(false);
+    const [serverError, setServerError] = useState(null);
+    const form = useZodForm({
+        schema: registerSchema,
+        defaultValues: { email: '', password: '', display_name: '' },
+    });
+    const handleSubmit = form.handleSubmit(async (values) => {
+        setServerError(null);
+        setSubmitting(true);
+        try {
+            const body = {
+                email: values.email,
+                password: values.password,
+            };
+            if (values.display_name?.trim())
+                body.display_name = values.display_name.trim();
+            await api.post('/auth/register', body);
+            await refresh();
+            toast.success('注册成功');
+            if (onSuccess)
+                onSuccess();
+            else
+                window.location.href = '/app';
+        }
+        catch (e) {
+            const msg = apiErrorMessage(e, '注册失败，请稍后重试');
+            setServerError(msg);
+            toast.error(msg);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    });
+    const pw = form.watch('password') ?? '';
+    const kinds = passwordKinds(pw);
+    return (_jsxs(_Fragment, { children: [inviteOnly && (_jsx("div", { className: "fixed inset-x-0 top-0 z-50 border-b border-primary/25 bg-primary/10 px-4 py-2 text-center text-sm text-primary", children: "\u5F53\u524D\u4E3A\u9080\u8BF7\u5236\u6CE8\u518C\uFF1A\u4EC5\u767D\u540D\u5355\u90AE\u7BB1\u53EF\u5B8C\u6210\u6CE8\u518C\uFF08\u6700\u7EC8\u4EE5\u670D\u52A1\u7AEF\u6821\u9A8C\u4E3A\u51C6\uFF09" })), _jsx(AuthShell, { footer: _jsx("span", { children: "\u6CE8\u518C\u5373\u4EE3\u8868\u540C\u610F\u6211\u4EEC\u7684\u670D\u52A1\u6761\u6B3E\u4E0E\u9690\u79C1\u653F\u7B56" }), children: _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex flex-col items-center gap-1 text-center", children: [_jsx("h1", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-sm text-balance text-muted-foreground", children: description })] }), _jsx(FormField, { label: "\u90AE\u7BB1", error: form.formState.errors.email?.message, htmlFor: "reg-email", children: _jsx(Input, { id: "reg-email", type: "email", placeholder: "you@example.com", autoComplete: "email", ...form.register('email') }) }), _jsxs(FormField, { label: "\u5BC6\u7801", error: form.formState.errors.password?.message, htmlFor: "reg-password", children: [_jsx(Input, { id: "reg-password", type: "password", placeholder: "\u81F3\u5C11 10 \u4F4D\uFF0C\u542B\u4E09\u7C7B\u5B57\u7B26", autoComplete: "new-password", ...form.register('password') }), pw.length > 0 && (_jsxs(FieldDescription, { children: ["\u5B57\u7B26\u7C7B\u522B\uFF1A\u5927\u5199 ", /[A-Z]/.test(pw) ? '✓' : '—', " / \u5C0F\u5199", ' ', /[a-z]/.test(pw) ? '✓' : '—', " / \u6570\u5B57", ' ', /[0-9]/.test(pw) ? '✓' : '—', " / \u7B26\u53F7", ' ', /[^0-9a-zA-Z]/.test(pw) ? '✓' : '—', "\uFF08\u5DF2\u6EE1\u8DB3 ", kinds, "/3 \u7C7B\uFF09"] }))] }), _jsx(FormField, { label: "\u6635\u79F0\uFF08\u53EF\u9009\uFF09", error: form.formState.errors.display_name?.message, htmlFor: "reg-name", children: _jsx(Input, { id: "reg-name", type: "text", maxLength: 100, placeholder: "\u600E\u4E48\u79F0\u547C\u4F60\uFF1F", ...form.register('display_name') }) }), serverError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: serverError })), _jsx(Button, { type: "submit", disabled: submitting, children: submitting ? '注册中…' : '创建账号' }), _jsx(FieldSeparator, { children: "\u5DF2\u6709\u8D26\u53F7\uFF1F" }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                window.location.href = loginPath;
+                            }, children: "\u767B\u5F55" })] }) })] }));
+}

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

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