@windrun-huaiin/third-ui 15.1.0 → 16.0.0

package/dist/ai/use-ai-conversation.mjs

@@ -0,0 +1,274 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { useState, useRef, startTransition } from 'react';
+
+function createId(prefix) {
+    try {
+        return `${prefix}-${crypto.randomUUID()}`;
+    }
+    catch (_a) {
+        return `${prefix}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+    }
+}
+function getAssistantMessageText(message) {
+    return message.parts
+        .flatMap((part) => (part.type === 'text' ? [part.text] : []))
+        .join('');
+}
+function createUserMessage(input) {
+    return {
+        id: createId('user'),
+        role: 'user',
+        parts: [{ type: 'text', text: input.text }],
+        createdAt: Date.now(),
+        metadata: input.metadata,
+    };
+}
+function getRuntimeMetadata(message) {
+    var _a;
+    const metadata = (_a = message.metadata) === null || _a === void 0 ? void 0 : _a.aiRuntime;
+    if (!metadata || typeof metadata !== 'object') {
+        return {};
+    }
+    return metadata;
+}
+function withRuntimeMetadata(message, nextMetadata) {
+    var _a;
+    return Object.assign(Object.assign({}, message), { metadata: Object.assign(Object.assign({}, ((_a = message.metadata) !== null && _a !== void 0 ? _a : {})), { aiRuntime: Object.assign(Object.assign({}, getRuntimeMetadata(message)), nextMetadata) }) });
+}
+function createAssistantPlaceholder(requestStartedAt) {
+    return {
+        id: createId('assistant'),
+        role: 'assistant',
+        parts: [{ type: 'text', text: '' }],
+        status: 'streaming',
+        createdAt: Date.now(),
+        metadata: {
+            aiRuntime: {
+                requestStartedAt,
+            },
+        },
+    };
+}
+function defaultTransport(endpoint) {
+    return (input, signal) => __awaiter(this, void 0, void 0, function* () {
+        return fetch(endpoint, {
+            method: 'POST',
+            signal,
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(input),
+        });
+    });
+}
+function updateAssistantText(messages, messageId, textDelta) {
+    return messages.map((message) => {
+        if (message.id !== messageId) {
+            return message;
+        }
+        const currentText = getAssistantMessageText(message);
+        const runtimeMetadata = getRuntimeMetadata(message);
+        const now = Date.now();
+        return withRuntimeMetadata(Object.assign(Object.assign({}, message), { parts: [{ type: 'text', text: currentText + textDelta }], status: 'streaming' }), runtimeMetadata.firstTokenAt
+            ? {}
+            : {
+                firstTokenAt: now,
+                firstTokenMs: runtimeMetadata.requestStartedAt
+                    ? now - runtimeMetadata.requestStartedAt
+                    : undefined,
+            });
+    });
+}
+function updateMessageStarted(messages, placeholderId, messageId) {
+    return messages.map((message) => {
+        if (message.id !== placeholderId) {
+            return message;
+        }
+        return withRuntimeMetadata(Object.assign(Object.assign({}, message), { id: messageId }), {
+            streamStartedAt: Date.now(),
+        });
+    });
+}
+function updateMessageStatus(messages, messageId, status) {
+    return messages.map((message) => {
+        if (message.id !== messageId) {
+            return message;
+        }
+        const now = Date.now();
+        const runtimeMetadata = getRuntimeMetadata(message);
+        return withRuntimeMetadata(Object.assign(Object.assign({}, message), { status }), {
+            completedAt: now,
+            totalMs: runtimeMetadata.requestStartedAt
+                ? now - runtimeMetadata.requestStartedAt
+                : undefined,
+        });
+    });
+}
+function applyErrorToLatestAssistant(messages, error) {
+    for (let index = messages.length - 1; index >= 0; index -= 1) {
+        const message = messages[index];
+        if (message.role !== 'assistant') {
+            continue;
+        }
+        const nextMessages = [...messages];
+        const now = Date.now();
+        const runtimeMetadata = getRuntimeMetadata(message);
+        nextMessages[index] = withRuntimeMetadata(Object.assign(Object.assign({}, message), { status: error.status, failureReason: error.failureReason, errorMessage: error.error, upstreamStatusCode: error.upstreamStatusCode }), {
+            completedAt: now,
+            totalMs: runtimeMetadata.requestStartedAt
+                ? now - runtimeMetadata.requestStartedAt
+                : undefined,
+        });
+        return nextMessages;
+    }
+    return messages;
+}
+function consumeEventStream(response, onEvent) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (!response.body) {
+            throw new Error('Missing response body');
+        }
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = '';
+        for (;;) {
+            const chunk = yield reader.read();
+            if (chunk.done) {
+                break;
+            }
+            buffer += decoder.decode(chunk.value, { stream: true });
+            const frames = buffer.split('\n\n');
+            buffer = (_a = frames.pop()) !== null && _a !== void 0 ? _a : '';
+            for (const frame of frames) {
+                const line = frame
+                    .split('\n')
+                    .find((item) => item.startsWith('data: '));
+                if (!line) {
+                    continue;
+                }
+                onEvent(JSON.parse(line.slice(6)));
+            }
+        }
+    });
+}
+function useAIConversation(options) {
+    var _a, _b;
+    const transport = (_a = options.transport) !== null && _a !== void 0 ? _a : defaultTransport(options.endpoint);
+    const [state, setState] = useState({
+        sessionId: options.initialSessionId,
+        messages: (_b = options.initialMessages) !== null && _b !== void 0 ? _b : [],
+        isStreaming: false,
+    });
+    const abortRef = useRef(null);
+    const sendMessage = (input) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const text = input.text.trim();
+        if (!text || state.isStreaming) {
+            return;
+        }
+        const userMessage = createUserMessage(input);
+        const requestStartedAt = Date.now();
+        const assistantMessage = createAssistantPlaceholder(requestStartedAt);
+        startTransition(() => {
+            setState((current) => (Object.assign(Object.assign({}, current), { messages: [...current.messages, userMessage, assistantMessage], isStreaming: true, error: undefined })));
+        });
+        const controller = new AbortController();
+        abortRef.current = controller;
+        try {
+            const response = yield transport({
+                sessionId: state.sessionId,
+                messages: [...state.messages, userMessage],
+                modelName: options.modelName,
+                metadata: Object.assign(Object.assign({}, ((_a = options.metadata) !== null && _a !== void 0 ? _a : {})), ((_b = input.metadata) !== null && _b !== void 0 ? _b : {})),
+            }, controller.signal);
+            if (!response.ok) {
+                const payload = (yield response.json());
+                throw new Error(payload.error || 'AI request failed');
+            }
+            yield consumeEventStream(response, (event) => {
+                var _a;
+                (_a = options.onEvent) === null || _a === void 0 ? void 0 : _a.call(options, event);
+                startTransition(() => {
+                    setState((current) => {
+                        if (event.type === 'message_started') {
+                            return Object.assign(Object.assign({}, current), { messages: updateMessageStarted(current.messages, assistantMessage.id, event.messageId) });
+                        }
+                        if (event.type === 'text_delta') {
+                            return Object.assign(Object.assign({}, current), { messages: updateAssistantText(current.messages, event.messageId, event.text) });
+                        }
+                        if (event.type === 'part') {
+                            return Object.assign(Object.assign({}, current), { messages: current.messages.map((message) => {
+                                    if (message.id !== event.messageId) {
+                                        return message;
+                                    }
+                                    return Object.assign(Object.assign({}, message), { parts: [...message.parts, event.part] });
+                                }) });
+                        }
+                        if (event.type === 'message_completed') {
+                            return Object.assign(Object.assign({}, current), { isStreaming: false, messages: updateMessageStatus(current.messages, event.messageId, 'completed') });
+                        }
+                        if (event.type === 'error') {
+                            return Object.assign(Object.assign({}, current), { isStreaming: false, error: event.error.error, messages: applyErrorToLatestAssistant(current.messages, event.error) });
+                        }
+                        return current;
+                    });
+                });
+            });
+            startTransition(() => {
+                setState((current) => (Object.assign(Object.assign({}, current), { isStreaming: false })));
+            });
+        }
+        catch (error) {
+            const nextError = error instanceof Error ? error : new Error('AI request failed');
+            (_c = options.onError) === null || _c === void 0 ? void 0 : _c.call(options, nextError);
+            startTransition(() => {
+                setState((current) => (Object.assign(Object.assign({}, current), { isStreaming: false, error: nextError.message, messages: applyErrorToLatestAssistant(current.messages, {
+                        error: nextError.message,
+                        status: controller.signal.aborted ? 'request_aborted' : 'failed',
+                        failureReason: 'unknown',
+                        upstreamStatusCode: controller.signal.aborted ? 499 : 500,
+                    }) })));
+            });
+        }
+        finally {
+            abortRef.current = null;
+        }
+    });
+    const stopGeneration = () => {
+        var _a;
+        (_a = abortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+    };
+    const resetConversation = () => {
+        startTransition(() => {
+            var _a;
+            setState({
+                sessionId: options.initialSessionId,
+                messages: (_a = options.initialMessages) !== null && _a !== void 0 ? _a : [],
+                isStreaming: false,
+            });
+        });
+    };
+    const removeMessage = (messageId) => {
+        startTransition(() => {
+            setState((current) => (Object.assign(Object.assign({}, current), { messages: current.messages.filter((message) => message.id !== messageId) })));
+        });
+    };
+    const loadConversation = (messages, sessionId) => {
+        startTransition(() => {
+            setState({
+                sessionId,
+                messages,
+                isStreaming: false,
+            });
+        });
+    };
+    return Object.assign(Object.assign({}, state), { sendMessage,
+        stopGeneration,
+        resetConversation,
+        removeMessage,
+        loadConversation });
+}
+
+export { useAIConversation };

package/dist/clerk/clerk-organization-client.js

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var nextjs = require('@clerk/nextjs');
-var server = require('@windrun-huaiin/base-ui/components/server');
+var icons = require('@windrun-huaiin/base-ui/icons');
 
 function ClerkOrganizationClient({ data }) {
     return (jsxRuntime.jsx("div", { className: ` ms-3 me-2 flex items-center h-10 rounded-full border shadow-lg ${data.className}`, children: jsxRuntime.jsx("div", { className: "flex items-center gap-x-4 w-full min-w-40", children: jsxRuntime.jsxs(nextjs.OrganizationSwitcher, { appearance: {
@@ -12,7 +12,7 @@ function ClerkOrganizationClient({ data }) {
                         organizationSwitcherTriggerIcon: "",
                         userButtonAvatarBox: "w-8 h-8 border rounded-full",
                     },
-                }, children: [jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { label: data.homepage, url: "/", labelIcon: jsxRuntime.jsx(server.globalLucideIcons.D8, {}) }), jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ReceiptText, {}), label: data.terms, url: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, {}), label: data.privacy, url: `/${data.locale}/legal/privacy` })] }) }) }));
+                }, children: [jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { label: data.homepage, url: "/", labelIcon: jsxRuntime.jsx(icons.D8Icon, {}) }), jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsxRuntime.jsx(icons.ReceiptTextIcon, {}), label: data.terms, url: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsxRuntime.jsx(icons.ShieldUserIcon, {}), label: data.privacy, url: `/${data.locale}/legal/privacy` })] }) }) }));
 }
 
 exports.ClerkOrganizationClient = ClerkOrganizationClient;

package/dist/clerk/clerk-organization-client.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { OrganizationSwitcher } from '@clerk/nextjs';
-import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { D8Icon, ReceiptTextIcon, ShieldUserIcon } from '@windrun-huaiin/base-ui/icons';
 
 function ClerkOrganizationClient({ data }) {
     return (jsx("div", { className: ` ms-3 me-2 flex items-center h-10 rounded-full border shadow-lg ${data.className}`, children: jsx("div", { className: "flex items-center gap-x-4 w-full min-w-40", children: jsxs(OrganizationSwitcher, { appearance: {
@@ -10,7 +10,7 @@ function ClerkOrganizationClient({ data }) {
                         organizationSwitcherTriggerIcon: "",
                         userButtonAvatarBox: "w-8 h-8 border rounded-full",
                     },
-                }, children: [jsx(OrganizationSwitcher.OrganizationProfilePage, { label: data.homepage, url: "/", labelIcon: jsx(globalLucideIcons.D8, {}) }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(globalLucideIcons.ReceiptText, {}), label: data.terms, url: `/${data.locale}/legal/terms` }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(globalLucideIcons.ShieldUser, {}), label: data.privacy, url: `/${data.locale}/legal/privacy` })] }) }) }));
+                }, children: [jsx(OrganizationSwitcher.OrganizationProfilePage, { label: data.homepage, url: "/", labelIcon: jsx(D8Icon, {}) }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(ReceiptTextIcon, {}), label: data.terms, url: `/${data.locale}/legal/terms` }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(ShieldUserIcon, {}), label: data.privacy, url: `/${data.locale}/legal/privacy` })] }) }) }));
 }
 
 export { ClerkOrganizationClient };

package/dist/clerk/clerk-page-generator.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  * MIT License
- * Copyright (c) 2025 D8ger
+ * Copyright (c) 2026 D8ger
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/dist/clerk/clerk-user-client.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var nextjs = require('@clerk/nextjs');
-var server = require('@windrun-huaiin/base-ui/components/server');
+var icons = require('@windrun-huaiin/base-ui/icons');
 var lib = require('@windrun-huaiin/base-ui/lib');
 var signupButtonWithFingerprintClient = require('./signup-button-with-fingerprint-client.js');
 
@@ -15,7 +15,7 @@ function ClerkUserClient({ data }) {
                             elements: {
                                 userButtonAvatarBox: "w-8 h-8 border",
                             }
-                        }, children: jsxRuntime.jsxs(nextjs.UserButton.MenuItems, { children: [jsxRuntime.jsx(nextjs.UserButton.Action, { label: "manageAccount" }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsxRuntime.jsx(nextjs.UserButton.Action, { label: "signOut" })] }) }))] })] }));
+                        }, children: jsxRuntime.jsxs(nextjs.UserButton.MenuItems, { children: [jsxRuntime.jsx(nextjs.UserButton.Action, { label: "manageAccount" }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(icons.ReceiptTextIcon, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(icons.ShieldUserIcon, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsxRuntime.jsx(nextjs.UserButton.Action, { label: "signOut" })] }) }))] })] }));
 }
 
 exports.ClerkUserClient = ClerkUserClient;

package/dist/clerk/clerk-user-client.mjs

@@ -2,7 +2,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useAuth, ClerkLoading, ClerkLoaded, SignInButton, UserButton } from '@clerk/nextjs';
-import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { ReceiptTextIcon, ShieldUserIcon } from '@windrun-huaiin/base-ui/icons';
 import { themeButtonGradientClass } from '@windrun-huaiin/base-ui/lib';
 import { SignUpButtonWithFingerprint } from './signup-button-with-fingerprint-client.mjs';
 
@@ -13,7 +13,7 @@ function ClerkUserClient({ data }) {
                             elements: {
                                 userButtonAvatarBox: "w-8 h-8 border",
                             }
-                        }, children: jsxs(UserButton.MenuItems, { children: [jsx(UserButton.Action, { label: "manageAccount" }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsx(UserButton.Action, { label: "signOut" })] }) }))] })] }));
+                        }, children: jsxs(UserButton.MenuItems, { children: [jsx(UserButton.Action, { label: "manageAccount" }), jsx(UserButton.Link, { labelIcon: jsx(ReceiptTextIcon, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsx(UserButton.Link, { labelIcon: jsx(ShieldUserIcon, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsx(UserButton.Action, { label: "signOut" })] }) }))] })] }));
 }
 
 export { ClerkUserClient };

package/dist/clerk/fingerprint/fingerprint-provider.js

@@ -3,7 +3,7 @@
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var server = require('@windrun-huaiin/base-ui/components/server');
+var icons = require('@windrun-huaiin/base-ui/icons');
 var lib = require('@windrun-huaiin/base-ui/lib');
 var utils = require('@windrun-huaiin/lib/utils');
 var React = require('react');
@@ -93,7 +93,7 @@ function FingerprintStatus() {
             {
                 key: 'paid',
                 label: 'Paid',
-                icon: jsxRuntime.jsx(server.globalLucideIcons.Settings2, { className: "size-4 text-green-500 dark:text-green-300" }),
+                icon: jsxRuntime.jsx(icons.Settings2Icon, { className: "size-4 text-green-500 dark:text-green-300" }),
                 balance: xCredit.balancePaid,
                 total: xCredit.totalPaidLimit,
                 start: xCredit.paidStart,
@@ -102,7 +102,7 @@ function FingerprintStatus() {
             {
                 key: 'oneTimePaid',
                 label: 'OneTimePaid',
-                icon: jsxRuntime.jsx(server.globalLucideIcons.Coins, { className: "size-4 text-amber-500 dark:text-amber-300" }),
+                icon: jsxRuntime.jsx(icons.CoinsIcon, { className: "size-4 text-amber-500 dark:text-amber-300" }),
                 balance: xCredit.balanceOneTimePaid,
                 total: xCredit.totalOneTimePaidLimit,
                 start: xCredit.oneTimePaidStart,
@@ -111,7 +111,7 @@ function FingerprintStatus() {
             {
                 key: 'free',
                 label: 'Free',
-                icon: jsxRuntime.jsx(server.globalLucideIcons.Gift, { className: "size-4 text-purple-500 dark:text-purple-300" }),
+                icon: jsxRuntime.jsx(icons.GiftIcon, { className: "size-4 text-purple-500 dark:text-purple-300" }),
                 balance: xCredit.balanceFree,
                 total: xCredit.totalFreeLimit,
                 start: xCredit.freeStart,
@@ -247,11 +247,11 @@ function FingerprintStatus() {
         setActiveDebugFingerprintId(nextFingerprintId);
         setTestResult(`Generated test fingerprint override: ${nextFingerprintId}`);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isOpen && (jsxRuntime.jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: utils.cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsxRuntime.jsx(server.globalLucideIcons.Lightbulb, { className: "size-6 text-white" }) })), isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxRuntime.jsxs("div", { ref: modalRef, className: utils.cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsxRuntime.jsx("header", { className: "mb-4", children: jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: utils.cn("flex items-center gap-2 text-base font-bold tracking-wider", lib.themeIconColor), children: [jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: utils.cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isOpen && (jsxRuntime.jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: utils.cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsxRuntime.jsx(icons.LightbulbIcon, { className: "size-6 text-white" }) })), isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxRuntime.jsxs("div", { ref: modalRef, className: utils.cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsxRuntime.jsx("header", { className: "mb-4", children: jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: utils.cn("flex items-center gap-2 text-base font-bold tracking-wider", lib.themeIconColor), children: [jsxRuntime.jsx(icons.ShieldUserIcon, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: utils.cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
                                                         ? utils.cn('border-transparent text-white', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass)
                                                         : themedGhostButtonClass), "aria-pressed": panelMode === 'test', children: [jsxRuntime.jsx("span", { children: "Concurrent Test" }), jsxRuntime.jsx("span", { className: utils.cn('relative inline-flex h-5 w-9 items-center rounded-full transition-colors', panelMode === 'test'
                                                                 ? 'bg-white/25'
-                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsxRuntime.jsx("span", { className: utils.cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Close fingerprint panel", className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "size-4" }) })] })] }) }), jsxRuntime.jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(server.globalLucideIcons.Fingerprint, { className: "size-4" }), title: "User", rightInfo: jsxRuntime.jsx(StatusTag, { value: userStatus }), items: [
+                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsxRuntime.jsx("span", { className: utils.cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Close fingerprint panel", className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] })] }) }), jsxRuntime.jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(icons.FingerprintIcon, { className: "size-4" }), title: "User", rightInfo: jsxRuntime.jsx(StatusTag, { value: userStatus }), items: [
                                                     { label: 'UserID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || '' }) },
                                                     { label: 'NickName', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userName) || '' }) },
                                                     { label: 'FingerprintID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.fingerprintId) || fingerprintId || '' }) },
@@ -259,17 +259,17 @@ function FingerprintStatus() {
                                                     { label: 'Email', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.email) || '' }) },
                                                     { label: 'StripeCusID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.stripeCusId) || '' }) },
                                                     { label: 'CreatedAt', value: (xUser === null || xUser === void 0 ? void 0 : xUser.createdAt) || '--' },
-                                                ] }), jsxRuntime.jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsxRuntime.jsx(PanelHeader, { icon: jsxRuntime.jsx(server.globalLucideIcons.Gem, { className: "size-4" }), title: "Credits Info", rightInfo: jsxRuntime.jsx("span", { className: utils.cn("font-semibold", lib.themeIconColor), children: totalCredits }) }), jsxRuntime.jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
+                                                ] }), jsxRuntime.jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsxRuntime.jsx(PanelHeader, { icon: jsxRuntime.jsx(icons.GemIcon, { className: "size-4" }), title: "Credits Info", rightInfo: jsxRuntime.jsx("span", { className: utils.cn("font-semibold", lib.themeIconColor), children: totalCredits }) }), jsxRuntime.jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
                                                             const percent = Math.round(computeProgress(bucket.balance, bucket.total) * 100);
                                                             return (jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/70 bg-white/70 p-3 dark:border-white/10 dark:bg-slate-900/40", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs font-medium text-slate-600 dark:text-slate-300", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [bucket.icon, jsxRuntime.jsx("span", { children: bucket.label })] }), jsxRuntime.jsxs("span", { className: "font-semibold text-slate-700 dark:text-slate-100", children: [formatNumber(bucket.balance), " / ", formatNumber(bucket.total)] })] }), jsxRuntime.jsx("div", { className: "mt-2 h-1.5 w-full rounded-full bg-slate-200 dark:bg-slate-800", children: jsxRuntime.jsx("div", { className: "h-full rounded-full bg-linear-to-r from-purple-500 via-pink-500 to-rose-400 transition-[width]", style: { width: `${percent}%` } }) }), jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-500 dark:text-slate-400", children: [jsxRuntime.jsx("span", { children: formatRangeText(bucket.start, bucket.end) }), jsxRuntime.jsxs("span", { children: [percent, "%"] })] })] }, bucket.key));
-                                                        })) : (jsxRuntime.jsx(EmptyPlaceholder, { label: "No Credits Yet", icon: jsxRuntime.jsx(server.globalLucideIcons.DatabaseZap, { className: "size-4" }) })) })] }), jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(server.globalLucideIcons.Bell, { className: "size-4" }), title: "Subscription", rightInfo: jsxRuntime.jsx(StatusTag, { value: subStatus }), items: [
+                                                        })) : (jsxRuntime.jsx(EmptyPlaceholder, { label: "No Credits Yet", icon: jsxRuntime.jsx(icons.DatabaseZapIcon, { className: "size-4" }) })) })] }), jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(icons.BellIcon, { className: "size-4" }), title: "Subscription", rightInfo: jsxRuntime.jsx(StatusTag, { value: subStatus }), items: [
                                                     { label: 'Plan', value: subscriptionStatus.priceName },
                                                     { label: 'Period', value: subscriptionStatus.period },
                                                     { label: 'Allocated', value: subscriptionStatus.creditsAllocated },
                                                     { label: 'SubID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.paySubscriptionId) || '' }) },
                                                     { label: 'OrderID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.orderId) || '' }) },
                                                     { label: 'PriceID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.priceId) || '' }) },
-                                                ] })] })) : (jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsxRuntime.jsx(PanelHeader, { icon: jsxRuntime.jsx(server.globalLucideIcons.DatabaseZap, { className: "size-4" }), title: "Concurrent Base Info", rightInfo: jsxRuntime.jsx(StatusTag, { value: isRunningTest ? 'pending' : 'idle' }) }), jsxRuntime.jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Real Browser" }), jsxRuntime.jsx(ui.CopyableText, { text: fingerprintId || '' })] }), jsxRuntime.jsxs("div", { className: "space-y-1", children: [jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Test Override" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsxRuntime.jsx(ui.CopyableText, { text: activeDebugFingerprintId || '' }) }), jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": "Generate new test fingerprint", className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsxRuntime.jsx(server.globalLucideIcons.RefreshCcw, { className: "size-4" }) })] })] })] }), jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: utils.cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: "Frontend Prevention Test" }), jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: utils.cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass), children: "Backend Idempotency Test" })] }), jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsxRuntime.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || 'No test executed yet.' }) })] })), error && (jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntime.jsx(server.globalLucideIcons.X, { className: "mt-0.5 size-4 shrink-0" }), jsxRuntime.jsx("span", { children: error })] }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "size-4" }) })] }))] })] })] }))] }));
+                                                ] })] })) : (jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsxRuntime.jsx(PanelHeader, { icon: jsxRuntime.jsx(icons.DatabaseZapIcon, { className: "size-4" }), title: "Concurrent Base Info", rightInfo: jsxRuntime.jsx(StatusTag, { value: isRunningTest ? 'pending' : 'idle' }) }), jsxRuntime.jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Real Browser" }), jsxRuntime.jsx(ui.CopyableText, { text: fingerprintId || '' })] }), jsxRuntime.jsxs("div", { className: "space-y-1", children: [jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Test Override" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsxRuntime.jsx(ui.CopyableText, { text: activeDebugFingerprintId || '' }) }), jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": "Generate new test fingerprint", className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsxRuntime.jsx(icons.RefreshCcwIcon, { className: "size-4" }) })] })] })] }), jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: utils.cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: "Frontend Prevention Test" }), jsxRuntime.jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: utils.cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass), children: "Backend Idempotency Test" })] }), jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsxRuntime.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || 'No test executed yet.' }) })] })), error && (jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntime.jsx(icons.XIcon, { className: "mt-0.5 size-4 shrink-0" }), jsxRuntime.jsx("span", { children: error })] }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }))] })] })] }))] }));
 }
 /* ==================== 新增辅助组件 ==================== */
 // 标题行：左侧图标+标题，右侧信息（右对齐）

package/dist/clerk/fingerprint/fingerprint-provider.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { __awaiter } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { Settings2Icon, CoinsIcon, GiftIcon, LightbulbIcon, ShieldUserIcon, XIcon, FingerprintIcon, GemIcon, DatabaseZapIcon, BellIcon, RefreshCcwIcon } from '@windrun-huaiin/base-ui/icons';
 import { themeIconColor, themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { createContext, useContext, useState, useRef, useEffect, useMemo } from 'react';
@@ -91,7 +91,7 @@ function FingerprintStatus() {
             {
                 key: 'paid',
                 label: 'Paid',
-                icon: jsx(globalLucideIcons.Settings2, { className: "size-4 text-green-500 dark:text-green-300" }),
+                icon: jsx(Settings2Icon, { className: "size-4 text-green-500 dark:text-green-300" }),
                 balance: xCredit.balancePaid,
                 total: xCredit.totalPaidLimit,
                 start: xCredit.paidStart,
@@ -100,7 +100,7 @@ function FingerprintStatus() {
             {
                 key: 'oneTimePaid',
                 label: 'OneTimePaid',
-                icon: jsx(globalLucideIcons.Coins, { className: "size-4 text-amber-500 dark:text-amber-300" }),
+                icon: jsx(CoinsIcon, { className: "size-4 text-amber-500 dark:text-amber-300" }),
                 balance: xCredit.balanceOneTimePaid,
                 total: xCredit.totalOneTimePaidLimit,
                 start: xCredit.oneTimePaidStart,
@@ -109,7 +109,7 @@ function FingerprintStatus() {
             {
                 key: 'free',
                 label: 'Free',
-                icon: jsx(globalLucideIcons.Gift, { className: "size-4 text-purple-500 dark:text-purple-300" }),
+                icon: jsx(GiftIcon, { className: "size-4 text-purple-500 dark:text-purple-300" }),
                 balance: xCredit.balanceFree,
                 total: xCredit.totalFreeLimit,
                 start: xCredit.freeStart,
@@ -245,11 +245,11 @@ function FingerprintStatus() {
         setActiveDebugFingerprintId(nextFingerprintId);
         setTestResult(`Generated test fingerprint override: ${nextFingerprintId}`);
     };
-    return (jsxs(Fragment, { children: [!isOpen && (jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', themeButtonGradientClass, themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsx(globalLucideIcons.Lightbulb, { className: "size-6 text-white" }) })), isOpen && (jsxs(Fragment, { children: [jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxs("div", { ref: modalRef, className: cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsx("header", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: cn("flex items-center gap-2 text-base font-bold tracking-wider", themeIconColor), children: [jsx(globalLucideIcons.ShieldUser, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
+    return (jsxs(Fragment, { children: [!isOpen && (jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', themeButtonGradientClass, themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsx(LightbulbIcon, { className: "size-6 text-white" }) })), isOpen && (jsxs(Fragment, { children: [jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxs("div", { ref: modalRef, className: cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsx("header", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: cn("flex items-center gap-2 text-base font-bold tracking-wider", themeIconColor), children: [jsx(ShieldUserIcon, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
                                                         ? cn('border-transparent text-white', themeButtonGradientClass, themeButtonGradientHoverClass)
                                                         : themedGhostButtonClass), "aria-pressed": panelMode === 'test', children: [jsx("span", { children: "Concurrent Test" }), jsx("span", { className: cn('relative inline-flex h-5 w-9 items-center rounded-full transition-colors', panelMode === 'test'
                                                                 ? 'bg-white/25'
-                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsx("span", { className: cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsx("button", { type: "button", "aria-label": "Close fingerprint panel", className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsx(globalLucideIcons.X, { className: "size-4" }) })] })] }) }), jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxs(Fragment, { children: [jsx(PanelSection, { icon: jsx(globalLucideIcons.Fingerprint, { className: "size-4" }), title: "User", rightInfo: jsx(StatusTag, { value: userStatus }), items: [
+                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsx("span", { className: cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsx("button", { type: "button", "aria-label": "Close fingerprint panel", className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsx(XIcon, { className: "size-4" }) })] })] }) }), jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxs(Fragment, { children: [jsx(PanelSection, { icon: jsx(FingerprintIcon, { className: "size-4" }), title: "User", rightInfo: jsx(StatusTag, { value: userStatus }), items: [
                                                     { label: 'UserID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || '' }) },
                                                     { label: 'NickName', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userName) || '' }) },
                                                     { label: 'FingerprintID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.fingerprintId) || fingerprintId || '' }) },
@@ -257,17 +257,17 @@ function FingerprintStatus() {
                                                     { label: 'Email', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.email) || '' }) },
                                                     { label: 'StripeCusID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.stripeCusId) || '' }) },
                                                     { label: 'CreatedAt', value: (xUser === null || xUser === void 0 ? void 0 : xUser.createdAt) || '--' },
-                                                ] }), jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsx(PanelHeader, { icon: jsx(globalLucideIcons.Gem, { className: "size-4" }), title: "Credits Info", rightInfo: jsx("span", { className: cn("font-semibold", themeIconColor), children: totalCredits }) }), jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
+                                                ] }), jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsx(PanelHeader, { icon: jsx(GemIcon, { className: "size-4" }), title: "Credits Info", rightInfo: jsx("span", { className: cn("font-semibold", themeIconColor), children: totalCredits }) }), jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
                                                             const percent = Math.round(computeProgress(bucket.balance, bucket.total) * 100);
                                                             return (jsxs("div", { className: "rounded-lg border border-slate-200/70 bg-white/70 p-3 dark:border-white/10 dark:bg-slate-900/40", children: [jsxs("div", { className: "flex items-center justify-between text-xs font-medium text-slate-600 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center gap-1.5", children: [bucket.icon, jsx("span", { children: bucket.label })] }), jsxs("span", { className: "font-semibold text-slate-700 dark:text-slate-100", children: [formatNumber(bucket.balance), " / ", formatNumber(bucket.total)] })] }), jsx("div", { className: "mt-2 h-1.5 w-full rounded-full bg-slate-200 dark:bg-slate-800", children: jsx("div", { className: "h-full rounded-full bg-linear-to-r from-purple-500 via-pink-500 to-rose-400 transition-[width]", style: { width: `${percent}%` } }) }), jsxs("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-500 dark:text-slate-400", children: [jsx("span", { children: formatRangeText(bucket.start, bucket.end) }), jsxs("span", { children: [percent, "%"] })] })] }, bucket.key));
-                                                        })) : (jsx(EmptyPlaceholder, { label: "No Credits Yet", icon: jsx(globalLucideIcons.DatabaseZap, { className: "size-4" }) })) })] }), jsx(PanelSection, { icon: jsx(globalLucideIcons.Bell, { className: "size-4" }), title: "Subscription", rightInfo: jsx(StatusTag, { value: subStatus }), items: [
+                                                        })) : (jsx(EmptyPlaceholder, { label: "No Credits Yet", icon: jsx(DatabaseZapIcon, { className: "size-4" }) })) })] }), jsx(PanelSection, { icon: jsx(BellIcon, { className: "size-4" }), title: "Subscription", rightInfo: jsx(StatusTag, { value: subStatus }), items: [
                                                     { label: 'Plan', value: subscriptionStatus.priceName },
                                                     { label: 'Period', value: subscriptionStatus.period },
                                                     { label: 'Allocated', value: subscriptionStatus.creditsAllocated },
                                                     { label: 'SubID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.paySubscriptionId) || '' }) },
                                                     { label: 'OrderID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.orderId) || '' }) },
                                                     { label: 'PriceID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.priceId) || '' }) },
-                                                ] })] })) : (jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsx(PanelHeader, { icon: jsx(globalLucideIcons.DatabaseZap, { className: "size-4" }), title: "Concurrent Base Info", rightInfo: jsx(StatusTag, { value: isRunningTest ? 'pending' : 'idle' }) }), jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Real Browser" }), jsx(CopyableText, { text: fingerprintId || '' })] }), jsxs("div", { className: "space-y-1", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Test Override" }), jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsx(CopyableText, { text: activeDebugFingerprintId || '' }) }), jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": "Generate new test fingerprint", className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsx(globalLucideIcons.RefreshCcw, { className: "size-4" }) })] })] })] }), jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: "Frontend Prevention Test" }), jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', themeButtonGradientClass, themeButtonGradientHoverClass), children: "Backend Idempotency Test" })] }), jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || 'No test executed yet.' }) })] })), error && (jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx(globalLucideIcons.X, { className: "mt-0.5 size-4 shrink-0" }), jsx("span", { children: error })] }), jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsx(globalLucideIcons.X, { className: "size-4" }) })] }))] })] })] }))] }));
+                                                ] })] })) : (jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsx(PanelHeader, { icon: jsx(DatabaseZapIcon, { className: "size-4" }), title: "Concurrent Base Info", rightInfo: jsx(StatusTag, { value: isRunningTest ? 'pending' : 'idle' }) }), jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Real Browser" }), jsx(CopyableText, { text: fingerprintId || '' })] }), jsxs("div", { className: "space-y-1", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Test Override" }), jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsx(CopyableText, { text: activeDebugFingerprintId || '' }) }), jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": "Generate new test fingerprint", className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsx(RefreshCcwIcon, { className: "size-4" }) })] })] })] }), jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: "Frontend Prevention Test" }), jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', themeButtonGradientClass, themeButtonGradientHoverClass), children: "Backend Idempotency Test" })] }), jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || 'No test executed yet.' }) })] })), error && (jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx(XIcon, { className: "mt-0.5 size-4 shrink-0" }), jsx("span", { children: error })] }), jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsx(XIcon, { className: "size-4" }) })] }))] })] })] }))] }));
 }
 /* ==================== 新增辅助组件 ==================== */
 // 标题行：左侧图标+标题，右侧信息（右对齐）

package/dist/fuma/base/custom-header.js

@@ -5,8 +5,8 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
+var icons = require('@windrun-huaiin/base-ui/icons');
 var Link = require('fumadocs-core/link');
-var server = require('@windrun-huaiin/base-ui/components/server');
 var shared = require('fumadocs-ui/layouts/shared');
 var cn = require('fumadocs-ui/utils/cn');
 var searchToggle = require('fumadocs-ui/components/layout/search-toggle');
@@ -59,7 +59,7 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         theme: themeSwitch.enabled !== false
             ? (_c = themeSwitch.component) !== null && _c !== void 0 ? _c : jsxRuntime.jsx(themeToggle.ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })
             : null,
-        i18n: i18n ? (jsxRuntime.jsx(CompactLanguageToggle, { children: jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }) })) : null,
+        i18n: i18n ? (jsxRuntime.jsx(CompactLanguageToggle, { children: jsxRuntime.jsx(icons.LanguagesIcon, { className: "size-5" }) })) : null,
         secondary: desktopSecondaryDisplayItems.length ? (jsxRuntime.jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryDisplayItems.map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: cn.cn(item.type === 'icon' && [
                     '-mx-1',
                     i === 0 && 'ms-0',
@@ -78,7 +78,7 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         secondary: secondaryMenuDisplayItems.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: secondaryMenuDisplayItems.map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))) })) : null,
         github: githubMobileMenuItem ? (jsxRuntime.jsx(MenuLinkItem, { item: githubMobileMenuItem, className: "-me-1.5" })) : null,
         separator: jsxRuntime.jsx("div", { role: "separator", className: "flex-1" }),
-        i18n: i18n ? (jsxRuntime.jsxs(CompactLanguageToggle, { children: [jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }), jsxRuntime.jsx(languageToggle.LanguageToggleText, {}), jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })) : null,
+        i18n: i18n ? (jsxRuntime.jsxs(CompactLanguageToggle, { children: [jsxRuntime.jsx(icons.LanguagesIcon, { className: "size-5" }), jsxRuntime.jsx(languageToggle.LanguageToggleText, {}), jsxRuntime.jsx(icons.ChevronDownIcon, { className: "size-3 text-fd-muted-foreground" })] })) : null,
         theme: themeSwitch.enabled !== false
             ? (_d = themeSwitch.component) !== null && _d !== void 0 ? _d : jsxRuntime.jsx(themeToggle.ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })
             : null,
@@ -93,7 +93,7 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
                     size: 'icon',
                     color: 'ghost',
                     className: 'group [&_svg]:size-5.5',
-                })), enableHover: nav.enableHoverToOpen, children: jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "transition-transform duration-300 group-data-[state=open]:rotate-180" }) }), jsxRuntime.jsxs(MenuContent, { className: "sm:flex-row sm:items-center sm:justify-end", children: [primaryMenuItems.map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "sm:hidden" }, i))), shouldRenderMobileUtilities ? (jsxRuntime.jsx("div", { className: "-ms-1.5 flex flex-row items-center gap-1.5 max-sm:mt-2", children: mobileMenuActionsOrder.map((action) => {
+                })), enableHover: nav.enableHoverToOpen, children: jsxRuntime.jsx(icons.ChevronDownIcon, { className: "transition-transform duration-300 group-data-[state=open]:rotate-180" }) }), jsxRuntime.jsxs(MenuContent, { className: "sm:flex-row sm:items-center sm:justify-end", children: [primaryMenuItems.map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "sm:hidden" }, i))), shouldRenderMobileUtilities ? (jsxRuntime.jsx("div", { className: "-ms-1.5 flex flex-row items-center gap-1.5 max-sm:mt-2", children: mobileMenuActionsOrder.map((action) => {
                             const node = renderMobileMenuAction(action);
                             if (!node)
                                 return null;