@ploykit/ui 0.0.0-stage → 0.1.0

package/dist/pages/admin/AdminSettingsPage.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { FormField } from '../../components/FormField';
+import { 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, CardContent, CardDescription, CardHeader, CardTitle, } from '../../components/ui/card';
+import { Input } from '../../components/ui/Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
+import { Switch } from '../../components/ui/switch';
+import { useApi } from '../../hooks/useApi';
+import { SiteBanner } from '../../components/SiteBanner';
+import { SITE_CONFIG_QUERY_KEY } from '../../hooks/useSiteConfig';
+import { adminError } from './shared';
+const ERROR_TOAST_MS = 8_000;
+function parseRateLimit(raw) {
+    const s = raw.trim();
+    if (s === '') {
+        return { ok: false, msg: '不能留空：填写 0 表示关闭限流' };
+    }
+    const n = Number(s);
+    if (!Number.isFinite(n) || !Number.isInteger(n) || n < 0 || n > 100000) {
+        return { ok: false, msg: '必须是 0..100000 的整数（0 = 关闭限流）' };
+    }
+    return { ok: true, v: s };
+}
+async function putKeys(api, entries) {
+    const results = [];
+    for (const e of entries) {
+        try {
+            await api.put(`/api/admin/settings/${e.key}`, { value: e.value });
+            results.push({ key: e.key, label: e.label, ok: true });
+        }
+        catch (err) {
+            results.push({ key: e.key, label: e.label, ok: false, err });
+        }
+    }
+    return results;
+}
+export function AdminSettingsPage() {
+    const api = useApi();
+    const qc = useQueryClient();
+    const settingsQ = useQuery({
+        queryKey: ['admin', 'settings'],
+        queryFn: () => api.get('/api/admin/settings'),
+    });
+    const [bannerText, setBannerText] = useState('');
+    const [bannerKind, setBannerKind] = useState('info');
+    const [maintenance, setMaintenance] = useState(false);
+    const [allowSignup, setAllowSignup] = useState(true);
+    const [domains, setDomains] = useState('');
+    const [rlPerUser, setRlPerUser] = useState('0');
+    const [rlPerIP, setRlPerIP] = useState('30');
+    const [rlAllowlist, setRlAllowlist] = useState('');
+    const [rlError, setRlError] = useState(null);
+    const [hydrated, setHydrated] = useState(false);
+    const eff = settingsQ.data?.effective;
+    useEffect(() => {
+        if (!eff || hydrated)
+            return;
+        setBannerText(eff.banner_text ?? '');
+        setBannerKind(eff.banner_kind === 'warn' ? 'warn' : 'info');
+        setMaintenance(eff.maintenance_mode === '1');
+        setAllowSignup(eff.allow_signup !== '0');
+        setDomains(eff.allowed_domains ?? '');
+        setRlPerUser(eff.rate_limit_per_user_per_min ?? '0');
+        setRlPerIP(eff.rate_limit_per_ip_per_min ?? '30');
+        setRlAllowlist(eff.rate_limit_allowlist ?? '');
+        setHydrated(true);
+    }, [eff, hydrated]);
+    const afterSave = () => {
+        qc.invalidateQueries({ queryKey: ['admin', 'settings'] });
+        qc.invalidateQueries({ queryKey: SITE_CONFIG_QUERY_KEY });
+    };
+    const rollbackToServer = async () => {
+        await qc.invalidateQueries({ queryKey: ['admin', 'settings'] });
+        setHydrated(false);
+    };
+    const reportKeySaves = (results, successMsg, what) => {
+        const okCount = results.filter((r) => r.ok).length;
+        const failed = results.filter((r) => !r.ok);
+        afterSave();
+        if (failed.length === 0) {
+            toast.success(successMsg);
+            return;
+        }
+        const failedLabel = failed.map((f) => f.label).join('、');
+        const reason = adminError(failed[0].err, '保存失败');
+        if (okCount > 0) {
+            toast.error(`${what}部分保存：成功 ${okCount}/${results.length} 项已生效；失败项（${failedLabel}）原因：${reason}`, { duration: ERROR_TOAST_MS });
+        }
+        else {
+            toast.error(`${what}保存失败（${failedLabel}）：${reason}`, {
+                duration: ERROR_TOAST_MS,
+            });
+        }
+        void rollbackToServer();
+    };
+    const saveM = useMutation({
+        mutationFn: (p) => api.put(`/api/admin/settings/${p.key}`, { value: p.value }),
+        onSuccess: (_r, p) => {
+            toast.success(`${p.label}已保存`);
+            afterSave();
+        },
+        onError: (e, p) => {
+            toast.error(adminError(e, `${p.label}保存失败`), {
+                duration: ERROR_TOAST_MS,
+            });
+            void rollbackToServer();
+        },
+    });
+    const bannerM = useMutation({
+        mutationFn: () => putKeys(api, [
+            { key: 'banner_text', label: '公告文本', value: bannerText },
+            { key: 'banner_kind', label: '公告样式', value: bannerKind },
+        ]),
+        onSuccess: (results) => reportKeySaves(results, '公告已保存，全站顶条即时生效', '公告'),
+    });
+    const domainsM = useMutation({
+        mutationFn: () => api.put('/api/admin/settings/allowed_domains', { value: domains.trim() }),
+        onSuccess: () => {
+            toast.success('域名白名单已保存');
+            afterSave();
+        },
+        onError: (e) => {
+            toast.error(adminError(e, '域名白名单保存失败'), {
+                duration: ERROR_TOAST_MS,
+            });
+            void rollbackToServer();
+        },
+    });
+    const rateLimitM = useMutation({
+        mutationFn: async () => {
+            const perUser = parseRateLimit(rlPerUser);
+            const perIP = parseRateLimit(rlPerIP);
+            if (!perUser.ok)
+                throw new Error(`每用户限流：${perUser.msg}`);
+            if (!perIP.ok)
+                throw new Error(`每 IP 限流：${perIP.msg}`);
+            setRlError(null);
+            return putKeys(api, [
+                {
+                    key: 'rate_limit_per_user_per_min',
+                    label: '每用户限流',
+                    value: perUser.v,
+                },
+                { key: 'rate_limit_per_ip_per_min', label: '每 IP 限流', value: perIP.v },
+                { key: 'rate_limit_allowlist', label: '豁免名单', value: rlAllowlist.trim() },
+            ]);
+        },
+        onSuccess: (results) => reportKeySaves(results, '限流配置已保存（重启后生效）', '限流配置'),
+        onError: (e) => {
+            const msg = e instanceof Error ? e.message : '限流配置保存失败';
+            setRlError(msg);
+            toast.error(msg, { duration: ERROR_TOAST_MS });
+        },
+    });
+    const [testTo, setTestTo] = useState('');
+    const [testMsg, setTestMsg] = useState(null);
+    const testEmailM = useMutation({
+        mutationFn: () => api.post('/api/admin/settings/test-email', {
+            to: testTo.trim(),
+        }),
+        onSuccess: (r) => {
+            setTestMsg(r?.mode === 'dev'
+                ? `开发通道（emaildev）：${r.hint ?? '邮件内容已打日志，请到后端日志查看'}`
+                : '测试邮件已发出，请到收件箱（含垃圾箱）确认');
+        },
+        onError: (e) => setTestMsg(`发送失败：${adminError(e, '未知错误')}`),
+    });
+    if (settingsQ.isPending) {
+        return _jsx("p", { className: "text-sm text-muted-foreground", children: "\u52A0\u8F7D\u8BBE\u7F6E\u4E2D\u2026" });
+    }
+    if (settingsQ.isError) {
+        return (_jsx(PageError, { message: adminError(settingsQ.error, '设置加载失败'), onRetry: () => void settingsQ.refetch() }));
+    }
+    const desc = settingsQ.data?.descriptions ?? {};
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(PageHeader, { title: "\u7CFB\u7EDF", description: "\u7AD9\u70B9\u516C\u544A\u3001\u7EF4\u62A4\u6A21\u5F0F\u3001\u6CE8\u518C\u7BA1\u63A7\u3001API \u9650\u6D41\u4E0E\u90AE\u4EF6\u901A\u9053\u2014\u2014\u4FDD\u5B58\u540E\u5168\u7AD9\u5373\u65F6\u751F\u6548\uFF08API \u9650\u6D41\u9664\u5916\uFF1A\u91CD\u542F\u540E\u751F\u6548\uFF09" }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "\u7AD9\u70B9\u516C\u544A" }), _jsx(CardTitle, { children: "\u9876\u90E8\u516C\u544A\u6A2A\u6761" }), _jsx(CardAction, { children: _jsx(Badge, { variant: bannerText.trim() ? 'secondary' : 'outline', children: bannerText.trim() ? '展示中' : '未展示' }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: desc.banner_text }), _jsxs("div", { className: "rounded-lg border border-dashed", children: [_jsx(SiteBanner, { text: bannerText, kind: bannerKind }), !bannerText.trim() && (_jsx("p", { className: "px-4 py-2 text-xs text-muted-foreground", children: "\u9884\u89C8\uFF1A\u516C\u544A\u4E3A\u7A7A\u65F6\u4E0D\u6E32\u67D3\u6A2A\u6761" }))] }), _jsx(FormField, { label: "\u516C\u544A\u6587\u672C", htmlFor: "banner-text", children: _jsx("textarea", { id: "banner-text", className: "flex min-h-16 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: "\u5982\uFF1A\u4ECA\u665A 22:00\u201323:00 \u4F8B\u884C\u7EF4\u62A4\uFF0C\u671F\u95F4\u53EF\u80FD\u77ED\u6682\u4E0D\u53EF\u7528", maxLength: 500, value: bannerText, onChange: (e) => setBannerText(e.target.value) }) }), _jsx(FormField, { label: "\u6837\u5F0F", htmlFor: "banner-kind", children: _jsxs(Select, { value: bannerKind, onValueChange: (v) => setBannerKind(v === 'warn' ? 'warn' : 'info'), children: [_jsx(SelectTrigger, { id: "banner-kind", size: "sm", "aria-label": "\u516C\u544A\u6837\u5F0F", className: "w-40", children: _jsx(SelectValue, { children: bannerKind === 'warn' ? '警示（橙红）' : '信息（蓝）' }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "info", children: "\u4FE1\u606F\uFF08\u84DD\uFF09" }), _jsx(SelectItem, { value: "warn", children: "\u8B66\u793A\uFF08\u6A59\u7EA2\uFF09" })] })] }) }), _jsx("div", { children: _jsx(Button, { size: "sm", disabled: bannerM.isPending || !hydrated, onClick: () => bannerM.mutate(), children: bannerM.isPending ? '保存中…' : '保存公告' }) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "\u7EF4\u62A4\u6A21\u5F0F" }), _jsx(CardTitle, { children: "\u5168\u7AD9\"\u7EF4\u62A4\u4E2D\"\u63D0\u793A\u6761" }), _jsx(CardAction, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: maintenance ? 'destructive' : 'outline', children: maintenance ? '维护中' : '正常运行' }), _jsx(Switch, { checked: maintenance, onCheckedChange: (v) => {
+                                                if (saveM.isPending)
+                                                    return;
+                                                setMaintenance(v);
+                                                saveM.mutate({
+                                                    key: 'maintenance_mode',
+                                                    value: v ? '1' : '0',
+                                                    label: '维护模式',
+                                                });
+                                            }, "aria-label": "\u7EF4\u62A4\u6A21\u5F0F\u5F00\u5173" })] }) })] }), _jsx(CardContent, { children: _jsx("p", { className: "text-sm text-muted-foreground", children: desc.maintenance_mode }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "\u6CE8\u518C\u7BA1\u63A7" }), _jsx(CardTitle, { children: "\u6CE8\u518C\u5F00\u5173\u4E0E\u57DF\u540D\u767D\u540D\u5355" }), _jsx(CardAction, { children: _jsx(Switch, { checked: allowSignup, onCheckedChange: (v) => {
+                                        if (saveM.isPending)
+                                            return;
+                                        setAllowSignup(v);
+                                        saveM.mutate({
+                                            key: 'allow_signup',
+                                            value: v ? '1' : '0',
+                                            label: '注册开关',
+                                        });
+                                    }, "aria-label": "\u5F00\u653E\u6CE8\u518C\u5F00\u5173" }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: desc.allow_signup }), _jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Badge, { variant: allowSignup ? 'secondary' : 'destructive', children: allowSignup ? '开放注册' : '邀请制' }), !allowSignup && (_jsx("span", { className: "text-muted-foreground", children: "\u6CE8\u518C\u9875\u4F1A\u663E\u793A\"\u5F53\u524D\u4E3A\u9080\u8BF7\u5236\u6CE8\u518C\"\u63D0\u793A\uFF08\u4E0D\u963B\u65AD\u63D0\u4EA4\uFF0C\u670D\u52A1\u7AEF\u624D\u662F\u8FB9\u754C\uFF09" }))] }), _jsx(FormField, { label: "\u57DF\u540D\u767D\u540D\u5355\uFF08\u9017\u53F7\u5206\u9694\uFF0C\u7A7A = \u4E0D\u9650\uFF09", htmlFor: "allowed-domains", children: _jsx(Input, { id: "allowed-domains", placeholder: "\u5982\uFF1Acorp.com, edu.cn", value: domains, onChange: (e) => setDomains(e.target.value) }) }), _jsx("div", { children: _jsx(Button, { size: "sm", variant: "outline", disabled: domainsM.isPending || !hydrated, onClick: () => domainsM.mutate(), children: domainsM.isPending ? '保存中…' : '保存白名单' }) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "API \u9650\u6D41" }), _jsx(CardTitle, { children: "\u6BCF\u7528\u6237 / \u6BCF IP \u9650\u6D41\u4E0E\u8C41\u514D\u540D\u5355" }), _jsx(CardAction, { children: _jsx(Badge, { variant: rlPerUser !== '0' || rlPerIP !== '0' ? 'secondary' : 'outline', children: rlPerUser !== '0' || rlPerIP !== '0' ? '启用中' : '按缺省' }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: [desc.rate_limit_per_user_per_min, ' ', "\u4FEE\u6539\u540E\u9700\u91CD\u542F\u751F\u6548\uFF08\u542F\u52A8\u671F\u9759\u6001\u6CE8\u5165\uFF0C\u4E0D\u505A\u70ED\u91CD\u8F7D\uFF09\u3002"] }), _jsxs("div", { className: "grid max-w-3xl gap-4 sm:grid-cols-2", children: [_jsx(FormField, { label: "\u6BCF\u7528\u6237\u8BF7\u6C42/\u5206\uFF080 = \u5173\u95ED\uFF09", htmlFor: "rl-per-user", error: rlError?.startsWith('每用户') ? rlError : undefined, children: _jsx(Input, { id: "rl-per-user", type: "text", inputMode: "numeric", placeholder: "\u5982 600\uFF1B0 = \u5173\u95ED", value: rlPerUser, onChange: (e) => {
+                                                setRlPerUser(e.target.value);
+                                                if (rlError?.startsWith('每用户'))
+                                                    setRlError(null);
+                                            }, "aria-invalid": rlError?.startsWith('每用户') ? true : undefined }) }), _jsx(FormField, { label: "\u6BCF IP \u8BF7\u6C42/\u5206\uFF08\u8BA4\u8BC1\u8DEF\u5F84\uFF1B0 = \u5173\u95ED\uFF09", htmlFor: "rl-per-ip", error: rlError?.startsWith('每 IP') ? rlError : undefined, children: _jsx(Input, { id: "rl-per-ip", type: "text", inputMode: "numeric", placeholder: "\u7F3A\u7701 30\uFF1B0 = \u5173\u95ED", value: rlPerIP, onChange: (e) => {
+                                                setRlPerIP(e.target.value);
+                                                if (rlError?.startsWith('每 IP'))
+                                                    setRlError(null);
+                                            }, "aria-invalid": rlError?.startsWith('每 IP') ? true : undefined }) })] }), _jsx(FormField, { label: "\u8C41\u514D\u540D\u5355\uFF08\u9017\u53F7\u5206\u9694 IP \u6216 CIDR\uFF0C\u7A7A = \u65E0\u8C41\u514D\uFF09", htmlFor: "rl-allowlist", children: _jsx(Input, { id: "rl-allowlist", className: "font-mono", placeholder: "\u5982 10.0.0.5, 192.168.0.0/16", value: rlAllowlist, onChange: (e) => setRlAllowlist(e.target.value) }) }), _jsx("div", { children: _jsx(Button, { size: "sm", variant: "outline", disabled: rateLimitM.isPending || !hydrated, onClick: () => rateLimitM.mutate(), children: rateLimitM.isPending ? '保存中…' : '保存限流配置' }) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "\u90AE\u4EF6\u901A\u9053" }), _jsx(CardTitle, { children: "\u53D1\u9001\u6D4B\u8BD5\u90AE\u4EF6" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "\u9A8C\u8BC1\u51FA\u7AD9\u90AE\u4EF6\u901A\u9053\u8FDE\u901A\u6027\u3002\u5B9E\u9645\u884C\u4E3A\u53D6\u51B3\u4E8E\u90E8\u7F72\u65F6\u7684\u90AE\u4EF6\u901A\u9053\uFF1A\u5F00\u53D1\u901A\u9053\u53EA\u6253\u65E5\u5FD7\u3001 \u4E0D\u771F\u53D1\u4FE1\uFF1B\u63A5\u5165 SMTP \u540E\u6B64\u6309\u94AE\u53D1\u9001\u771F\u5B9E\u90AE\u4EF6\u3002" }), _jsxs("div", { className: "flex max-w-md gap-2", children: [_jsx(Input, { type: "email", placeholder: "\u6536\u4EF6\u90AE\u7BB1\uFF0C\u5982 ops@example.com", value: testTo, onChange: (e) => setTestTo(e.target.value), "aria-label": "\u6D4B\u8BD5\u90AE\u4EF6\u6536\u4EF6\u90AE\u7BB1" }), _jsx(Button, { size: "sm", className: "shrink-0", disabled: testEmailM.isPending || !testTo.trim(), onClick: () => {
+                                            setTestMsg(null);
+                                            testEmailM.mutate();
+                                        }, children: testEmailM.isPending ? '发送中…' : '发送' })] }), testMsg && (_jsx("p", { role: "status", className: "rounded-md border bg-muted px-3 py-2 text-sm text-muted-foreground", children: testMsg }))] })] })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface AdminShellProps {
+    children: ReactNode;
+    productPath?: string;
+    loginPath?: string;
+}
+export declare function AdminShell({ children, productPath, loginPath, }: AdminShellProps): import("react").JSX.Element;

