@ploykit/ui 0.1.1 → 0.4.0

package/dist/pages/admin/UserDetailPage.js

@@ -10,11 +10,12 @@ import { PageEmpty, PageError, PageHeader } from '../../components/Page';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { SettingsCard } from '../../components/SettingsCard';
 import { toast } from '../../components/toast';
-import { Badge, StatusBadge } from '../../components/ui/Badge';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { useApi, ApiError } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
+import { Badge } from '../../components/ui/badge';
+import { StatusBadge } from '../../components/StatusBadge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { useApi, ApiError } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDate, formatDateTime, shortID } from '../../lib/utils';
 import { adminError } from './shared';

package/dist/pages/admin/UsersPage.js

@@ -8,13 +8,14 @@ import { DataTable } from '../../components/DataTable';
 import { PageEmpty, PageError, PageHeader } from '../../components/Page';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { toast } from '../../components/toast';
-import { Badge, StatusBadge } from '../../components/ui/Badge';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/ui/menu';
+import { Badge } from '../../components/ui/badge';
+import { StatusBadge } from '../../components/StatusBadge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../components/ui/dropdown-menu';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
-import { useApi } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
 import { formatDate, formatDateTime } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared';
 const STATUS_OPTIONS = [

package/dist/pages/admin/WebhookDeliveriesPage.js

@@ -5,10 +5,11 @@ 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, StatusBadge } from '../../components/ui/Badge';
-import { Button } from '../../components/ui/Button';
+import { Badge } from '../../components/ui/badge';
+import { StatusBadge } from '../../components/StatusBadge';
+import { Button } from '../../components/ui/button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
-import { useApi } from '../../hooks/useApi';
+import { useApi } from '@ploykit/hooks';
 import { formatDateTime, shortID, statusLabel } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared';
 const DELIVERY_STATUSES = ['pending', 'delivered', 'dead'];

package/dist/pages/admin/WorkspaceDetailPage.js

@@ -10,12 +10,12 @@ 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 { 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 { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDate, formatDateTime, shortID } from '../../lib/utils';
 import { adminError } from './shared';

package/dist/pages/admin/WorkspacesPage.js

@@ -5,11 +5,11 @@ 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 { 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 { useApi } from '@ploykit/hooks';
 import { formatDate } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared';
 const FALLBACK_PLAN_CODES = ['free'];

package/dist/pages/admin/shared.js

@@ -1,4 +1,4 @@
-import { ApiError } from '../../hooks/useApi';
+import { ApiError } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 export const ADMIN_PAGE_SIZE = 20;
 export function adminError(err, fallback) {

package/dist/pages/auth/ForgotPasswordPage.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 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';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { usePasswordReset } from '@ploykit/hooks';
 export function ForgotPasswordPage({ title = '找回密码', sentHint = '如果该邮箱存在，重置链接已发送，请查收邮箱。', backPath = '/login', }) {
     const { requestReset } = usePasswordReset();
     const [email, setEmail] = useState('');

package/dist/pages/auth/InviteAcceptPage.js

@@ -1,11 +1,11 @@
 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 { 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 { useMyInvitations } from '@ploykit/hooks';
 import { formatDateTime } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';
 const ROLE_LABEL = { owner: '所有者', admin: '管理员', member: '成员' };
@@ -36,5 +36,5 @@ export function InviteAcceptPage({ onAccepted, onDeclined } = {}) {
             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))) })) })] }) }));
+    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-destructive", 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.js

@@ -3,13 +3,13 @@ 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 { 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 { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
+import { useSiteConfig } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { toast } from '../../components/toast';
 function passwordKinds(pw) {

package/dist/pages/auth/ResetPasswordPage.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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 { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { usePasswordReset } from '@ploykit/hooks';
 import { passwordSchema } from './RegisterPage';
 const REDIRECT_DELAY_MS = 3000;
 export function ResetPasswordPage({ onDone }) {
@@ -67,5 +67,5 @@ export function ResetPasswordPage({ onDone }) {
             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 ? '提交中…' : '重置密码' })] }))] }) }));
+    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-(--success)", 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.js

@@ -2,8 +2,8 @@ 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 { buttonVariants } from '../../components/ui/button';
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent, } from '../../components/ui/empty';
 import { MailCheck, LoaderCircle, CircleX } from 'lucide-react';
 export function VerifyEmailPage() {
     const [state, setState] = useState('verifying');
@@ -37,9 +37,9 @@ export function VerifyEmailPage() {
             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'
+    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-(--success)", "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" }) })] }) }));
+                                    : '请稍候，正在校验邮件链接…' })] }), _jsx(EmptyContent, { children: _jsx("a", { href: "/login", className: buttonVariants({ variant: 'outline' }), children: "\u8FD4\u56DE\u767B\u5F55" }) })] }) }));
 }

