@ploykit/ui 0.1.1 → 0.4.0

package/dist/index.d.ts

@@ -1,32 +1,19 @@
-export { PloykitProvider, queryKeys } from './provider/PloykitProvider';
-export type { PKUser, PKWorkspace, PKSubscription, PKOrder, PKPlan } from './provider/PloykitProvider';
-export { useAuth } from './hooks/useAuth';
-export { useLogin } from './hooks/useLogin';
-export { useWorkspace, useWorkspaceSwitch } from './hooks/useWorkspace';
-export { useBilling, useUsagePreview, PlanGate } from './hooks/useBilling';
-export { useApi, ApiError } from './hooks/useApi';
-export type { ApiFetchOptions } from './hooks/useApi';
-export { useSEO } from './hooks/useSEO';
-export type { SeoMeta } from './hooks/useSEO';
-export { useWsStatus, useWsScope, useWsFrame } from './hooks/ws';
-export { createWsClient, defaultWsUrl } from './realtime';
-export { bridgeWsToQuery } from './lib/ws-query-bridge';
-export type { WsInvalidationRule } from './lib/ws-query-bridge';
 export { AppShell } from './layouts/AppShell';
 export type { NavItem } from './layouts/AppShell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from './components/ui/sidebar';
 export { Separator } from './components/ui/separator';
 export { Skeleton } from './components/ui/skeleton';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/tooltip';
-export { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './components/ui/sheet';
+export { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetTrigger, SheetClose } from './components/ui/sheet';
+export { AppProviders } from './AppProviders';
 export { LoginPage } from './pages/LoginPage';
 export type { OAuthProviderOption, LoginPageProps } from './pages/LoginPage';
 export { LandingPage } from './pages/LandingPage';
 export type { Feature as LandingFeature, Plan as LandingPlan } from './pages/LandingPage';
-export { Button, buttonVariants } from './components/ui/Button';
-export type { ButtonProps } from './components/ui/Button';
-export { Input } from './components/ui/Input';
-export { Badge, badgeVariants, StatusBadge } from './components/ui/Badge';
+export { Button, buttonVariants } from './components/ui/button';
+export { Input } from './components/ui/input';
+export { Textarea } from './components/ui/textarea';
+export { StatusBadge } from './components/StatusBadge';
 export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './components/ui/dialog';
 export { PageHeader, PageLoading, PageEmpty, PageError } from './components/Page';
 export { ConfirmProvider, useConfirm } from './components/ConfirmDialog';
@@ -35,9 +22,6 @@ export { WorkspaceSwitcher } from './components/WorkspaceSwitcher';
 export { SecretModal, ImpactConfirmation } from './components/SecretModal';
 export { cn, statusTone, statusLabel, STATUS_TONE_CLASS, STATUS_LABEL, formatDate, formatDateTime, shortID } from './lib/utils';
 export type { StatusTone } from './lib/utils';
-export { roleSatisfies } from './lib/perm';
-export type { Perm } from './lib/perm';
-export { usePasswordReset } from './hooks/usePasswordReset';
 export { ForgotPasswordPage } from './pages/auth/ForgotPasswordPage';
 export type { ForgotPasswordPageProps } from './pages/auth/ForgotPasswordPage';
 export { ResetPasswordPage } from './pages/auth/ResetPasswordPage';
@@ -46,8 +30,6 @@ export { VerifyEmailPage } from './pages/auth/VerifyEmailPage';
 export { ErrorBoundary } from './components/ErrorBoundary';
 export type { ErrorBoundaryProps } from './components/ErrorBoundary';
 export { toast, Toaster } from './components/toast';
-export { useZodForm } from './hooks/useZodForm';
-export type { ZodFormOptions } from './hooks/useZodForm';
 export { FormField } from './components/FormField';
 export type { FormFieldProps } from './components/FormField';
 export { DataTable } from './components/DataTable';
@@ -57,7 +39,7 @@ export { Label } from './components/ui/label';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } from './components/ui/avatar';
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/menu';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/dropdown-menu';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/ui/select';
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './components/ui/popover';
 export { Switch } from './components/ui/switch';
@@ -65,7 +47,7 @@ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValu
 export { Checkbox } from './components/ui/checkbox';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, EmptyFooter, } from './components/ui/empty';
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, } from './components/ui/empty';
 export { SettingsShell } from './layouts/SettingsShell';
 export type { SettingsNavItem, SettingsNavGroup, SettingsShellProps } from './layouts/SettingsShell';
 export { AuthShell } from './layouts/AuthShell';
@@ -84,32 +66,20 @@ export { TokensPage } from './pages/account/TokensPage';
 export { NotificationPreferencesPage } from './pages/account/NotificationPreferencesPage';
 export type { NotificationPreferencesPageProps, NotificationTypeMeta } from './pages/account/NotificationPreferencesPage';
 export { MembersPage } from './pages/workspace/MembersPage';
+export { RolePermissionsPage } from './pages/workspace/RolePermissionsPage';
+export { ReauthDialog } from './components/ReauthDialog';
 export { WorkspaceGeneralPage } from './pages/workspace/WorkspaceGeneralPage';
 export { WorkspaceAuditPage } from './pages/workspace/WorkspaceAuditPage';
 export { UsagePage } from './pages/workspace/UsagePage';
 export { BillingPage } from './pages/workspace/BillingPage';
 export { BillingSuccessPage } from './pages/workspace/BillingSuccessPage';
 export { WebhooksPage } from './pages/workspace/WebhooksPage';
-export { useSessions, useRevokeSession, useRevokeAllSessions } from './hooks/useSessions';
-export type { SessionInfo } from './hooks/useSessions';
-export { useTokens, useCreateToken, useRevokeToken } from './hooks/useTokens';
-export type { PAT, CreatePATResult } from './hooks/useTokens';
-export { useNotificationPrefs, useSetNotificationPref } from './hooks/useNotificationPrefs';
-export type { NotificationPreference } from './hooks/useNotificationPrefs';
-export { useMembers, useMemberMutations, useMyInvitations, ASSIGNABLE_ROLES } from './hooks/useMembers';
-export type { PKMember, PKInvitation, PKShareLink, PKInvitationWithWorkspace, CreateShareLinkResult, } from './hooks/useMembers';
-export { useAudit, exportAuditCsv, auditQueryString, EMPTY_AUDIT_FILTERS } from './hooks/useAudit';
-export type { AuditFilters, PKAuditEvent } from './hooks/useAudit';
-export { useUsage } from './hooks/useUsage';
-export type { PKUsageResp, PKUsageItem } from './hooks/useUsage';
 export { apiErrorMessage } from './lib/api-error';
 export { CronInput } from './components/CronInput';
 export { SchedulesPage } from './pages/workspace/SchedulesPage';
 export { SiteBanner } from './components/SiteBanner';
 export { SiteBannerLayer } from './components/SiteBannerLayer';
 export type { SiteBannerLayerProps } from './components/SiteBannerLayer';
