@lastbrain/module-ai 2.0.26 → 2.0.30

package/dist/web/auth/AISettingsPage.js

@@ -0,0 +1,258 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardBody, CardHeader, Button, Select, SelectItem, Input, Switch, Spinner, addToast, Checkbox, CheckboxGroup, Chip, } from "@lastbrain/ui";
+import { Save } from "lucide-react";
+import { useAuth, useModuleTranslation } from "@lastbrain/core";
+export function AISettingsPage() {
+    const t = useModuleTranslation("ai");
+    const { user } = useAuth();
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [providers, setProviders] = useState([]);
+    const [textModels, setTextModels] = useState([]);
+    const [imageModels, setImageModels] = useState([]);
+    const [settings, setSettings] = useState({
+        mode: "auto",
+        default_text_provider: null,
+        default_text_model: null,
+        default_image_provider: null,
+        default_image_model: null,
+        max_tokens_per_call: null,
+    });
+    // Gateway models management
+    const [gatewayProviders, setGatewayProviders] = useState([]);
+    const [modelSettings, setModelSettings] = useState({
+        enabled_models: [],
+        enabled_providers: null,
+    });
+    const [loadingGateway, setLoadingGateway] = useState(false);
+    const [searchQuery, setSearchQuery] = useState("");
+    const [hasSettings, setHasSettings] = useState(false); // Track if user has settings
+    const [tokenPacks, setTokenPacks] = useState([]);
+    useEffect(() => {
+        fetchData();
+        fetchGatewayModels();
+    }, []);
+    const fetchGatewayModels = async () => {
+        try {
+            setLoadingGateway(true);
+            const [modelsRes, settingsRes, packsRes] = await Promise.all([
+                fetch("/api/ai/public/gateway-models"),
+                fetch("/api/ai/auth/ai-model-settings"),
+                fetch("/api/ai/auth/token-packs"),
+            ]);
+            if (modelsRes.ok) {
+                const data = await modelsRes.json();
+                setGatewayProviders(data.providers || []);
+            }
+            if (settingsRes.ok) {
+                const data = await settingsRes.json();
+                console.log("[AISettings] Fetched enabled_models:", data.enabled_models);
+                const hasUserSettings = data.enabled_models && data.enabled_models.length > 0;
+                setHasSettings(hasUserSettings);
+                setModelSettings({
+                    enabled_models: data.enabled_models || [],
+                    enabled_providers: data.enabled_providers || null,
+                });
+            }
+            if (packsRes.ok) {
+                const data = await packsRes.json();
+                setTokenPacks(data.data || []);
+            }
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+        finally {
+            setLoadingGateway(false);
+        }
+    };
+    const fetchData = async () => {
+        try {
+            setLoading(true);
+            // Fetch providers and models
+            const [providersRes, modelsRes, settingsRes] = await Promise.all([
+                fetch("/api/ai/admin/ai-providers"),
+                fetch("/api/ai/admin/ai-provider-models"),
+                fetch("/api/ai/auth/ai-settings"),
+            ]);
+            if (providersRes.ok) {
+                const data = await providersRes.json();
+                setProviders(data.data.filter((p) => p.is_active));
+            }
+            if (modelsRes.ok) {
+                const data = await modelsRes.json();
+                const activeModels = data.data.filter((m) => m.is_active);
+                setTextModels(activeModels.filter((m) => m.kind === "text"));
+                setImageModels(activeModels.filter((m) => m.kind === "image"));
+            }
+            if (settingsRes.ok) {
+                const data = await settingsRes.json();
+                if (data.data) {
+                    setSettings(data.data);
+                }
+            }
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleSave = async () => {
+        try {
+            setSaving(true);
+            // Save old settings
+            const response = await fetch("/api/ai/auth/ai-settings", {
+                method: "PUT",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(settings),
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || "Failed to save settings");
+            }
+            // Save model settings
+            const modelRes = await fetch("/api/ai/auth/ai-model-settings", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(modelSettings),
+            });
+            if (!modelRes.ok) {
+                const error = await modelRes.json();
+                throw new Error(error.error || "Failed to save model settings");
+            }
+            addToast({ color: "success", title: "Settings saved successfully" });
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleModelsChange = (modelIds) => {
+        setModelSettings((prev) => ({
+            ...prev,
+            enabled_models: modelIds,
+        }));
+        setHasSettings(true); // Mark as having settings once user interacts
+    };
+    const handleProviderToggle = (provider, enabled) => {
+        const providerModelIds = provider.models.map((m) => m.id);
+        setModelSettings((prev) => {
+            let newEnabledModels;
+            if (enabled) {
+                // Add all provider models
+                newEnabledModels = Array.from(new Set([...prev.enabled_models, ...providerModelIds]));
+            }
+            else {
+                // Remove all provider models
+                newEnabledModels = prev.enabled_models.filter((id) => !providerModelIds.includes(id));
+            }
+            return {
+                ...prev,
+                enabled_models: newEnabledModels,
+            };
+        });
+        setHasSettings(true);
+    };
+    // Calculate internal token price based on token packs
+    const calculateTokenPrice = () => {
+        if (tokenPacks.length === 0)
+            return null;
+        // Use the best value pack (lowest price per token)
+        const pricesPerToken = tokenPacks.map((pack) => pack.price_cents / pack.tokens / 100);
+        return Math.min(...pricesPerToken);
+    };
+    // Calculate price ratio and display pricing
+    const calculatePricing = (model) => {
+        const tokenPrice = calculateTokenPrice();
+        if (!tokenPrice || !model.pricing)
+            return null;
+        // Convert pricing from per 1M tokens to per token
+        const providerInputCost = parseFloat(model.pricing.input?.toString() || "0") / 1000000;
+        const providerOutputCost = parseFloat(model.pricing.output?.toString() || "0") / 1000000;
+        const avgCost = (providerInputCost + providerOutputCost) / 2 ||
+            providerInputCost ||
+            providerOutputCost;
+        const ratio = avgCost > 0 ? tokenPrice / avgCost : 0;
+        return {
+            ratio: ratio.toFixed(2),
+            internalInput: providerInputCost > 0
+                ? (providerInputCost / tokenPrice).toFixed(2)
+                : "0",
+            internalOutput: providerOutputCost > 0
+                ? (providerOutputCost / tokenPrice).toFixed(2)
+                : "0",
+        };
+    };
+    // Filter models based on search
+    const filterModels = (models) => {
+        if (!searchQuery)
+            return models;
+        const query = searchQuery.toLowerCase();
+        return models.filter((m) => m.name.toLowerCase().includes(query) ||
+            m.id.toLowerCase().includes(query));
+    };
+    const availableTextModels = settings.default_text_provider
+        ? textModels.filter((m) => m.provider_key === settings.default_text_provider)
+        : [];
+    const availableImageModels = settings.default_image_provider
+        ? imageModels.filter((m) => m.provider_key === settings.default_image_provider)
+        : [];
+    if (loading) {
+        return (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Spinner, {}) }));
+    }
+    return (_jsxs("div", { className: "mx-auto max-w-lg mx-auto py-8 space-y-6 pb-32", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "AI Settings" }), _jsx("p", { className: "text-sm text-default-800", children: "Configure your default AI providers and model preferences" })] }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Mode" }), _jsx(Switch, { isSelected: settings.mode === "manual", onValueChange: (val) => setSettings({
+                                            ...settings,
+                                            mode: val ? "manual" : "auto",
+                                        }), children: "Manual Mode (Choose specific providers)" }), settings.mode === "auto" && (_jsx("p", { className: "text-sm text-default-800 mt-2", children: "Auto mode will automatically select the best available provider" }))] }), settings.mode === "manual" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Text Generation" }), _jsx(Select, { label: "Default Text Provider", selectedKeys: settings.default_text_provider
+                                                    ? [settings.default_text_provider]
+                                                    : [], onSelectionChange: (keys) => {
+                                                    const provider = Array.from(keys)[0];
+                                                    setSettings({
+                                                        ...settings,
+                                                        default_text_provider: provider,
+                                                        default_text_model: null,
+                                                    });
+                                                }, children: providers
+                                                    .filter((p) => p.supports_text)
+                                                    .map((provider) => (_jsx(SelectItem, { children: provider.name }, provider.key))) }), settings.default_text_provider && (_jsx(Select, { label: "Default Text Model", selectedKeys: settings.default_text_model
+                                                    ? [settings.default_text_model]
+                                                    : [], onSelectionChange: (keys) => setSettings({
+                                                    ...settings,
+                                                    default_text_model: Array.from(keys)[0],
+                                                }), children: availableTextModels.map((model) => (_jsx(SelectItem, { children: model.model }, model.model))) }))] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Image Generation" }), _jsx(Select, { label: "Default Image Provider", selectedKeys: settings.default_image_provider
+                                                    ? [settings.default_image_provider]
+                                                    : [], onSelectionChange: (keys) => {
+                                                    const provider = Array.from(keys)[0];
+                                                    setSettings({
+                                                        ...settings,
+                                                        default_image_provider: provider,
+                                                        default_image_model: null,
+                                                    });
+                                                }, children: providers
+                                                    .filter((p) => p.supports_image)
+                                                    .map((provider) => (_jsx(SelectItem, { children: provider.name }, provider.key))) }), settings.default_image_provider && (_jsx(Select, { label: "Default Image Model", selectedKeys: settings.default_image_model
+                                                    ? [settings.default_image_model]
+                                                    : [], onSelectionChange: (keys) => setSettings({
+                                                    ...settings,
+                                                    default_image_model: Array.from(keys)[0],
+                                                }), children: availableImageModels.map((model) => (_jsx(SelectItem, { children: model.model }, model.model))) }))] })] })), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Limits" }), _jsx(Input, { type: "number", label: "Max Tokens Per Call", value: String(settings.max_tokens_per_call || ""), onChange: (e) => setSettings({
+                                            ...settings,
+                                            max_tokens_per_call: e.target.value
+                                                ? parseInt(e.target.value)
+                                                : null,
+                                        }), description: "Maximum tokens allowed per API call (leave empty for no limit)" })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "w-full space-y-3", children: [_jsxs("div", { className: "w-full flex justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-bold", children: "Available Models" }), _jsx("p", { className: "text-sm text-gray-600", children: "Select which models are available for use. Only enabled models can be called via API." })] }), _jsxs(Chip, { color: "success", children: [modelSettings.enabled_models.length || 0, " Enabled"] })] }), _jsx(Input, { type: "text", placeholder: "Search models...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClear: () => setSearchQuery(""), className: "max-w-md", isClearable: true })] }) }), _jsx(CardBody, { className: "space-y-6", children: loadingGateway ? (_jsx("div", { className: "flex justify-center py-4", children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [gatewayProviders.map((provider) => {
+                                    const filteredModels = filterModels(provider.models);
+                                    if (filteredModels.length === 0)
+                                        return null;
+                                    return (_jsxs("div", { className: "space-y-3 border-b border-default-200 pb-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-semibold", children: provider.display_name }), _jsx(Switch, { size: "sm", isSelected: provider.models.every((m) => modelSettings.enabled_models.includes(m.id)), onValueChange: (enabled) => handleProviderToggle(provider, enabled), children: "Enable All" })] }), _jsx(CheckboxGroup, { value: modelSettings.enabled_models, onValueChange: handleModelsChange, classNames: { base: "w-full" }, children: _jsx("div", { className: "flex flex-col pl-4", children: filteredModels.map((model) => (_jsx(Checkbox, { value: model.id, classNames: {
+                                                            base: "inline-flex max-w-full w-full bg-content1 m-0 hover:bg-content2 items-center justify-start cursor-pointer rounded-lg gap-2 p-4 border-2 border-transparent data-[selected=true]:border-primary",
+                                                            label: "w-full",
+                                                        }, children: _jsxs("div", { className: "w-full flex flex-col gap-1", children: [_jsx("span", { className: "font-medium text-sm", children: model.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-default-500", children: model.type }), _jsx("span", { className: "text-xs text-default-400", children: "\u2022" }), _jsx("span", { className: "text-xs text-default-500 truncate", children: model.id })] })] }) }, model.id))) }) })] }, provider.name));
+                                }), gatewayProviders.length === 0 && (_jsx("p", { className: "text-center text-default-800 py-4", children: "No models available from gateway" }))] })) })] }), _jsx("div", { className: "fixed bottom-0 left-0 right-0 bg-background/80 backdrop-blur-md border-t border-divider py-4 z-10", children: _jsx("div", { className: "container mx-auto flex justify-center", children: _jsx(Button, { color: "primary", size: "md", startContent: _jsx(Save, { size: 20 }), onPress: handleSave, isLoading: saving, className: "shadow-lg", children: "Save" }) }) })] }));
+}