package/dist/pages/workspace/BillingPage.js

@@ -7,14 +7,15 @@ 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 { Button } from '../../components/ui/button';
+import { Badge } from '../../components/ui/badge';
+import { StatusBadge } from '../../components/StatusBadge';
 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 { useApi } from '@ploykit/hooks';
+import { useBilling } from '@ploykit/hooks';
+import { useSiteConfig } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { queryKeys, } from '@ploykit/hooks';
 import { formatDateTime, cn } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';
 const INTERVAL_LABEL = { monthly: '按月', yearly: '按年' };

package/dist/pages/workspace/BillingSuccessPage.js

@@ -4,9 +4,9 @@ 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';
+import { useApi } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { queryKeys } from '@ploykit/hooks';
 const POLL_MS = 5_000;
 const MAX_TRIES = 12;
 function toBaseline(sub) {

package/dist/pages/workspace/MembersPage.js

@@ -9,17 +9,18 @@ import { FormField } from '../../components/FormField';
 import { SecretModal, ImpactConfirmation } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { Badge, StatusBadge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Badge } from '../../components/ui/badge';
+import { StatusBadge } from '../../components/StatusBadge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
-import { useZodForm } from '../../hooks/useZodForm';
-import { useMembers, useMemberMutations, ASSIGNABLE_ROLES, LIST_PAGE_SIZE, } from '../../hooks/useMembers';
+import { useZodForm } from '@ploykit/hooks';
+import { useMembers, useMemberMutations, ASSIGNABLE_ROLES, LIST_PAGE_SIZE, } from '@ploykit/hooks';
 import { formatDateTime } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';
-import { roleSatisfies } from '../../lib/perm';
+import { roleSatisfies } from '@ploykit/hooks';
 const inviteSchema = z.object({
     email: z.string().min(1, '请输入邮箱').email('邮箱格式不正确'),
     role: z.enum(['admin', 'member']),

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

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

package/dist/pages/workspace/RolePermissionsPage.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { RotateCcw, Save } from 'lucide-react';
+import { PageHeader, PageLoading, PageError, } from '../../components/Page';
+import { SettingsCard } from '../../components/SettingsCard';
+import { ReauthDialog } from '../../components/ReauthDialog';
+import { useConfirm } from '../../components/ConfirmDialog';
+import { toast } from '../../components/toast';
+import { Button } from '../../components/ui/button';
+import { Badge } from '../../components/ui/badge';
+import { Checkbox } from '../../components/ui/checkbox';
+import { useRoleConfig } from '@ploykit/hooks';
+import { isApiError } from '@ploykit/client';
+import { apiErrorMessage } from '../../lib/api-error';
+const ROLE_LABEL = { owner: '所有者', admin: '管理员', member: '成员' };
+const DOMAIN_LABEL = {
+    workspace: '工作区',
+    members: '成员',
+    invites: '邀请',
+    roles: '角色权限',
+    billing: '计费',
+    webhooks: 'Webhooks',
+    notifications: '通知',
+    audit: '审计',
+    usage: '用量',
+};
+function domainOf(perm) {
+    const i = perm.indexOf(':');
+    return i > 0 ? perm.slice(0, i) : perm;
+}
+/** catalog 权限按域分组，保持目录的字典序。 */
+function groupByDomain(catalog) {
+    const groups = new Map();
+    for (const p of catalog) {
+        const d = domainOf(p);
+        const arr = groups.get(d) ?? [];
+        arr.push(p);
+        groups.set(d, arr);
+    }
+    return [...groups.entries()].map(([domain, perms]) => ({ domain, perms }));
+}
+function isReauth(err) {
+    return isApiError(err, 'E_REAUTH_REQUIRED');
+}
+export function RolePermissionsPage(_props = {}) {
+    const { roles, catalog, loading, error, setPerms, resetPerms } = useRoleConfig();
+    const confirm = useConfirm();
+    const [drafts, setDrafts] = useState({});
+    const [reauthOpen, setReauthOpen] = useState(false);
+    const [pendingRetry, setPendingRetry] = useState(null);
+    // 数据到达（或写后失效重取）时以服务端有效集重建草稿
+    useEffect(() => {
+        const next = {};
+        for (const r of roles)
+            next[r.role] = { perms: [...r.perms], dirty: false };
+        setDrafts(next);
+    }, [roles]);
+    const groups = useMemo(() => groupByDomain(catalog), [catalog]);
+    const toggle = (role, perm, on) => {
+        setDrafts((d) => {
+            const cur = d[role];
+            if (!cur)
+                return d;
+            const perms = on ? [...cur.perms, perm].sort() : cur.perms.filter((p) => p !== perm);
+            const server = roles.find((r) => r.role === role)?.perms ?? [];
+            const dirty = perms.join('\u0000') !== server.join('\u0000');
+            return { ...d, [role]: { perms, dirty } };
+        });
+    };
+    const save = async (role) => {
+        const draft = drafts[role];
+        if (!draft)
+            return;
+        try {
+            await setPerms.mutateAsync({ role, perms: draft.perms });
+            toast.success(`已更新${ROLE_LABEL[role] ?? role}权限`);
+        }
+        catch (err) {
+            if (isReauth(err)) {
+                setPendingRetry(() => () => setPerms.mutateAsync({ role, perms: draft.perms }));
+                setReauthOpen(true);
+                return;
+            }
+            toast.error(apiErrorMessage(err));
+        }
+    };
+    const reset = async (role) => {
+        const ok = await confirm({
+            title: `恢复${ROLE_LABEL[role] ?? role}默认权限？`,
+            description: '自定义权限集将被清除，该角色回到内置默认权限。',
+            confirmText: '恢复默认',
+        });
+        if (!ok)
+            return;
+        try {
+            await resetPerms.mutateAsync(role);
+            toast.success(`已恢复${ROLE_LABEL[role] ?? role}默认权限`);
+        }
+        catch (err) {
+            if (isReauth(err)) {
+                setPendingRetry(() => () => resetPerms.mutateAsync(role));
+                setReauthOpen(true);
+                return;
+            }
+            toast.error(apiErrorMessage(err));
+        }
+    };
+    if (loading)
+        return _jsx(PageLoading, { label: "\u52A0\u8F7D\u89D2\u8272\u6743\u9650\u2026" });
+    if (error)
+        return _jsx(PageError, { message: apiErrorMessage(error) });
+    return (_jsxs("div", { className: "mx-auto w-full max-w-4xl p-6", children: [_jsx(PageHeader, { title: "\u89D2\u8272\u6743\u9650", description: "\u81EA\u5B9A\u4E49\u5404\u89D2\u8272\u80FD\u505A\u4EC0\u4E48\u3002\u6240\u6709\u8005\u59CB\u7EC8\u62E5\u6709\u5168\u90E8\u6743\u9650\uFF1B\u81EA\u5B9A\u4E49\u96C6\u4E3A\u6574\u4F53\u66FF\u6362\uFF08\u975E\u7D2F\u52A0\uFF09\uFF0C\u672A\u77E5\u6743\u9650\u4F1A\u88AB\u670D\u52A1\u7AEF\u62D2\u7EDD\u3002" }), roles.map((r) => {
+                const draft = drafts[r.role];
+                return (_jsx(SettingsCard, { title: _jsxs(_Fragment, { children: [ROLE_LABEL[r.role] ?? r.role, r.overridden && _jsx(Badge, { variant: "secondary", children: "\u5DF2\u81EA\u5B9A\u4E49" })] }), description: r.overridden
+                        ? '当前为自定义权限集（覆盖默认）'
+                        : '当前为内置默认权限集', cta: _jsxs("div", { className: "flex gap-2", children: [r.overridden && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reset(r.role), children: [_jsx(RotateCcw, { className: "size-4" }), "\u6062\u590D\u9ED8\u8BA4"] })), _jsxs(Button, { size: "sm", disabled: !draft?.dirty, onClick: () => void save(r.role), children: [_jsx(Save, { className: "size-4" }), "\u4FDD\u5B58\u4FEE\u6539"] })] }), children: _jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: groups.map(({ domain, perms }) => (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: DOMAIN_LABEL[domain] ?? domain }), _jsx("div", { className: "space-y-1.5", children: perms.map((perm) => (_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: draft?.perms.includes(perm) ?? false, onCheckedChange: (v) => toggle(r.role, perm, v === true) }), _jsx("span", { className: "font-mono text-xs", children: perm })] }, perm))) })] }, domain))) }) }, r.role));
+            }), _jsx(ReauthDialog, { open: reauthOpen, retry: pendingRetry, onClose: () => { setReauthOpen(false); setPendingRetry(null); } })] }));
+}