-export { useSiteConfig, SITE_CONFIG_QUERY_KEY } from './hooks/useSiteConfig';
-export type { SiteConfig } from './hooks/useSiteConfig';
 export { ImpersonationBanner } from './components/ImpersonationBanner';
 export { AdminShell } from './pages/admin/AdminShell';
 export { OverviewPage } from './pages/admin/OverviewPage';

package/dist/index.js

@@ -1,24 +1,16 @@
-export { PloykitProvider, queryKeys } from './provider/PloykitProvider';
-export { useAuth } from './hooks/useAuth';
-export { useLogin } from './hooks/useLogin';
-export { useWorkspace, useWorkspaceSwitch } from './hooks/useWorkspace';
-export { useBilling, useUsagePreview, PlanGate } from './hooks/useBilling';
-export { useApi, ApiError } from './hooks/useApi';
-export { useSEO } from './hooks/useSEO';
-export { useWsStatus, useWsScope, useWsFrame } from './hooks/ws';
-export { createWsClient, defaultWsUrl } from './realtime';
-export { bridgeWsToQuery } from './lib/ws-query-bridge';
 export { AppShell } from './layouts/AppShell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from './components/ui/sidebar';
 export { Separator } from './components/ui/separator';
 export { Skeleton } from './components/ui/skeleton';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/tooltip';
-export { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './components/ui/sheet';
+export { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetTrigger, SheetClose } from './components/ui/sheet';
+export { AppProviders } from './AppProviders';
 export { LoginPage } from './pages/LoginPage';
 export { LandingPage } from './pages/LandingPage';
-export { Button, buttonVariants } from './components/ui/Button';
-export { Input } from './components/ui/Input';
-export { Badge, badgeVariants, StatusBadge } from './components/ui/Badge';
+export { Button, buttonVariants } from './components/ui/button';
+export { Input } from './components/ui/input';
+export { Textarea } from './components/ui/textarea';
+export { StatusBadge } from './components/StatusBadge';
 export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './components/ui/dialog';
 export { PageHeader, PageLoading, PageEmpty, PageError } from './components/Page';
 export { ConfirmProvider, useConfirm } from './components/ConfirmDialog';
@@ -26,14 +18,11 @@ export { NotificationBell } from './components/NotificationBell';
 export { WorkspaceSwitcher } from './components/WorkspaceSwitcher';
 export { SecretModal, ImpactConfirmation } from './components/SecretModal';
 export { cn, statusTone, statusLabel, STATUS_TONE_CLASS, STATUS_LABEL, formatDate, formatDateTime, shortID } from './lib/utils';
-export { roleSatisfies } from './lib/perm';
-export { usePasswordReset } from './hooks/usePasswordReset';
 export { ForgotPasswordPage } from './pages/auth/ForgotPasswordPage';
 export { ResetPasswordPage } from './pages/auth/ResetPasswordPage';
 export { VerifyEmailPage } from './pages/auth/VerifyEmailPage';
 export { ErrorBoundary } from './components/ErrorBoundary';
 export { toast, Toaster } from './components/toast';
-export { useZodForm } from './hooks/useZodForm';
 export { FormField } from './components/FormField';
 export { DataTable } from './components/DataTable';
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, } from './components/ui/field';
@@ -41,7 +30,7 @@ export { Label } from './components/ui/label';
 export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/ui/tabs';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } from './components/ui/avatar';
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/menu';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './components/ui/dropdown-menu';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './components/ui/select';
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from './components/ui/popover';
 export { Switch } from './components/ui/switch';
@@ -49,7 +38,7 @@ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValu
 export { Checkbox } from './components/ui/checkbox';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, EmptyFooter, } from './components/ui/empty';
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, } from './components/ui/empty';
 export { SettingsShell } from './layouts/SettingsShell';
 export { AuthShell } from './layouts/AuthShell';
 export { SettingsCard } from './components/SettingsCard';
@@ -62,24 +51,19 @@ export { SecuritySettingsPage } from './pages/account/SecuritySettingsPage';
 export { TokensPage } from './pages/account/TokensPage';
 export { NotificationPreferencesPage } from './pages/account/NotificationPreferencesPage';
 export { MembersPage } from './pages/workspace/MembersPage';
+export { RolePermissionsPage } from './pages/workspace/RolePermissionsPage';
+export { ReauthDialog } from './components/ReauthDialog';
 export { WorkspaceGeneralPage } from './pages/workspace/WorkspaceGeneralPage';
 export { WorkspaceAuditPage } from './pages/workspace/WorkspaceAuditPage';
 export { UsagePage } from './pages/workspace/UsagePage';
 export { BillingPage } from './pages/workspace/BillingPage';
 export { BillingSuccessPage } from './pages/workspace/BillingSuccessPage';
 export { WebhooksPage } from './pages/workspace/WebhooksPage';
-export { useSessions, useRevokeSession, useRevokeAllSessions } from './hooks/useSessions';
-export { useTokens, useCreateToken, useRevokeToken } from './hooks/useTokens';
-export { useNotificationPrefs, useSetNotificationPref } from './hooks/useNotificationPrefs';
-export { useMembers, useMemberMutations, useMyInvitations, ASSIGNABLE_ROLES } from './hooks/useMembers';
-export { useAudit, exportAuditCsv, auditQueryString, EMPTY_AUDIT_FILTERS } from './hooks/useAudit';
-export { useUsage } from './hooks/useUsage';
 export { apiErrorMessage } from './lib/api-error';
 export { CronInput } from './components/CronInput';
 export { SchedulesPage } from './pages/workspace/SchedulesPage';
 export { SiteBanner } from './components/SiteBanner';
 export { SiteBannerLayer } from './components/SiteBannerLayer';
-export { useSiteConfig, SITE_CONFIG_QUERY_KEY } from './hooks/useSiteConfig';
 export { ImpersonationBanner } from './components/ImpersonationBanner';
 export { AdminShell } from './pages/admin/AdminShell';
 export { OverviewPage } from './pages/admin/OverviewPage';

package/dist/layouts/AppShell.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface NavItem {
     path: string;
     label: string;

package/dist/layouts/AppShell.js

@@ -1,20 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useLocation, useNavigate } from 'react-router';
+import { useEffect } from 'react';
 import { FolderKanban } from 'lucide-react';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from '../components/ui/sidebar';
 import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, } from '../components/ui/breadcrumb';
 import { UserMenu } from '../components/UserMenu';
 import { ImpersonationBanner } from '../components/ImpersonationBanner';
