@ploykit/ui 0.5.0 → 0.6.2

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.js

@@ -1,11 +1,11 @@
 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 }) {
     const { reset } = usePasswordReset();

package/dist/pages/auth/VerifyEmailPage.js

@@ -1,9 +1,9 @@
 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() {
     const [state, setState] = useState('verifying');

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.5.0",
+  "version": "0.6.2",
   "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.5.0",
-    "@ploykit/hooks": "^0.5.0",
+    "@ploykit/client": "^0.6.2",
+    "@ploykit/hooks": "^0.6.2",
     "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>
+  )
+}

package/src/components/ConfirmDialog.tsx

@@ -0,0 +1,77 @@
+
+import { createContext, useCallback, useContext, useState, type ReactNode } from 'react'
+import {
+  AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle,
+  AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction,
+} from './ui/alert-dialog'
+
+interface ConfirmOptions {
+  title: string
+  description?: string
+  confirmText?: string
+  cancelText?: string
+  danger?: boolean
+}
+
+// 缺省值必须是 null + useConfirm fail-fast（对齐 hooks 包 useAuthCtx 的行为）：
+// 曾经的缺省值是 `async () => false`，产品忘挂 ConfirmProvider 时 confirm 静默返回
+// false，"重置 Key"之类的按钮点了没反应且无任何报错，排查损耗极大。
+const ConfirmContext = createContext<((opts: ConfirmOptions) => Promise<boolean>) | null>(null)
+
+export function ConfirmProvider({ children }: { children: ReactNode }) {
+  const [state, setState] = useState<(ConfirmOptions & { resolve: (v: boolean) => void }) | null>(null)
+
+  const confirm = useCallback((opts: ConfirmOptions) => {
+    
+    
+    
+    
+    return new Promise<boolean>((resolve) => {
+      let settled = false
+      setState({
+        ...opts,
+        resolve: (v: boolean) => {
+          if (settled) return
+          settled = true
+          resolve(v)
+        },
+      })
+    })
+  }, [])
+
+  const handleClose = (result: boolean) => {
+    state?.resolve(result)
+    setState(null)
+  }
+
+  return (
+    <ConfirmContext.Provider value={confirm}>
+      {children}
+      <AlertDialog open={!!state} onOpenChange={(open: boolean) => !open && handleClose(false)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{state?.title}</AlertDialogTitle>
+            {state?.description && <AlertDialogDescription>{state.description}</AlertDialogDescription>}
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel onClick={() => handleClose(false)}>
+              {state?.cancelText ?? '取消'}
+            </AlertDialogCancel>
+            <AlertDialogAction
+              variant={state?.danger ? 'destructive' : 'default'}
+              onClick={() => handleClose(true)}
+            >
+              {state?.confirmText ?? '确认'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </ConfirmContext.Provider>
+  )
+}
+
+export function useConfirm() {
+  const confirm = useContext(ConfirmContext)
+  if (!confirm) throw new Error('useConfirm must be used within ConfirmProvider')
+  return confirm
+}