@ploykit/ui 0.6.0 → 0.7.0

package/dist/pages/admin/WorkspaceDetailPage.js

@@ -3,22 +3,22 @@ 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 { useConfirm } from '../../components/ConfirmDialog.js';
+import { DataTable } from '../../components/DataTable.js';
+import { FormField } from '../../components/FormField.js';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page.js';
+import { ImpactConfirmation } from '../../components/SecretModal.js';
+import { SettingsCard } from '../../components/SettingsCard.js';
+import { toast } from '../../components/toast.js';
+import { Badge } from '../../components/ui/badge.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select.js';
 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';
+import { apiErrorMessage } from '../../lib/api-error.js';
+import { formatDate, formatDateTime, shortID } from '../../lib/utils.js';
+import { adminError } from './shared.js';
 const ROLE_OPTIONS = ['owner', 'admin', 'member'];
 const QUOTA_KEY_HINT = '如 tasks_monthly';
 export function WorkspaceDetailPage() {

package/dist/pages/admin/WorkspacesPage.js

@@ -2,16 +2,16 @@ 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 { DataTable } from '../../components/DataTable.js';
+import { PageEmpty, PageError, PageHeader } from '../../components/Page.js';
+import { toast } from '../../components/toast.js';
+import { Badge } from '../../components/ui/badge.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select.js';
 import { useApi } from '@ploykit/hooks';
-import { formatDate } from '../../lib/utils';
-import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared';
+import { formatDate } from '../../lib/utils.js';
+import { ADMIN_PAGE_SIZE, adminError, adminListQuery, } from './shared.js';
 const FALLBACK_PLAN_CODES = ['free'];
 export function WorkspacesPage() {
     const api = useApi();

package/dist/pages/admin/shared.js

@@ -1,5 +1,5 @@
 import { ApiError } from '@ploykit/hooks';
-import { apiErrorMessage } from '../../lib/api-error';
+import { apiErrorMessage } from '../../lib/api-error.js';
 export const ADMIN_PAGE_SIZE = 20;
 export function adminError(err, fallback) {
     if (err instanceof ApiError && err.status === 403) {

package/dist/pages/auth/ForgotPasswordPage.js

@@ -1,9 +1,9 @@
 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 { AuthShell } from '../../layouts/AuthShell.js';
+import { FormField } from '../../components/FormField.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
 import { usePasswordReset } from '@ploykit/hooks';
 export function ForgotPasswordPage({ title = '找回密码', sentHint = '如果该邮箱存在，重置链接已发送，请查收邮箱。', backPath = '/login', }) {
     const { requestReset } = usePasswordReset();

package/dist/pages/auth/InviteAcceptPage.js

@@ -1,13 +1,13 @@
 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 { Button } from '../../components/ui/button.js';
+import { Badge } from '../../components/ui/badge.js';
+import { PageLoading, PageEmpty } from '../../components/Page.js';
+import { toast } from '../../components/toast.js';
 import { useMyInvitations } from '@ploykit/hooks';
-import { formatDateTime } from '../../lib/utils';
-import { apiErrorMessage } from '../../lib/api-error';
+import { formatDateTime } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 const ROLE_LABEL = { owner: '所有者', admin: '管理员', member: '成员' };
 export function InviteAcceptPage({ onAccepted, onDeclined } = {}) {
     const navigate = useNavigate();

package/dist/pages/auth/RegisterPage.js

@@ -1,17 +1,17 @@
 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 { AuthShell } from '../../layouts/AuthShell.js';
+import { FormField } from '../../components/FormField.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { FieldDescription, FieldSeparator } from '../../components/ui/field.js';
 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';
+import { apiErrorMessage } from '../../lib/api-error.js';
+import { toast } from '../../components/toast.js';
 function passwordKinds(pw) {
     let kinds = 0;
     if (/[0-9]/.test(pw))

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

@@ -1,4 +1,8 @@
 export interface ResetPasswordPageProps {
     onDone?: string;
+    /** 页面标题（i18n 覆盖点，走查 #5）。 */
+    title?: string;
+    /** 成功态文案（i18n 覆盖点）。 */
+    successHint?: string;
 }
-export declare function ResetPasswordPage({ onDone }: ResetPasswordPageProps): import("react").JSX.Element;
+export declare function ResetPasswordPage({ onDone, title, successHint, }: ResetPasswordPageProps): import("react").JSX.Element;

package/dist/pages/auth/ResetPasswordPage.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { AuthShell } from '../../layouts/AuthShell';
-import { FormField } from '../../components/FormField';
-import { Button } from '../../components/ui/button';
-import { Input } from '../../components/ui/input';
+import { AuthShell } from '../../layouts/AuthShell.js';
+import { FormField } from '../../components/FormField.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
 import { usePasswordReset } from '@ploykit/hooks';
-import { passwordSchema } from './RegisterPage';
+import { passwordSchema } from './RegisterPage.js';
 const REDIRECT_DELAY_MS = 3000;
-export function ResetPasswordPage({ onDone }) {
+export function ResetPasswordPage({ onDone, title = '设置新密码', successHint = '密码已重置，全部旧会话已失效。', }) {
     const { reset } = usePasswordReset();
     const [params, setParams] = useState(null);
     const email = params?.get('email') ?? '';
@@ -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-(--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 ? '提交中…' : '重置密码' })] }))] }) }));
+    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 }) }), done ? (_jsxs("div", { className: "space-y-2 text-center", "data-testid": "reset-done", children: [_jsx("p", { className: "text-sm text-(--success)", children: successHint }), _jsx("p", { className: "text-sm text-muted-foreground", children: countdown > 0 ? `${countdown} 秒后跳转登录页…` : '正在跳转…' })] })) : params === null ? (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "\u6B63\u5728\u6253\u5F00\u94FE\u63A5\u2026" })) : !email || !token ? (_jsx("p", { className: "text-center text-sm text-destructive", "data-testid": "reset-invalid", children: "\u94FE\u63A5\u65E0\u6548\uFF1A\u7F3A\u5C11\u90AE\u7BB1\u6216\u4EE4\u724C\u53C2\u6570\uFF0C\u8BF7\u4ECE\u90AE\u4EF6\u4E2D\u7684\u94FE\u63A5\u8FDB\u5165\u3002" })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u6B63\u5728\u4E3A ", email, " \u8BBE\u7F6E\u65B0\u5BC6\u7801"] }), _jsx(FormField, { label: "\u65B0\u5BC6\u7801", htmlFor: "reset-new", children: _jsx(Input, { id: "reset-new", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "\u81F3\u5C11 10 \u4F4D\uFF0C\u542B\u4E09\u7C7B\u5B57\u7B26", autoComplete: "new-password", required: true }) }), _jsx(FormField, { label: "\u786E\u8BA4\u65B0\u5BC6\u7801", error: confirmError ?? undefined, htmlFor: "reset-confirm", children: _jsx(Input, { id: "reset-confirm", type: "password", value: confirm, onChange: (e) => setConfirm(e.target.value), placeholder: "\u518D\u8F93\u5165\u4E00\u6B21", autoComplete: "new-password", "aria-invalid": confirmError ? true : undefined, required: true }) }), serverError && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: serverError })), _jsx(Button, { type: "submit", className: "w-full", disabled: loading || !password || !confirm, children: loading ? '提交中…' : '重置密码' })] }))] }) }));
 }

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