+// stock SidebarProvider 只写不读 sidebar_state cookie（写入供 SSR 框架回传 defaultOpen）。
+// CSR 产品在组合层回读，保持跨会话折叠状态（P2-17，自 stock 镜像化后上提至此）。
+function readSidebarCookieOpen() {
+    if (typeof document === 'undefined')
+        return true; // SSR 安全
+    return !document.cookie.split('; ').includes('sidebar_state=false');
+}
 export function AppShell({ children, nav, brand, logo, logoDark, sidebarFooter, headerRight, breadcrumbTail = null, settingsContent }) {
     const location = useLocation();
     const navigate = useNavigate();
+    // 输入焦点时不劫持 Ctrl/Cmd+B（P3-1，自 stock 镜像化后上提至此）：
+    // 捕获阶段拦截可编辑目标上的快捷键，阻断 stock SidebarProvider 的全局监听。
+    useEffect(() => {
+        const guard = (e) => {
+            if (!(e.ctrlKey || e.metaKey) || e.key.toLowerCase() !== 'b')
+                return;
+            const t = e.target;
+            if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) {
+                e.stopImmediatePropagation();
+            }
+        };
+        window.addEventListener('keydown', guard, true);
+        return () => window.removeEventListener('keydown', guard, true);
+    }, []);
     const items = nav ?? [
         { path: '/app', label: '概览', icon: _jsx(FolderKanban, { size: 17, "aria-hidden": "true" }) },
     ];
     const selected = items.find((item) => location.pathname.startsWith(item.path));
     const isSettingsMode = settingsContent !== undefined &&
         (location.pathname.startsWith('/settings') || location.pathname.startsWith('/account'));
-    return (_jsxs(SidebarProvider, { children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs("div", { className: "flex items-center gap-2 px-2 pb-1 pt-1 group-data-[collapsible=icon]:justify-center", children: [logo && (_jsxs("picture", { children: [_jsx("source", { media: "(prefers-color-scheme: dark)", srcSet: logoDark ?? logo }), _jsx("img", { src: logo, alt: `${brand ?? 'App'} logo`, className: "h-7 w-auto group-data-[collapsible=icon]:w-7 group-data-[collapsible=icon]:object-contain" })] })), _jsx("div", { className: "text-lg font-bold text-foreground group-data-[collapsible=icon]:hidden", children: brand ?? 'App' })] }) }), _jsx(SidebarContent, { children: isSettingsMode ? (settingsContent) : (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => {
+    return (_jsxs(SidebarProvider, { defaultOpen: readSidebarCookieOpen(), children: [_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs("div", { className: "flex items-center gap-2 px-2 pb-1 pt-1 group-data-[collapsible=icon]:justify-center", children: [logo && (_jsxs("picture", { children: [_jsx("source", { media: "(prefers-color-scheme: dark)", srcSet: logoDark ?? logo }), _jsx("img", { src: logo, alt: `${brand ?? 'App'} logo`, className: "h-7 w-auto group-data-[collapsible=icon]:w-7 group-data-[collapsible=icon]:object-contain" })] })), _jsx("div", { className: "text-lg font-bold text-foreground group-data-[collapsible=icon]:hidden", children: brand ?? 'App' })] }) }), _jsx(SidebarContent, { children: isSettingsMode ? (settingsContent) : (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => {
                                         const active = selected?.path === item.path;
                                         return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: active, "aria-current": active ? 'page' : undefined, tooltip: item.label, onClick: () => navigate(item.path), children: [item.icon, _jsx("span", { className: "truncate", children: item.label })] }) }, item.path));
                                     }) }) }) })) }), _jsx(SidebarFooter, { className: "group-data-[collapsible=icon]:hidden", children: sidebarFooter })] }), _jsxs(SidebarInset, { children: [_jsx(ImpersonationBanner, {}), _jsxs("header", { className: "flex h-14 shrink-0 items-center gap-3 border-b border-border bg-background px-4", children: [_jsx(SidebarTrigger, {}), breadcrumbTail !== null ? (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [selected && (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: selected.label }) }), _jsx(BreadcrumbSeparator, {})] })), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: breadcrumbTail }) })] }) })) : null, _jsx("div", { className: "flex-1" }), headerRight, _jsx(UserMenu, {})] }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: children })] })] }));

package/dist/layouts/SettingsShell.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type Perm } from '../lib/perm';
+import { type Perm } from '@ploykit/hooks';
 export interface SettingsNavItem {
     path: string;
     label: string;

package/dist/layouts/SettingsShell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, useLocation, useNavigate } from 'react-router';
 import { cn } from '../lib/utils';