package/dist/pages/workspace/SchedulesPage.js

@@ -8,13 +8,13 @@ import { DataTable } from '../../components/DataTable';
 import { FormField } from '../../components/FormField';
 import { CronInput, describeCron } from '../../components/CronInput';
 import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
 import { Switch } from '../../components/ui/switch';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
-import { useApi } from '../../hooks/useApi';
-import { useWorkspace } from '../../hooks/useWorkspace';
-import { useZodForm } from '../../hooks/useZodForm';
+import { useApi } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { browserTzLabel, formatDateTimeTz } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';

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

@@ -1,4 +1,4 @@
-import { type PKUsageItem } from '../../hooks/useUsage';
+import { type PKUsageItem } from '@ploykit/hooks';
 interface ReservationDetail {
     id: string;
     amount: number;

package/dist/pages/workspace/UsagePage.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Link } from 'react-router';
 import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
-import { Badge } from '../../components/ui/Badge';
+import { Badge } from '../../components/ui/badge';
 import { Card, CardHeader, CardTitle, CardAction, CardContent } from '../../components/ui/card';
 import { Progress, ProgressLabel, ProgressValue, } from '../../components/ui/progress';
 import { DataTable } from '../../components/DataTable';
-import { useUsage } from '../../hooks/useUsage';
+import { useUsage } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 const NEAR_FULL_PCT = 80;
 const DIM_LABEL = {

package/dist/pages/workspace/WebhooksPage.js

@@ -9,21 +9,21 @@ import { FormField } from '../../components/FormField';
 import { SecretModal } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { StatusBadge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { StatusBadge } from '../../components/StatusBadge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs';
 import { Switch } from '../../components/ui/switch';
 import { Checkbox } from '../../components/ui/checkbox';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../components/ui/menu';
-import { useApi } from '../../hooks/useApi';
-import { useWorkspace } from '../../hooks/useWorkspace';
-import { useZodForm } from '../../hooks/useZodForm';
-import { queryKeys } from '../../provider/PloykitProvider';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../components/ui/dropdown-menu';
+import { useApi } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
+import { queryKeys } from '@ploykit/hooks';
 import { formatDateTime } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';
-import { roleSatisfies } from '../../lib/perm';
+import { roleSatisfies } from '@ploykit/hooks';
 const createSchema = z.object({
     url: z
         .string()

package/dist/pages/workspace/WorkspaceAuditPage.js

@@ -4,10 +4,10 @@ import { useSearchParams } from 'react-router';
 import { Download, Search } from 'lucide-react';
 import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
 import { DataTable } from '../../components/DataTable';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
 import { toast } from '../../components/toast';
-import { useAudit, exportAuditCsv, } from '../../hooks/useAudit';
+import { useAudit, exportAuditCsv, } from '@ploykit/hooks';
 import { formatDateTime } from '../../lib/utils';
 import { apiErrorMessage } from '../../lib/api-error';
 const PAGE_SIZE = 20;

package/dist/pages/workspace/WorkspaceGeneralPage.js

@@ -9,14 +9,14 @@ import { FormField } from '../../components/FormField';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { useApi } from '../../hooks/useApi';
-import { useWorkspace } from '../../hooks/useWorkspace';
-import { useZodForm } from '../../hooks/useZodForm';
-import { queryKeys } from '../../provider/PloykitProvider';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { useApi } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
+import { queryKeys } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
-import { roleSatisfies } from '../../lib/perm';
+import { roleSatisfies } from '@ploykit/hooks';
 const renameSchema = z.object({
     name: z.string().trim().min(1, '请输入工作区名称').max(64, '名称最多 64 字符'),
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ploykit/ui",
-  "version": "0.1.1",
+  "version": "0.4.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,6 +10,11 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./components/ui/*": {
+      "development": "./src/components/ui/*.tsx",
+      "types": "./dist/components/ui/*.d.ts",
+      "default": "./dist/components/ui/*.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -24,13 +29,12 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.8.0",
-    "@hookform/resolvers": "^5.9.1",
-    "@ploykit/client": "^0.2.0",
-    "@ploykit/runtime": "^0.1.0",
+    "@ploykit/client": "^0.4.0",
+    "@ploykit/hooks": "^0.4.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cn": "^0.4.0",
     "lucide-react": "^1.52.0",
-    "react-hook-form": "^7.0.0",
     "sonner": "^2.0.8",
     "tailwind-merge": "^3.7.0",
     "zod": "^4.0.0"

package/dist/components/ui/Badge.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
-export declare function StatusBadge({ status, className }: {
-    status: string;
-    className?: string;
-}): React.JSX.Element;
-export { Badge, badgeVariants };

package/dist/components/ui/Badge.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn, statusTone, statusLabel, STATUS_TONE_CLASS } from '../../lib/utils';
-const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap', {
-    variants: {
-        variant: {
-            default: 'border-transparent bg-primary text-primary-foreground',
-            secondary: 'border-transparent bg-secondary text-secondary-foreground',
-            destructive: 'border-transparent bg-destructive text-destructive-foreground',
-            outline: 'text-foreground',
-        },
-    },
-    defaultVariants: { variant: 'default' },
-});
-function Badge({ className, variant, ...props }) {
-    return _jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-export function StatusBadge({ status, className }) {
-    return (_jsx("span", { className: cn('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium whitespace-nowrap', STATUS_TONE_CLASS[statusTone(status)], className), children: statusLabel(status) }));
-}
-export { Badge, badgeVariants };