@@ -1 +1,9 @@
-export declare function VerifyEmailPage(): import("react").JSX.Element;
+export interface VerifyEmailPageProps {
+    /** 三态标题（i18n 覆盖点，走查 #5）：成功 / 失败 / 验证中。 */
+    titles?: {
+        ok?: string;
+        failed?: string;
+        verifying?: string;
+    };
+}
+export declare function VerifyEmailPage({ titles, }: VerifyEmailPageProps): import("react").JSX.Element;

package/dist/pages/auth/VerifyEmailPage.js

@@ -1,11 +1,11 @@
 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, EmptyContent, } from '../../components/ui/empty';
+import { AuthShell } from '../../layouts/AuthShell.js';
+import { buttonVariants } from '../../components/ui/button.js';
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent, } from '../../components/ui/empty.js';
 import { MailCheck, LoaderCircle, CircleX } from 'lucide-react';
-export function VerifyEmailPage() {
+export function VerifyEmailPage({ titles = { ok: '邮箱验证成功', failed: '验证失败', verifying: '正在验证…' }, }) {
     const [state, setState] = useState('verifying');
     const [message, setMessage] = useState(null);
     const fired = useRef(false);
@@ -37,7 +37,7 @@ 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-(--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'
+    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' ? titles.ok : state === 'failed' ? titles.failed : titles.verifying }), _jsx(EmptyDescription, { children: state === 'ok'
                                 ? '感谢确认，现在可以正常登录了。'
                                 : state === 'failed'
                                     ? (message ?? '验证失败')

package/dist/pages/workspace/BillingPage.js

@@ -2,22 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useSearchParams } from 'react-router';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
-import { DataTable } from '../../components/DataTable';
-import { SettingsCard } from '../../components/SettingsCard';
-import { useConfirm } from '../../components/ConfirmDialog';
-import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/button';
-import { Badge } from '../../components/ui/badge';
-import { StatusBadge } from '../../components/StatusBadge';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../components/ui/select';
+import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page.js';
+import { DataTable } from '../../components/DataTable.js';
+import { SettingsCard } from '../../components/SettingsCard.js';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Badge } from '../../components/ui/badge.js';
+import { StatusBadge } from '../../components/StatusBadge.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../components/ui/select.js';
 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';
+import { formatDateTime, cn } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 const INTERVAL_LABEL = { monthly: '按月', yearly: '按年' };
 const INTERVAL_UNIT = { monthly: '月', yearly: '年' };
 const CHANNEL_LABEL = {

package/dist/pages/workspace/BillingSuccessPage.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { Skeleton } from '../../components/ui/skeleton';
-import { toast } from '../../components/toast';
+import { Skeleton } from '../../components/ui/skeleton.js';
+import { toast } from '../../components/toast.js';
 import { useApi } from '@ploykit/hooks';
 import { useWorkspace } from '@ploykit/hooks';
 import { queryKeys } from '@ploykit/hooks';

package/dist/pages/workspace/MembersPage.js

@@ -3,23 +3,23 @@ import { useState } from 'react';
 import { useSearchParams } from 'react-router';
 import { z } from 'zod';
 import { UserPlus, Link2 } from 'lucide-react';
-import { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page';
-import { DataTable } from '../../components/DataTable';
-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 } 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 { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page.js';
+import { DataTable } from '../../components/DataTable.js';
+import { FormField } from '../../components/FormField.js';
+import { SecretModal, ImpactConfirmation } from '../../components/SecretModal.js';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { Badge } from '../../components/ui/badge.js';
+import { StatusBadge } from '../../components/StatusBadge.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog.js';
 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 { formatDateTime } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 import { roleSatisfies } from '@ploykit/hooks';
 const inviteSchema = z.object({
     email: z.string().min(1, '请输入邮箱').email('邮箱格式不正确'),

package/dist/pages/workspace/RolePermissionsPage.js

@@ -1,17 +1,17 @@
 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 { PageHeader, PageLoading, PageError, } from '../../components/Page.js';
+import { SettingsCard } from '../../components/SettingsCard.js';
+import { ReauthDialog } from '../../components/ReauthDialog.js';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Badge } from '../../components/ui/badge.js';
+import { Checkbox } from '../../components/ui/checkbox.js';
 import { useRoleConfig } from '@ploykit/hooks';
 import { isApiError } from '@ploykit/client';
-import { apiErrorMessage } from '../../lib/api-error';
+import { apiErrorMessage } from '../../lib/api-error.js';
 const ROLE_LABEL = { owner: '所有者', admin: '管理员', member: '成员' };
 const DOMAIN_LABEL = {
     workspace: '工作区',

package/dist/pages/workspace/SchedulesPage.js

@@ -3,21 +3,21 @@ import { useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { Plus } from 'lucide-react';
 import { z } from 'zod';
-import { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page';
-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 { Switch } from '../../components/ui/switch';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
+import { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page.js';
+import { DataTable } from '../../components/DataTable.js';
+import { FormField } from '../../components/FormField.js';
+import { CronInput, describeCron } from '../../components/CronInput.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { Switch } from '../../components/ui/switch.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog.js';
 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';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { browserTzLabel, formatDateTimeTz } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 export const MISFIRE_LABEL = {
     skip: '错过跳过',
     once: '错过补发',

package/dist/pages/workspace/UsagePage.js

@@ -1,12 +1,12 @@
 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 { Card, CardHeader, CardTitle, CardAction, CardContent } from '../../components/ui/card';
-import { Progress, ProgressLabel, ProgressValue, } from '../../components/ui/progress';
-import { DataTable } from '../../components/DataTable';
+import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page.js';
+import { Badge } from '../../components/ui/badge.js';
+import { Card, CardHeader, CardTitle, CardAction, CardContent } from '../../components/ui/card.js';
+import { Progress, ProgressLabel, ProgressValue, } from '../../components/ui/progress.js';
+import { DataTable } from '../../components/DataTable.js';
 import { useUsage } from '@ploykit/hooks';
-import { apiErrorMessage } from '../../lib/api-error';
+import { apiErrorMessage } from '../../lib/api-error.js';
 const NEAR_FULL_PCT = 80;
 const DIM_LABEL = {
     tasks_monthly: '任务数（本月）',

package/dist/pages/workspace/WebhooksPage.js

@@ -3,26 +3,26 @@ import { useMemo, useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { MoreHorizontal, Plus } from 'lucide-react';
 import { z } from 'zod';
-import { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page';
-import { DataTable } from '../../components/DataTable';
-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/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/dropdown-menu';
+import { PageHeader, PageLoading, PageError, PageEmpty, } from '../../components/Page.js';
+import { DataTable } from '../../components/DataTable.js';
+import { FormField } from '../../components/FormField.js';
+import { SecretModal } from '../../components/SecretModal.js';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { StatusBadge } from '../../components/StatusBadge.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs.js';
+import { Switch } from '../../components/ui/switch.js';
+import { Checkbox } from '../../components/ui/checkbox.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../components/ui/dropdown-menu.js';
 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 { formatDateTime } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 import { roleSatisfies } from '@ploykit/hooks';
 const createSchema = z.object({
     url: z

package/dist/pages/workspace/WorkspaceAuditPage.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useState } from 'react';
 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 { toast } from '../../components/toast';
+import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page.js';
+import { DataTable } from '../../components/DataTable.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
+import { toast } from '../../components/toast.js';
 import { useAudit, exportAuditCsv, } from '@ploykit/hooks';
-import { formatDateTime } from '../../lib/utils';
-import { apiErrorMessage } from '../../lib/api-error';
+import { formatDateTime } from '../../lib/utils.js';
+import { apiErrorMessage } from '../../lib/api-error.js';
 const PAGE_SIZE = 20;
 function draftFromParams(p) {
     return {

package/dist/pages/workspace/WorkspaceGeneralPage.js

@@ -3,19 +3,19 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router';
 import { useQueryClient } from '@tanstack/react-query';
 import { z } from 'zod';
-import { PageHeader, PageError } from '../../components/Page';
-import { SettingsCard } from '../../components/SettingsCard';
-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 { PageHeader, PageError } from '../../components/Page.js';
+import { SettingsCard } from '../../components/SettingsCard.js';
+import { FormField } from '../../components/FormField.js';
+import { ImpactConfirmation } from '../../components/SecretModal.js';
+import { useConfirm } from '../../components/ConfirmDialog.js';
+import { toast } from '../../components/toast.js';
+import { Button } from '../../components/ui/button.js';
+import { Input } from '../../components/ui/input.js';
 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 { apiErrorMessage } from '../../lib/api-error.js';
 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.6.0",
+  "version": "0.7.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,8 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -29,8 +30,8 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.8.0",
-    "@ploykit/client": "^0.6.0",
-    "@ploykit/hooks": "^0.6.0",
+    "@ploykit/client": "^0.7.0",
+    "@ploykit/hooks": "^0.7.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cn": "^0.4.0",
@@ -41,7 +42,7 @@
   },
   "description": "React 前端壳：登录/工作区/计费的 Headless Hook + 默认页面。产物为 ESM（相对导入无扩展名，消费方需经 vite/esbuild 等打包器解析）；exports 的 development 条件指向源码，供 monorepo 开发期直出消费。",
   "scripts": {
-    "build": "tsc -p tsconfig.json",
+    "build": "tsc -p tsconfig.json && node ../../tools/fix-esm-extensions.mjs dist",
     "test": "vitest run",
     "prepublishOnly": "npm run build"
   },

package/src/AppProviders.tsx

@@ -0,0 +1,29 @@
+
+import type { ReactNode } from 'react'
+import type { QueryClient } from '@tanstack/react-query'
+import { PloykitProvider } from '@ploykit/hooks'
+import { ConfirmProvider } from './components/ConfirmDialog'
+import { Toaster } from './components/toast'
+
+/**
+ * 框架级全局 Provider 一步到位组合件：PloykitProvider > ConfirmProvider > Toaster。
+ *
+ * 产品侧用它替换"逐个手挂三层 Provider"的样板（example/web/src/routes.tsx 的
+ * AppProviders 即此组合的 historically hand-written 版本）。嵌套顺序即依赖顺序：
+ * confirm 与 toast 均不依赖 auth/workspace 上下文，但统一挂在最外层可保证任何
+ * 页面（含登录前页面）都能调用 useConfirm / toast。
+ */
+export function AppProviders({ children, queryClient }: {
+  children: ReactNode
+  /** 透传给 PloykitProvider；不传时由其内部创建默认 QueryClient。 */
+  queryClient?: QueryClient
+}) {
+  return (
+    <PloykitProvider queryClient={queryClient}>
+      <ConfirmProvider>
+        {children}
+        <Toaster />
+      </ConfirmProvider>
+    </PloykitProvider>
+  )
+}