-import { roleSatisfies } from '../lib/perm';
-import { useWorkspace } from '../hooks/useWorkspace';
-import { buttonVariants } from '../components/ui/Button';
+import { roleSatisfies } from '@ploykit/hooks';
+import { useWorkspace } from '@ploykit/hooks';
+import { buttonVariants } from '../components/ui/button';
 import { Separator } from '../components/ui/separator';
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from '../components/ui/select';
 export function SettingsShell({ nav, children, title = '设置', description }) {

package/dist/pages/LandingPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from 'react-router';
 export function LandingPage({ brand, tagline, description, features, plans, registerPath = '/register', loginPath = '/login' }) {
-    return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsx("header", { className: "border-b border-gray-100", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 h-16 flex items-center justify-between", children: [_jsx("span", { className: "text-xl font-bold text-gray-900", children: brand }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link, { to: loginPath, className: "px-4 py-2 text-sm font-medium text-gray-700 rounded-lg hover:bg-gray-50", children: "\u767B\u5F55" }), _jsx(Link, { to: registerPath, className: "px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700", children: "\u514D\u8D39\u6CE8\u518C" })] })] }) }), _jsxs("section", { className: "max-w-6xl mx-auto px-4 pt-20 pb-16 text-center", children: [_jsx("h1", { className: "text-5xl font-bold text-gray-900 tracking-tight", children: tagline }), _jsx("p", { className: "mt-4 text-xl text-gray-500 max-w-2xl mx-auto", children: description }), _jsx(Link, { to: registerPath, className: "mt-8 inline-block px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 text-lg", children: "\u514D\u8D39\u5F00\u59CB" })] }), _jsx("section", { className: "bg-gray-50 py-16", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [_jsx("h2", { className: "text-3xl font-bold text-center text-gray-900 mb-12", children: "\u6838\u5FC3\u529F\u80FD" }), _jsx("div", { className: "grid md:grid-cols-3 gap-8", children: features.map((f, i) => (_jsxs("div", { className: "p-6 bg-white rounded-xl border border-gray-200", children: [_jsx("div", { className: "text-3xl mb-3", children: f.icon }), _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: f.title }), _jsx("p", { className: "mt-2 text-sm text-gray-500 leading-relaxed", children: f.desc })] }, `${i}-${f.title}`))) })] }) }), _jsx("section", { className: "py-16", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [_jsx("h2", { className: "text-3xl font-bold text-center text-gray-900 mb-12", children: "\u5B9A\u4EF7" }), _jsx("div", { className: "grid md:grid-cols-2 gap-8 max-w-3xl mx-auto", children: plans.map((p, i) => (_jsxs("div", { className: `p-8 bg-white rounded-xl ${p.recommended ? 'border-2 border-blue-600 relative' : 'border border-gray-200'}`, children: [p.recommended && (_jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-blue-600 text-white text-xs font-medium rounded-full", children: "\u63A8\u8350" })), _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: p.name }), _jsxs("p", { className: "mt-1 text-3xl font-bold text-gray-900", children: [p.price, _jsx("span", { className: "text-sm text-gray-400", children: p.period ?? '/月' })] }), _jsx("ul", { className: "mt-6 space-y-3 text-sm text-gray-600", children: p.features.map((f, j) => _jsxs("li", { children: ["\u2713 ", f] }, `${j}-${f}`)) }), _jsx(Link, { to: registerPath, className: `mt-6 block text-center py-2.5 rounded-lg font-medium ${p.recommended ? 'bg-blue-600 text-white hover:bg-blue-700' : 'border border-gray-300 text-gray-700 hover:bg-gray-50'}`, children: p.cta })] }, `${i}-${p.name}`))) })] }) }), _jsxs("footer", { className: "border-t border-gray-100 py-8 text-center text-sm text-gray-400", children: ["\u00A9 2026 ", brand, ". All rights reserved."] })] }));
+    return (_jsxs("div", { className: "min-h-screen bg-card", children: [_jsx("header", { className: "border-b border-border", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4 h-16 flex items-center justify-between", children: [_jsx("span", { className: "text-xl font-bold text-foreground", children: brand }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link, { to: loginPath, className: "px-4 py-2 text-sm font-medium text-foreground rounded-lg hover:bg-muted", children: "\u767B\u5F55" }), _jsx(Link, { to: registerPath, className: "px-4 py-2 bg-primary text-primary-foreground text-sm font-medium rounded-lg hover:bg-primary/80", children: "\u514D\u8D39\u6CE8\u518C" })] })] }) }), _jsxs("section", { className: "max-w-6xl mx-auto px-4 pt-20 pb-16 text-center", children: [_jsx("h1", { className: "text-5xl font-bold text-foreground tracking-tight", children: tagline }), _jsx("p", { className: "mt-4 text-xl text-muted-foreground max-w-2xl mx-auto", children: description }), _jsx(Link, { to: registerPath, className: "mt-8 inline-block px-6 py-3 bg-primary text-primary-foreground font-medium rounded-lg hover:bg-primary/80 text-lg", children: "\u514D\u8D39\u5F00\u59CB" })] }), _jsx("section", { className: "bg-muted py-16", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [_jsx("h2", { className: "text-3xl font-bold text-center text-foreground mb-12", children: "\u6838\u5FC3\u529F\u80FD" }), _jsx("div", { className: "grid md:grid-cols-3 gap-8", children: features.map((f, i) => (_jsxs("div", { className: "p-6 bg-card rounded-xl border border-border", children: [_jsx("div", { className: "text-3xl mb-3", children: f.icon }), _jsx("h3", { className: "text-lg font-semibold text-foreground", children: f.title }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground leading-relaxed", children: f.desc })] }, `${i}-${f.title}`))) })] }) }), _jsx("section", { className: "py-16", children: _jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [_jsx("h2", { className: "text-3xl font-bold text-center text-foreground mb-12", children: "\u5B9A\u4EF7" }), _jsx("div", { className: "grid md:grid-cols-2 gap-8 max-w-3xl mx-auto", children: plans.map((p, i) => (_jsxs("div", { className: `p-8 bg-card rounded-xl ${p.recommended ? 'border-2 border-primary relative' : 'border border-border'}`, children: [p.recommended && (_jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-primary text-primary-foreground text-xs font-medium rounded-full", children: "\u63A8\u8350" })), _jsx("h3", { className: "text-lg font-semibold text-foreground", children: p.name }), _jsxs("p", { className: "mt-1 text-3xl font-bold text-foreground", children: [p.price, _jsx("span", { className: "text-sm text-muted-foreground", children: p.period ?? '/月' })] }), _jsx("ul", { className: "mt-6 space-y-3 text-sm text-muted-foreground", children: p.features.map((f, j) => _jsxs("li", { children: ["\u2713 ", f] }, `${j}-${f}`)) }), _jsx(Link, { to: registerPath, className: `mt-6 block text-center py-2.5 rounded-lg font-medium ${p.recommended ? 'bg-primary text-primary-foreground hover:bg-primary/80' : 'border border-input text-foreground hover:bg-muted'}`, children: p.cta })] }, `${i}-${p.name}`))) })] }) }), _jsxs("footer", { className: "border-t border-border py-8 text-center text-sm text-muted-foreground", children: ["\u00A9 2026 ", brand, ". All rights reserved."] })] }));
 }

package/dist/pages/LoginPage.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useLocation } from 'react-router';
-import { useLogin } from '../hooks/useLogin';
-import { useApi } from '../hooks/useApi';
-import { useAuth } from '../hooks/useAuth';
+import { useLogin } from '@ploykit/hooks';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '../components/ui/tabs';
-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 { FormField } from '../components/FormField';
 import { apiErrorMessage } from '../lib/api-error';
 const SEND_COOLDOWN_S = 60;
@@ -77,11 +77,11 @@ export function LoginPage({ resetPath = '/forgot-password', registerPath = '/reg
             setPwLoading(false);
         }
     };
-    return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-gray-50", children: _jsxs("div", { className: "w-full max-w-sm space-y-4 p-8 bg-white rounded-lg shadow", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: description })] }), _jsxs(Tabs, { defaultValue: "code", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { value: "code", children: "\u9A8C\u8BC1\u7801\u767B\u5F55" }), _jsx(TabsTrigger, { value: "password", children: "\u5BC6\u7801\u767B\u5F55" })] }), _jsx(TabsContent, { value: "code", children: _jsxs("form", { onSubmit: handleCodeSubmit, className: "space-y-4 pt-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: "login-email", className: "text-sm text-gray-600", children: "\u90AE\u7BB1" }), _jsx("input", { id: "login-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "you@example.com", required: true, autoComplete: "email", className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: "login-code", className: "text-sm text-gray-600", children: "\u9A8C\u8BC1\u7801" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { id: "login-code", type: "text", value: code, onChange: (e) => setCode(e.target.value), placeholder: "6\u4F4D\u6570\u5B57", maxLength: 6, required: true, autoComplete: "one-time-code", className: "flex-1 px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }), _jsx("button", { type: "button", onClick: handleSendCode, disabled: sending || cooldown > 0 || !email, className: "px-4 py-2 text-sm text-blue-600 border border-blue-300 rounded-md hover:bg-blue-50 disabled:opacity-50", children: cooldown > 0
+    return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-background", children: _jsxs("div", { className: "w-full max-w-sm space-y-4 p-8 bg-white rounded-lg shadow", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })] }), _jsxs(Tabs, { defaultValue: "code", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { value: "code", children: "\u9A8C\u8BC1\u7801\u767B\u5F55" }), _jsx(TabsTrigger, { value: "password", children: "\u5BC6\u7801\u767B\u5F55" })] }), _jsx(TabsContent, { value: "code", children: _jsxs("form", { onSubmit: handleCodeSubmit, className: "space-y-4 pt-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: "login-email", className: "text-sm text-foreground", children: "\u90AE\u7BB1" }), _jsx("input", { id: "login-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "you@example.com", required: true, autoComplete: "email", className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-ring" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: "login-code", className: "text-sm text-foreground", children: "\u9A8C\u8BC1\u7801" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { id: "login-code", type: "text", value: code, onChange: (e) => setCode(e.target.value), placeholder: "6\u4F4D\u6570\u5B57", maxLength: 6, required: true, autoComplete: "one-time-code", className: "flex-1 px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-ring" }), _jsx("button", { type: "button", onClick: handleSendCode, disabled: sending || cooldown > 0 || !email, className: "px-4 py-2 text-sm text-primary border border-primary/30 rounded-md hover:bg-primary/10 disabled:opacity-50", children: cooldown > 0
                                                             ? `重发（${cooldown}s）`
                                                             : codeSent
                                                                 ? '重新发送'
                                                                 : sending
                                                                     ? '发送中…'
-                                                                    : '发送' })] })] }), sendError && _jsx("p", { role: "alert", className: "text-red-500 text-sm", children: sendError }), codeError && _jsx("p", { role: "alert", className: "text-red-500 text-sm", children: codeError }), _jsx("button", { type: "submit", disabled: loading || !email || !code, className: "w-full py-2 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50", children: loading ? '登录中…' : '登录' })] }) }), _jsx(TabsContent, { value: "password", children: _jsxs("form", { onSubmit: handlePasswordSubmit, className: "space-y-4 pt-2", children: [_jsx(FormField, { label: "\u90AE\u7BB1", htmlFor: "login-pw-email", children: _jsx(Input, { id: "login-pw-email", type: "email", value: email, required: true, onChange: (e) => setEmail(e.target.value), placeholder: "you@example.com", autoComplete: "email" }) }), _jsx(FormField, { label: "\u5BC6\u7801", htmlFor: "login-pw-password", children: _jsx(Input, { id: "login-pw-password", type: "password", value: password, required: true, onChange: (e) => setPassword(e.target.value), placeholder: "\u8F93\u5165\u5BC6\u7801", autoComplete: "current-password" }) }), pwError && _jsx("p", { role: "alert", className: "text-red-500 text-sm", children: pwError }), _jsx(Button, { type: "submit", className: "w-full", disabled: pwLoading || !email || !password, children: pwLoading ? '登录中…' : '登录' })] }) })] }), oauthProviders.length > 0 && (_jsxs("div", { className: "space-y-2 pt-1", "data-testid": "oauth-providers", children: [_jsxs("div", { className: "relative py-2 text-center", children: [_jsx("span", { className: "absolute inset-x-0 top-1/2 border-t border-gray-200" }), _jsx("span", { className: "relative z-10 bg-white px-2 text-xs text-gray-400", children: "\u6216\u4F7F\u7528\u4EE5\u4E0B\u65B9\u5F0F\u767B\u5F55" })] }), oauthProviders.map((p) => (_jsxs("a", { href: '/auth/oauth/' + p.id + '/start', className: "block w-full py-2 px-4 text-center text-sm border border-gray-300 rounded-md hover:bg-gray-50", children: ["\u4F7F\u7528 ", p.label, " \u767B\u5F55"] }, p.id)))] })), enableFedLogin && (_jsxs("details", { className: "pt-1", "data-testid": "fed-login", children: [_jsx("summary", { className: "text-sm text-gray-500 cursor-pointer select-none", children: "\u4F01\u4E1A\u767B\u5F55" }), _jsxs("form", { method: "get", action: "/auth/fed/start", className: "mt-2 space-y-2", children: [_jsx("input", { type: "text", name: "workspace", placeholder: "\u5DE5\u4F5C\u533A\u6807\u8BC6\uFF08slug\uFF09", required: true, className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }), _jsx("button", { type: "submit", className: "w-full py-2 px-4 bg-gray-800 text-white text-sm rounded-md hover:bg-gray-900", children: "\u901A\u8FC7\u4F01\u4E1A IdP \u767B\u5F55" })] })] })), _jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("a", { href: resetPath, className: "text-blue-600 hover:underline", children: "\u5FD8\u8BB0\u5BC6\u7801\uFF1F" }), registerPath && (_jsx("a", { href: registerPath, "data-testid": "register-link", className: "text-blue-600 hover:underline", children: "\u521B\u5EFA\u8D26\u53F7" }))] })] }) }));
+                                                                    : '发送' })] })] }), sendError && _jsx("p", { role: "alert", className: "text-destructive text-sm", children: sendError }), codeError && _jsx("p", { role: "alert", className: "text-destructive text-sm", children: codeError }), _jsx("button", { type: "submit", disabled: loading || !email || !code, className: "w-full py-2 px-4 bg-primary text-primary-foreground rounded-md hover:bg-primary/80 disabled:opacity-50", children: loading ? '登录中…' : '登录' })] }) }), _jsx(TabsContent, { value: "password", children: _jsxs("form", { onSubmit: handlePasswordSubmit, className: "space-y-4 pt-2", children: [_jsx(FormField, { label: "\u90AE\u7BB1", htmlFor: "login-pw-email", children: _jsx(Input, { id: "login-pw-email", type: "email", value: email, required: true, onChange: (e) => setEmail(e.target.value), placeholder: "you@example.com", autoComplete: "email" }) }), _jsx(FormField, { label: "\u5BC6\u7801", htmlFor: "login-pw-password", children: _jsx(Input, { id: "login-pw-password", type: "password", value: password, required: true, onChange: (e) => setPassword(e.target.value), placeholder: "\u8F93\u5165\u5BC6\u7801", autoComplete: "current-password" }) }), pwError && _jsx("p", { role: "alert", className: "text-destructive text-sm", children: pwError }), _jsx(Button, { type: "submit", className: "w-full", disabled: pwLoading || !email || !password, children: pwLoading ? '登录中…' : '登录' })] }) })] }), oauthProviders.length > 0 && (_jsxs("div", { className: "space-y-2 pt-1", "data-testid": "oauth-providers", children: [_jsxs("div", { className: "relative py-2 text-center", children: [_jsx("span", { className: "absolute inset-x-0 top-1/2 border-t border-border" }), _jsx("span", { className: "relative z-10 bg-card px-2 text-xs text-muted-foreground", children: "\u6216\u4F7F\u7528\u4EE5\u4E0B\u65B9\u5F0F\u767B\u5F55" })] }), oauthProviders.map((p) => (_jsxs("a", { href: '/auth/oauth/' + p.id + '/start', className: "block w-full py-2 px-4 text-center text-sm border border-input rounded-md hover:bg-background", children: ["\u4F7F\u7528 ", p.label, " \u767B\u5F55"] }, p.id)))] })), enableFedLogin && (_jsxs("details", { className: "pt-1", "data-testid": "fed-login", children: [_jsx("summary", { className: "text-sm text-muted-foreground cursor-pointer select-none", children: "\u4F01\u4E1A\u767B\u5F55" }), _jsxs("form", { method: "get", action: "/auth/fed/start", className: "mt-2 space-y-2", children: [_jsx("input", { type: "text", name: "workspace", placeholder: "\u5DE5\u4F5C\u533A\u6807\u8BC6\uFF08slug\uFF09", required: true, className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-ring" }), _jsx("button", { type: "submit", className: "w-full py-2 px-4 bg-primary text-primary-foreground text-sm rounded-md hover:bg-primary/80", children: "\u901A\u8FC7\u4F01\u4E1A IdP \u767B\u5F55" })] })] })), _jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("a", { href: resetPath, className: "text-primary hover:underline", children: "\u5FD8\u8BB0\u5BC6\u7801\uFF1F" }), registerPath && (_jsx("a", { href: registerPath, "data-testid": "register-link", className: "text-primary hover:underline", children: "\u521B\u5EFA\u8D26\u53F7" }))] })] }) }));
 }

package/dist/pages/account/NotificationPreferencesPage.js

@@ -3,8 +3,8 @@ import { useId } from 'react';
 import { PageHeader, PageLoading, PageError, PageEmpty } from '../../components/Page';
 import { Switch } from '../../components/ui/switch';
 import { toast } from '../../components/toast';
-import { useSEO } from '../../hooks/useSEO';
-import { useNotificationPrefs, useSetNotificationPref, } from '../../hooks/useNotificationPrefs';
+import { useSEO } from '@ploykit/hooks';
+import { useNotificationPrefs, useSetNotificationPref, } from '@ploykit/hooks';
 export function NotificationPreferencesPage({ types, title = '通知偏好', description = '选择每种通知的接收渠道；未显示的类型默认全部开启', siteName, emailChannelNote, }) {
     const { prefs, loading, error, refetch } = useNotificationPrefs();
     const { setPref } = useSetNotificationPref();

package/dist/pages/account/ProfileSettingsPage.js

@@ -4,15 +4,15 @@ import { z } from 'zod';
 import { PageHeader, PageLoading, PageError } from '../../components/Page';
 import { SettingsCard } from '../../components/SettingsCard';
 import { FormField } from '../../components/FormField';
-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 { Badge } from '../../components/ui/badge';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { toast } from '../../components/toast';
 import { apiErrorMessage } from '../../lib/api-error';
-import { useApi } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
-import { useZodForm } from '../../hooks/useZodForm';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
 const profileSchema = z.object({
     display_name: z.string().trim().min(1, '请输入昵称').max(100, '昵称最多 100 字符'),
     avatar_url: z.string()
@@ -88,7 +88,7 @@ export function ProfileSettingsPage({ onDeleted }) {
         }
     };
     const emailReadyToDelete = confirmEmail.trim().toLowerCase() === user.email.toLowerCase();
-    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u4E2A\u4EBA\u8D44\u6599", description: "\u7BA1\u7406\u6635\u79F0\u3001\u5934\u50CF\u7B49\u8D26\u53F7\u8D44\u6599" }), _jsxs(SettingsCard, { title: "\u8D44\u6599", description: "\u5BF9\u5916\u5C55\u793A\u7684\u6635\u79F0\u4E0E\u5934\u50CF", cta: _jsx(Button, { type: "submit", form: "profile-form", disabled: saving, children: saving ? '保存中…' : '保存' }), children: [_jsxs("form", { id: "profile-form", onSubmit: handleSave, className: "max-w-xl space-y-4", children: [_jsx(FormField, { label: "\u6635\u79F0", required: true, error: form.formState.errors.display_name?.message, htmlFor: "profile-name", children: _jsx(Input, { id: "profile-name", maxLength: 100, placeholder: "\u600E\u4E48\u79F0\u547C\u4F60", ...form.register('display_name') }) }), _jsx(FormField, { label: "\u5934\u50CF\u94FE\u63A5", error: form.formState.errors.avatar_url?.message, htmlFor: "profile-avatar", description: "\u53EF\u9009\uFF1B\u9700 http(s):// \u5F00\u5934\u3001\u6700\u591A 2048 \u5B57\u7B26\u3002\u5916\u90E8\u56FE\u7247\u53EF\u80FD\u88AB\u5185\u5BB9\u5B89\u5168\u7B56\u7565\u62E6\u622A\uFF0C\u65E0\u6CD5\u52A0\u8F7D\u65F6\u663E\u793A\u9ED8\u8BA4\u5934\u50CF", children: _jsx(Input, { id: "profile-avatar", maxLength: 2048, placeholder: "https://\u2026\uFF08\u53EF\u9009\uFF09", ...form.register('avatar_url') }) })] }), _jsxs("div", { className: "mt-6 flex flex-row items-center justify-between gap-4 rounded-lg border p-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: "\u767B\u5F55\u90AE\u7BB1" }), _jsx("p", { className: "mt-0.5 truncate text-sm text-muted-foreground", "data-testid": "profile-email", children: user.email }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "\u7528\u4E8E\u767B\u5F55\u4E0E\u63A5\u6536\u901A\u77E5\uFF0C\u6682\u4E0D\u652F\u6301\u81EA\u52A9\u4FEE\u6539" })] }), _jsx("div", { className: "flex shrink-0 items-center gap-2", children: user.email_verified ? (_jsx(Badge, { variant: "secondary", className: "bg-emerald-50 text-emerald-700 border-emerald-200", children: "\u5DF2\u9A8C\u8BC1" })) : (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", className: "text-amber-700 border-amber-200 bg-amber-50", children: "\u672A\u9A8C\u8BC1" }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleResend, disabled: sending, children: sending ? '发送中…' : '重新发送验证邮件' })] })) })] })] }), _jsx(SettingsCard, { danger: true, title: "\u5220\u9664\u8D26\u53F7", description: "\u6CE8\u9500\u540E\u8D26\u53F7\u8FDB\u5165\u5220\u9664\u72B6\u6001\uFF0C\u65E0\u6CD5\u6062\u590D", cta: _jsx(Button, { variant: "destructive", disabled: !emailReadyToDelete || deleting, onClick: () => setConfirmOpen(true), children: "\u5220\u9664\u8D26\u53F7" }), children: _jsx("div", { className: "max-w-xl space-y-4", children: _jsx(FormField, { label: "\u8F93\u5165\u767B\u5F55\u90AE\u7BB1\u4EE5\u786E\u8BA4", htmlFor: "profile-delete-email", children: _jsx(Input, { id: "profile-delete-email", placeholder: user.email, value: confirmEmail, onChange: (e) => setConfirmEmail(e.target.value) }) }) }) }), _jsx(ImpactConfirmation, { open: confirmOpen, onOpenChange: setConfirmOpen, onConfirm: handleDelete, title: "\u786E\u8BA4\u5220\u9664\u8D26\u53F7\uFF1F", confirmText: "\u6C38\u4E45\u5220\u9664", danger: true, impacts: [
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: "\u4E2A\u4EBA\u8D44\u6599", description: "\u7BA1\u7406\u6635\u79F0\u3001\u5934\u50CF\u7B49\u8D26\u53F7\u8D44\u6599" }), _jsxs(SettingsCard, { title: "\u8D44\u6599", description: "\u5BF9\u5916\u5C55\u793A\u7684\u6635\u79F0\u4E0E\u5934\u50CF", cta: _jsx(Button, { type: "submit", form: "profile-form", disabled: saving, children: saving ? '保存中…' : '保存' }), children: [_jsxs("form", { id: "profile-form", onSubmit: handleSave, className: "max-w-xl space-y-4", children: [_jsx(FormField, { label: "\u6635\u79F0", required: true, error: form.formState.errors.display_name?.message, htmlFor: "profile-name", children: _jsx(Input, { id: "profile-name", maxLength: 100, placeholder: "\u600E\u4E48\u79F0\u547C\u4F60", ...form.register('display_name') }) }), _jsx(FormField, { label: "\u5934\u50CF\u94FE\u63A5", error: form.formState.errors.avatar_url?.message, htmlFor: "profile-avatar", description: "\u53EF\u9009\uFF1B\u9700 http(s):// \u5F00\u5934\u3001\u6700\u591A 2048 \u5B57\u7B26\u3002\u5916\u90E8\u56FE\u7247\u53EF\u80FD\u88AB\u5185\u5BB9\u5B89\u5168\u7B56\u7565\u62E6\u622A\uFF0C\u65E0\u6CD5\u52A0\u8F7D\u65F6\u663E\u793A\u9ED8\u8BA4\u5934\u50CF", children: _jsx(Input, { id: "profile-avatar", maxLength: 2048, placeholder: "https://\u2026\uFF08\u53EF\u9009\uFF09", ...form.register('avatar_url') }) })] }), _jsxs("div", { className: "mt-6 flex flex-row items-center justify-between gap-4 rounded-lg border p-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: "\u767B\u5F55\u90AE\u7BB1" }), _jsx("p", { className: "mt-0.5 truncate text-sm text-muted-foreground", "data-testid": "profile-email", children: user.email }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "\u7528\u4E8E\u767B\u5F55\u4E0E\u63A5\u6536\u901A\u77E5\uFF0C\u6682\u4E0D\u652F\u6301\u81EA\u52A9\u4FEE\u6539" })] }), _jsx("div", { className: "flex shrink-0 items-center gap-2", children: user.email_verified ? (_jsx(Badge, { variant: "secondary", className: "bg-(--success)/10 text-(--success) border-(--success)/30", children: "\u5DF2\u9A8C\u8BC1" })) : (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", className: "text-(--warning) border-(--warning)/40 bg-(--warning)/15", children: "\u672A\u9A8C\u8BC1" }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleResend, disabled: sending, children: sending ? '发送中…' : '重新发送验证邮件' })] })) })] })] }), _jsx(SettingsCard, { danger: true, title: "\u5220\u9664\u8D26\u53F7", description: "\u6CE8\u9500\u540E\u8D26\u53F7\u8FDB\u5165\u5220\u9664\u72B6\u6001\uFF0C\u65E0\u6CD5\u6062\u590D", cta: _jsx(Button, { variant: "destructive", disabled: !emailReadyToDelete || deleting, onClick: () => setConfirmOpen(true), children: "\u5220\u9664\u8D26\u53F7" }), children: _jsx("div", { className: "max-w-xl space-y-4", children: _jsx(FormField, { label: "\u8F93\u5165\u767B\u5F55\u90AE\u7BB1\u4EE5\u786E\u8BA4", htmlFor: "profile-delete-email", children: _jsx(Input, { id: "profile-delete-email", placeholder: user.email, value: confirmEmail, onChange: (e) => setConfirmEmail(e.target.value) }) }) }) }), _jsx(ImpactConfirmation, { open: confirmOpen, onOpenChange: setConfirmOpen, onConfirm: handleDelete, title: "\u786E\u8BA4\u5220\u9664\u8D26\u53F7\uFF1F", confirmText: "\u6C38\u4E45\u5220\u9664", danger: true, impacts: [
                     '账号进入 deleted 状态，邮箱被释放（可用同邮箱重新注册）',
                     '所有会话立即失效并吊销全部个人访问令牌（PAT）',
                     '昵称、头像等资料被清空，操作不可恢复',

package/dist/pages/account/SecuritySettingsPage.js

@@ -4,17 +4,17 @@ import { z } from 'zod';
 import { PageHeader, PageError } from '../../components/Page';
 import { SettingsCard } from '../../components/SettingsCard';
 import { FormField } from '../../components/FormField';
-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 { Badge } from '../../components/ui/badge';
 import { DataTable } from '../../components/DataTable';
 import { ImpactConfirmation } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { toast } from '../../components/toast';
-import { useApi } from '../../hooks/useApi';
-import { useAuth } from '../../hooks/useAuth';
-import { useZodForm } from '../../hooks/useZodForm';
-import { useSessions, useRevokeSession, useRevokeAllSessions } from '../../hooks/useSessions';
+import { useApi } from '@ploykit/hooks';
+import { useAuth } from '@ploykit/hooks';
+import { useZodForm } from '@ploykit/hooks';
+import { useSessions, useRevokeSession, useRevokeAllSessions } from '@ploykit/hooks';
 import { passwordSchema } from '../auth/RegisterPage';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDateTime, shortID } from '../../lib/utils';
@@ -119,7 +119,7 @@ export function SecuritySettingsPage() {
         { key: 'expires_at', header: '过期时间', render: (s) => formatDateTime(s.expires_at) },
         {
             key: 'current', header: '当前',
-            render: (s) => s.current === undefined ? (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) : s.current ? (_jsx(Badge, { variant: "secondary", className: "bg-emerald-50 text-emerald-700 border-emerald-200", children: "\u5F53\u524D\u8BBE\u5907" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })),
+            render: (s) => s.current === undefined ? (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) : s.current ? (_jsx(Badge, { variant: "secondary", className: "bg-(--success)/10 text-(--success) border-(--success)/30", children: "\u5F53\u524D\u8BBE\u5907" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })),
         },
         {
             key: 'actions', header: '', className: 'text-right',

package/dist/pages/account/TokensPage.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { PageHeader, PageEmpty } from '../../components/Page';
 import { FormField } from '../../components/FormField';
-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 { Badge } from '../../components/ui/badge';
 import { DataTable } from '../../components/DataTable';
 import { SecretModal } from '../../components/SecretModal';
 import { useConfirm } from '../../components/ConfirmDialog';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from '../../components/ui/dialog';
 import { toast } from '../../components/toast';
-import { useTokens, useCreateToken, useRevokeToken } from '../../hooks/useTokens';
+import { useTokens, useCreateToken, useRevokeToken } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { formatDateTime } from '../../lib/utils';
 const NAME_MAX_BYTES = 64;

package/dist/pages/admin/AdminSettingsPage.js

@@ -4,15 +4,15 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { FormField } from '../../components/FormField';
 import { PageError, PageHeader } from '../../components/Page';
 import { toast } from '../../components/toast';
-import { Badge } from '../../components/ui/Badge';
-import { Button } from '../../components/ui/Button';
+import { Badge } from '../../components/ui/badge';
+import { Button } from '../../components/ui/button';
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle, } from '../../components/ui/card';
-import { Input } from '../../components/ui/Input';
+import { Input } from '../../components/ui/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../components/ui/select';
 import { Switch } from '../../components/ui/switch';
-import { useApi } from '../../hooks/useApi';
+import { useApi } from '@ploykit/hooks';
 import { SiteBanner } from '../../components/SiteBanner';
-import { SITE_CONFIG_QUERY_KEY } from '../../hooks/useSiteConfig';
+import { SITE_CONFIG_QUERY_KEY } from '@ploykit/hooks';
 import { adminError } from './shared';
 const ERROR_TOAST_MS = 8_000;
 function parseRateLimit(raw) {

package/dist/pages/admin/AdminShell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, Navigate, useLocation } from 'react-router';
 import { Activity, ArrowLeft, Building2, KeyRound, LayoutDashboard, Receipt, ScrollText, Settings, ShieldCheck, Users, Webhook, } from 'lucide-react';
-import { buttonVariants } from '../../components/ui/Button';
+import { buttonVariants } from '../../components/ui/button';
 import { UserMenu } from '../../components/UserMenu';
-import { useAuth } from '../../hooks/useAuth';
+import { useAuth } from '@ploykit/hooks';
 import { cn } from '../../lib/utils';
 const NAV = [
     {

package/dist/pages/admin/AuditPage.js

@@ -7,9 +7,9 @@ import { apiFetch } from '@ploykit/client';
 import { DataTable } from '../../components/DataTable';
 import { PageEmpty, PageError, PageHeader } from '../../components/Page';
 import { toast } from '../../components/toast';
-import { Button } from '../../components/ui/Button';
-import { Input } from '../../components/ui/Input';
-import { useApi } from '../../hooks/useApi';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { useApi } from '@ploykit/hooks';
 import { apiErrorMessage } from '../../lib/api-error';
 import { shortID, formatDateTime } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError } from './shared';

package/dist/pages/admin/OrdersPage.js

@@ -7,11 +7,12 @@ import { DataTable } from '../../components/DataTable';
 import { PageEmpty, PageError, PageHeader } from '../../components/Page';
 import { SettingsCard } from '../../components/SettingsCard';
 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 { Tabs, TabsContent, TabsList, TabsTrigger, } from '../../components/ui/tabs';
-import { useApi } from '../../hooks/useApi';
+import { useApi } from '@ploykit/hooks';
 import { formatDateTime, shortID, statusLabel } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError, adminListQuery, formatCents, } from './shared';
 const ORDER_STATUSES = ['pending', 'paid', 'failed', 'canceled', 'refunded'];

package/dist/pages/admin/OverviewPage.js

@@ -7,13 +7,13 @@ import { DataTable } from '../../components/DataTable';
 import { FormField } from '../../components/FormField';
 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 { Badge } from '../../components/ui/badge';
+import { Button } from '../../components/ui/button';
 import { Card, CardAction, CardDescription, CardHeader, CardTitle, } from '../../components/ui/card';
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../components/ui/dialog';
-import { Input } from '../../components/ui/Input';
+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 { apiErrorMessage } from '../../lib/api-error';
 import { formatDateTime } from '../../lib/utils';
 import { adminError } from './shared';

package/dist/pages/admin/SSOPage.js

@@ -4,9 +4,9 @@ import { Link } from 'react-router';
 import { useQuery } from '@tanstack/react-query';
 import { DataTable } from '../../components/DataTable';
 import { PageEmpty, PageError, PageHeader } from '../../components/Page';
-import { Badge } from '../../components/ui/Badge';
-import { Button } from '../../components/ui/Button';
-import { useApi } from '../../hooks/useApi';
+import { Badge } from '../../components/ui/badge';
+import { Button } from '../../components/ui/button';
+import { useApi } from '@ploykit/hooks';
 import { formatDateTime } from '../../lib/utils';
 import { ADMIN_PAGE_SIZE, adminError } from './shared';
 export function SSOPage() {