package/dist/pages/admin/AdminShell.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Navigate, useLocation } from 'react-router';
+import { Activity, ArrowLeft, Building2, KeyRound, LayoutDashboard, Receipt, ScrollText, Settings, ShieldCheck, Users, Webhook, } from 'lucide-react';
+import { buttonVariants } from '../../components/ui/Button';
+import { UserMenu } from '../../components/UserMenu';
+import { useAuth } from '../../hooks/useAuth';
+import { cn } from '../../lib/utils';
+const NAV = [
+    {
+        to: '/admin/overview',
+        label: '概览',
+        icon: _jsx(LayoutDashboard, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/users',
+        label: '用户',
+        icon: _jsx(Users, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/workspaces',
+        label: '工作区',
+        icon: _jsx(Building2, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/orders',
+        label: '订单',
+        icon: _jsx(Receipt, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/webhook-deliveries',
+        label: 'Webhooks',
+        icon: _jsx(Webhook, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/sso',
+        label: 'SSO',
+        icon: _jsx(KeyRound, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/audit',
+        label: '审计',
+        icon: _jsx(ScrollText, { size: 16, "aria-hidden": "true" }),
+    },
+    {
+        to: '/admin/overview#analytics',
+        label: '分析',
+        icon: _jsx(Activity, { size: 16, "aria-hidden": "true" }),
+        hash: true,
+    },
+    {
+        to: '/admin/settings',
+        label: '系统',
+        icon: _jsx(Settings, { size: 16, "aria-hidden": "true" }),
+    },
+];
+function isActive(pathname, hash, item) {
+    if (item.hash)
+        return pathname === '/admin/overview' && hash === '#analytics';
+    if (item.to === '/admin/overview')
+        return pathname === '/admin/overview' && hash !== '#analytics';
+    return pathname === item.to || pathname.startsWith(item.to + '/');
+}
+function renderNav(pathname, hash, className) {
+    return NAV.map((item) => {
+        const active = isActive(pathname, hash, item);
+        return (_jsxs(Link, { to: item.to, "aria-current": active ? 'page' : undefined, className: cn(buttonVariants({ variant: 'ghost' }), className, active && 'bg-muted'), children: [item.icon, item.label] }, item.label));
+    });
+}
+export function AdminShell({ children, productPath = '/app', loginPath = '/login', }) {
+    const { user, loading } = useAuth();
+    const { pathname, hash, search } = useLocation();
+    if (loading) {
+        return (_jsx("div", { className: "flex min-h-svh items-center justify-center text-sm text-muted-foreground", children: "\u52A0\u8F7D\u4E2D\u2026" }));
+    }
+    if (!user) {
+        return (_jsx(Navigate, { to: loginPath, state: { from: `${pathname}${search}` }, replace: true }));
+    }
+    return (_jsxs("div", { className: "flex h-svh flex-col bg-background text-foreground", children: [_jsxs("header", { className: "flex h-14 shrink-0 items-center justify-between gap-3 border-b px-4 lg:px-6", children: [_jsxs(Link, { to: "/admin/overview", className: "flex items-center gap-2 text-sm font-semibold text-foreground", children: [_jsx("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: _jsx(ShieldCheck, { size: 16, "aria-hidden": "true" }) }), "\u7BA1\u7406\u63A7\u5236\u53F0"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Link, { to: productPath, className: cn(buttonVariants({ variant: 'ghost', size: 'sm' }), 'text-muted-foreground'), children: [_jsx(ArrowLeft, { size: 15, "aria-hidden": "true" }), " \u8FD4\u56DE\u4EA7\u54C1"] }), _jsx(UserMenu, {})] })] }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx("nav", { "aria-label": "\u7BA1\u7406\u63A7\u5236\u53F0\u5BFC\u822A", className: "flex gap-1 overflow-x-auto border-b px-3 py-2 md:hidden", children: renderNav(pathname, hash, 'shrink-0 justify-start whitespace-nowrap px-3') }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("aside", { className: "hidden w-56 shrink-0 border-r md:block", children: _jsx("nav", { "aria-label": "\u7BA1\u7406\u63A7\u5236\u53F0\u5BFC\u822A", className: "space-y-1 p-3", children: renderNav(pathname, hash, 'w-full justify-start') }) }), _jsx("main", { className: "min-w-0 flex-1 overflow-y-auto", children: _jsx("div", { className: "mx-auto w-full max-w-6xl p-4 lg:p-6", children: children }) })] })] })] }));
+}

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

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

package/dist/pages/admin/AuditPage.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useSearchParams } from 'react-router';
+import { Download, Search } from 'lucide-react';
+import { useQuery } from '@tanstack/react-query';
+import { apiFetch } from '@ploykit/client';
+import { DataTable } from '../../components/DataTable';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page';
+import { toast } from '../../components/toast';
+import { Button } from '../../components/ui/Button';
+import { Input } from '../../components/ui/Input';
+import { useApi } from '../../hooks/useApi';
+import { apiErrorMessage } from '../../lib/api-error';
+import { shortID, formatDateTime } from '../../lib/utils';
+import { ADMIN_PAGE_SIZE, adminError } from './shared';
+const emptyDraft = {
+    workspace: '',
+    action: '',
+    actor: '',
+    actorId: '',
+    from: '',
+    to: '',
+};
+function draftFromParams(p) {
+    return {
+        workspace: p.get('workspace') ?? '',
+        action: p.get('action') ?? '',
+        actor: p.get('actor') ?? '',
+        actorId: p.get('actor_id') ?? '',
+        from: p.get('from') ?? '',
+        to: p.get('to') ?? '',
+    };
+}
+function paramsFromDraft(d, page) {
+    const p = new URLSearchParams();
+    if (d.workspace.trim())
+        p.set('workspace', d.workspace.trim());
+    if (d.action.trim())
+        p.set('action', d.action.trim());
+    if (d.actor.trim())
+        p.set('actor', d.actor.trim());
+    if (d.actorId.trim())
+        p.set('actor_id', d.actorId.trim());
+    if (d.from)
+        p.set('from', d.from);
+    if (d.to)
+        p.set('to', d.to);
+    if (page > 1)
+        p.set('page', String(page));
+    return p;
+}
+function auditQueryString(d, limit, offset, withPaging) {
+    const p = new URLSearchParams();
+    if (d.workspace.trim())
+        p.set('workspace', d.workspace.trim());
+    if (d.action.trim())
+        p.set('action', d.action.trim());
+    if (d.actor.trim())
+        p.set('actor', d.actor.trim());
+    if (d.actorId.trim())
+        p.set('actor_id', d.actorId.trim());
+    if (d.from)
+        p.set('from', `${d.from}T00:00:00Z`);
+    if (d.to) {
+        const t = new Date(`${d.to}T00:00:00Z`);
+        t.setUTCDate(t.getUTCDate() + 1);
+        p.set('to', t.toISOString());
+    }
+    if (withPaging) {
+        p.set('limit', String(limit));
+        p.set('offset', String(offset));
+    }
+    const qs = p.toString();
+    return qs ? `?${qs}` : '';
+}
+export function AuditPage() {
+    const api = useApi();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const [draft, setDraft] = useState(() => draftFromParams(searchParams));
+    useEffect(() => {
+        setDraft(draftFromParams(searchParams));
+    }, [searchParams]);
+    const applied = useMemo(() => draftFromParams(searchParams), [searchParams]);
+    const page = Math.max(1, Number.parseInt(searchParams.get('page') ?? '1', 10) || 1);
+    const [exporting, setExporting] = useState(false);
+    const offset = (page - 1) * ADMIN_PAGE_SIZE;
+    const auditQ = useQuery({
+        queryKey: [
+            'admin',
+            'audit',
+            auditQueryString(applied, ADMIN_PAGE_SIZE, offset, true),
+        ],
+        queryFn: () => api.get(`/api/admin/audit${auditQueryString(applied, ADMIN_PAGE_SIZE, offset, true)}`),
+    });
+    const onExportCsv = async () => {
+        setExporting(true);
+        try {
+            const blob = await apiFetch(`/api/admin/audit/export.csv${auditQueryString(applied, 0, 0, false)}`, { responseType: 'blob' });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `audit-admin-${new Date().toISOString().slice(0, 10).replace(/-/g, '')}.csv`;
+            a.click();
+            URL.revokeObjectURL(url);
+            toast.success('CSV 导出已开始下载');
+        }
+        catch (e) {
+            toast.error(apiErrorMessage(e, '导出失败'));
+        }
+        finally {
+            setExporting(false);
+        }
+    };
+    const apply = () => {
+        setSearchParams(paramsFromDraft(draft, 1));
+    };
+    const items = auditQ.data?.items ?? [];
+    const total = auditQ.data?.total ?? 0;
+    const pastEnd = !auditQ.isPending && items.length === 0 && page > 1;
+    const columns = [
+        {
+            key: 'created_at',
+            header: '时间',
+            className: 'w-44',
+            render: (e) => (_jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: formatDateTime(e.created_at) })),
+        },
+        {
+            key: 'workspace',
+            header: '工作区',
+            className: 'w-28',
+            render: (e) => e.workspace_id ? (_jsx("span", { className: "font-mono text-xs", title: e.workspace_id, children: shortID(e.workspace_id) })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u5E73\u53F0\u7EA7" })),
+        },
+        {
+            key: 'actor',
+            header: '操作者',
+            className: 'w-[22%]',
+            render: (e) => {
+                const snap = (e.actor_snapshot ?? {});
+                const email = typeof snap.email === 'string' ? snap.email : '';
+                return (_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate", children: email || e.actor_id || '—' }), _jsx("p", { className: "text-xs text-muted-foreground", children: e.actor_type })] }));
+            },
+        },
+        {
+            key: 'action',
+            header: '动作',
+            className: 'w-[20%]',
+            render: (e) => (_jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", children: e.action })),
+        },
+        {
+            key: 'resource',
+            header: '资源',
+            render: (e) => (_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate", children: e.resource_type }), e.resource_id && (_jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", children: e.resource_id }))] })),
+        },
+    ];
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u5BA1\u8BA1", description: "\u5E73\u53F0\u7EA7\u5BA1\u8BA1\u65E5\u5FD7\uFF08\u8DE8\u5DE5\u4F5C\u533A\uFF1B\u6309\u65F6\u95F4\u5012\u5E8F\uFF0C\u4FDD\u7559\u6700\u8FD1\u4E8B\u4EF6\uFF09" }), _jsxs("div", { className: "mb-4 flex flex-wrap items-end gap-2", children: [_jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u5DE5\u4F5C\u533A ID" }), _jsx(Input, { className: "w-56 font-mono", placeholder: "workspace uuid", value: draft.workspace, onChange: (e) => setDraft({ ...draft, workspace: e.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u52A8\u4F5C" }), _jsx(Input, { className: "w-44", placeholder: "\u5982 workspace.rename", value: draft.action, onChange: (e) => setDraft({ ...draft, action: e.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u64CD\u4F5C\u8005\u90AE\u7BB1" }), _jsx(Input, { className: "w-48", placeholder: "\u90AE\u7BB1\u524D\u7F00\uFF0C\u5982 alice@", value: draft.actor, onChange: (e) => setDraft({ ...draft, actor: e.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u64CD\u4F5C\u8005 ID" }), _jsx(Input, { className: "w-52 font-mono", placeholder: "actor uuid", value: draft.actorId, onChange: (e) => setDraft({ ...draft, actorId: e.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u8D77\u59CB\u65E5\u671F" }), _jsx(Input, { className: "w-40", type: "date", value: draft.from, onChange: (e) => setDraft({ ...draft, from: e.target.value }) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "\u7ED3\u675F\u65E5\u671F" }), _jsx(Input, { className: "w-40", type: "date", value: draft.to, onChange: (e) => setDraft({ ...draft, to: e.target.value }) })] }), _jsxs(Button, { onClick: apply, children: [_jsx(Search, {}), " \u67E5\u8BE2"] }), _jsx(Button, { variant: "outline", onClick: () => {
+                            setDraft(emptyDraft);
+                            setSearchParams(paramsFromDraft(emptyDraft, 1));
+                        }, children: "\u91CD\u7F6E" }), _jsxs(Button, { variant: "outline", disabled: exporting, onClick: onExportCsv, children: [_jsx(Download, {}), " ", exporting ? '导出中…' : '导出 CSV'] })] }), auditQ.isError ? (_jsx(PageError, { message: adminError(auditQ.error, '审计日志加载失败'), onRetry: () => void auditQ.refetch() })) : (_jsx(DataTable, { columns: columns, rows: items, rowKey: (e) => e.id, loading: auditQ.isPending, pagination: {
+                    page,
+                    pageSize: ADMIN_PAGE_SIZE,
+                    total,
+                    onPageChange: (p) => setSearchParams(paramsFromDraft(applied, p)),
+                }, empty: pastEnd ? (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx(PageEmpty, { label: "\u6CA1\u6709\u66F4\u591A\u5BA1\u8BA1\u8BB0\u5F55\u4E86", hint: "\u5F53\u524D\u9875\u6570\u636E\u53EF\u80FD\u5DF2\u88AB\u8F6E\u8F6C\u5220\u9664" }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setSearchParams(paramsFromDraft(applied, 1)), children: "\u8FD4\u56DE\u7B2C\u4E00\u9875" })] })) : (_jsx(PageEmpty, { label: "\u6682\u65E0\u5BA1\u8BA1\u8BB0\u5F55", hint: "\u8C03\u6574\u8FC7\u6EE4\u6761\u4EF6\u6216\u89E6\u53D1\u4E00\u4E9B\u64CD\u4F5C\u540E\u518D\u6765" })) }))] }));
+}

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

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