package/dist/web/auth/APIKeysPage.d.ts

@@ -0,0 +1,2 @@
+export declare function APIKeysPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=APIKeysPage.d.ts.map

package/dist/web/auth/APIKeysPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKeysPage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/APIKeysPage.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,WAAW,4CA6a1B"}

package/dist/web/auth/APIKeysPage.js

@@ -0,0 +1,154 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardBody, CardHeader, Button, Input, Select, SelectItem, Switch, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Spinner, addToast, Chip, Snippet, } from "@lastbrain/ui";
+import { Plus, Eye, EyeOff, Copy, Key, Trash2, Ban, Check, X, } from "lucide-react";
+import { useAuth, useModuleTranslation } from "@lastbrain/core";
+export function APIKeysPage() {
+    const t = useModuleTranslation("ai");
+    const { user } = useAuth();
+    const [apiKeys, setApiKeys] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [newKey, setNewKey] = useState(null);
+    const [showNewKey, setShowNewKey] = useState(false);
+    const [formData, setFormData] = useState({
+        name: "",
+        env: "dev",
+        scopes: ["text", "image", "status"],
+        rate_limit_rpm: 60,
+        daily_token_limit: "",
+    });
+    useEffect(() => {
+        fetchApiKeys();
+    }, []);
+    const fetchApiKeys = async () => {
+        try {
+            setLoading(true);
+            const response = await fetch("/api/ai/auth/api-keys");
+            if (!response.ok)
+                throw new Error("Error loading API keys");
+            const result = await response.json();
+            setApiKeys(result.data || []);
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleCreate = () => {
+        setNewKey(null);
+        setShowNewKey(false);
+        setFormData({
+            name: "",
+            env: "dev",
+            scopes: ["text", "image", "status"],
+            rate_limit_rpm: 60,
+            daily_token_limit: "",
+        });
+        setIsModalOpen(true);
+    };
+    const handleSave = async () => {
+        try {
+            const response = await fetch("/api/ai/auth/api-keys", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    ...formData,
+                    daily_token_limit: formData.daily_token_limit
+                        ? parseInt(formData.daily_token_limit)
+                        : null,
+                }),
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || "Failed to create API key");
+            }
+            const result = await response.json();
+            setNewKey(result.api_key);
+            setShowNewKey(false);
+            addToast({
+                color: "success",
+                title: "API key created successfully",
+            });
+            fetchApiKeys();
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+    };
+    const handleRevoke = async (id) => {
+        if (!confirm("Are you sure you want to revoke this API key? This action cannot be undone."))
+            return;
+        try {
+            const response = await fetch(`/api/ai/auth/api-keys/${id}`, {
+                method: "DELETE",
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || "Failed to revoke API key");
+            }
+            addToast({ color: "success", title: "API key revoked successfully" });
+            fetchApiKeys();
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm("Are you sure you want to permanently delete this API key? This action cannot be undone."))
+            return;
+        try {
+            const response = await fetch(`/api/ai/auth/api-keys/${id}?permanent=true`, {
+                method: "DELETE",
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || "Failed to delete API key");
+            }
+            addToast({ color: "success", title: "API key deleted successfully" });
+            fetchApiKeys();
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+    };
+    const handleCopy = async (text) => {
+        try {
+            await navigator.clipboard.writeText(text);
+            addToast({ color: "success", title: "Copied to clipboard" });
+        }
+        catch (error) {
+            addToast({ color: "danger", title: "Failed to copy" });
+        }
+    };
+    const handleToggleScope = (scope) => {
+        const newScopes = formData.scopes.includes(scope)
+            ? formData.scopes.filter((s) => s !== scope)
+            : [...formData.scopes, scope];
+        setFormData({ ...formData, scopes: newScopes });
+    };
+    const formatDate = (dateString) => {
+        if (!dateString)
+            return "Never";
+        return new Date(dateString).toLocaleDateString();
+    };
+    return (_jsxs("div", { className: "container mx-auto py-8 space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "API Keys" }), _jsx("p", { className: "text-sm text-gray-600", children: "Manage API keys for external access to AI services" })] }), _jsx(Button, { color: "primary", startContent: _jsx(Plus, { size: 20 }), onPress: handleCreate, children: "Create API Key" })] }), _jsx(CardBody, { children: loading ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Spinner, {}) })) : apiKeys.length === 0 ? (_jsxs("div", { className: "text-center py-8", children: [_jsx(Key, { size: 48, className: "mx-auto text-gray-400 mb-4" }), _jsx("p", { className: "text-gray-600 mb-4", children: "No API keys yet" }), _jsx(Button, { color: "primary", onPress: handleCreate, children: "Create Your First API Key" })] })) : (_jsxs(Table, { "aria-label": "API Keys table", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "NAME" }), _jsx(TableColumn, { children: "PREFIX" }), _jsx(TableColumn, { children: "ENV" }), _jsx(TableColumn, { children: "SCOPES" }), _jsx(TableColumn, { children: "RPM LIMIT" }), _jsx(TableColumn, { children: "LAST USED" }), _jsx(TableColumn, { children: "STATUS" }), _jsx(TableColumn, { align: "end", children: "ACTIONS" })] }), _jsx(TableBody, { children: apiKeys.map((apiKey) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: apiKey.name }), _jsx(TableCell, { children: _jsxs("code", { className: "text-sm", children: [apiKey.prefix, "..."] }) }), _jsx(TableCell, { children: _jsx(Chip, { color: apiKey.env === "prod" ? "primary" : "default", variant: "flat", size: "sm", children: apiKey.env }) }), _jsx(TableCell, { children: _jsx("div", { className: "flex flex-wrap gap-1", children: apiKey.scopes.map((scope) => (_jsx(Chip, { size: "sm", variant: "flat", children: scope }, scope))) }) }), _jsx(TableCell, { children: apiKey.rate_limit_rpm }), _jsx(TableCell, { children: formatDate(apiKey.last_used_at) }), _jsx(TableCell, { children: _jsx(Chip, { color: apiKey.is_active ? "success" : "warning", variant: "flat", size: "sm", startContent: apiKey.is_active ? (_jsx(Check, { size: 16 })) : (_jsx(X, { size: 16 })), children: apiKey.is_active ? "Active" : "Inactive" }) }), _jsx(TableCell, { children: _jsx("div", { className: "flex justify-end gap-2", children: apiKey.is_active ? (_jsx(Button, { size: "sm", variant: "light", color: "danger", isIconOnly: true, onPress: () => handleRevoke(apiKey.id), children: _jsx(Ban, { size: 16 }) })) : (_jsx(Button, { size: "sm", variant: "light", color: "danger", isIconOnly: true, onPress: () => handleDelete(apiKey.id), children: _jsx(Trash2, { size: 16 }) })) }) })] }, apiKey.id))) })] })) })] }), _jsx(Modal, { isOpen: isModalOpen, onClose: () => {
+                    setIsModalOpen(false);
+                    setNewKey(null);
+                }, size: "4xl", backdrop: "blur", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: newKey ? "API Key Created" : "Create API Key" }), _jsx(ModalBody, { children: newKey ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "p-4 bg-yellow-50 border border-yellow-200 rounded-lg", children: [_jsx("p", { className: "text-sm text-yellow-800 font-medium mb-2", children: "\u26A0\uFE0F Important: Copy your API key now" }), _jsx("p", { className: "text-xs text-yellow-700", children: "This is the only time you'll see this key. Store it securely." })] }), _jsx("div", { className: "relative", children: _jsx(Input, { label: "API Key", value: newKey, type: showNewKey ? "text" : "password", readOnly: true, endContent: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "light", isIconOnly: true, onPress: () => setShowNewKey(!showNewKey), children: showNewKey ? (_jsx(EyeOff, { size: 16 })) : (_jsx(Eye, { size: 16 })) }), _jsx(Button, { size: "sm", variant: "light", isIconOnly: true, onPress: () => handleCopy(newKey), children: _jsx(Copy, { size: 16 }) })] }) }) }), _jsxs(Snippet, { hideSymbol: true, className: "w-full p-4 text-xs", children: [_jsx("span", { children: `curl -X POST ${typeof window !== "undefined" ? window.location.origin : ""}/api/public/v1/text-ai \\` }), _jsx("span", { children: `  -H "Authorization: Bearer ${newKey}" \\` }), _jsx("span", { children: `  -H "Content-Type: application/json" \\` }), _jsx("span", { children: `  -d '{"prompt": "Hello world"}'` })] })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { label: "Name", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "My API Key", description: "A friendly name to identify this key" }), _jsxs(Select, { label: "Environment", selectedKeys: [formData.env], onSelectionChange: (keys) => setFormData({
+                                            ...formData,
+                                            env: Array.from(keys)[0],
+                                        }), children: [_jsx(SelectItem, { children: "Development" }, "dev"), _jsx(SelectItem, { children: "Production" }, "prod")] }), _jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium mb-2 block", children: "Scopes" }), _jsx("div", { className: "flex flex-wrap gap-2", children: ["text", "image", "status"].map((scope) => (_jsx(Switch, { size: "sm", isSelected: formData.scopes.includes(scope), onValueChange: () => handleToggleScope(scope), children: scope }, scope))) })] }), _jsx(Input, { type: "number", label: "Rate Limit (RPM)", value: String(formData.rate_limit_rpm), onChange: (e) => setFormData({
+                                            ...formData,
+                                            rate_limit_rpm: parseInt(e.target.value) || 60,
+                                        }), description: "Requests per minute limit" }), _jsx(Input, { type: "number", label: "Daily Token Limit (Optional)", value: formData.daily_token_limit, onChange: (e) => setFormData({
+                                            ...formData,
+                                            daily_token_limit: e.target.value,
+                                        }), description: "Leave empty for no limit" })] })) }), _jsx(ModalFooter, { children: newKey ? (_jsx(Button, { color: "primary", onPress: () => {
+                                    setIsModalOpen(false);
+                                    setNewKey(null);
+                                }, children: "Done" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "light", onPress: () => setIsModalOpen(false), children: "Cancel" }), _jsx(Button, { color: "primary", onPress: handleSave, children: "Create" })] })) })] }) })] }));
+}

package/dist/web/auth/HistoryPage.d.ts

@@ -0,0 +1,2 @@
+export declare function HistoryPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HistoryPage.d.ts.map

package/dist/web/auth/HistoryPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/HistoryPage.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,WAAW,4CAwnB1B"}