@elizaos/ui 2.0.3-beta.2 → 2.0.3-beta.4

package/cloud/admin/RpcStatusPage.js

@@ -13,8 +13,8 @@ import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@eliza
 import { useQuery } from "@tanstack/react-query";
 import { Loader2, RefreshCw } from "lucide-react";
 import { api } from "../lib/api-client.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
-import { useDocumentTitle } from "./use-document-title.js";
 export default function RpcStatusPage() {
     const t = useCloudT();
     useDocumentTitle(t("cloud.admin.rpcStatus.metaTitle", {

package/cloud/admin/index.d.ts

@@ -24,12 +24,12 @@
  * sub-nav. These paths have NO compat redirect in `CloudRouterShell`, so
  * registering them at import time is safe and preserves the deep-link contract.
  */
-import { type CloudRouteDef } from "../shell/cloud-route-registry";
-export { AdminGate } from "./AdminGate";
-export { type AdminGateStatus, isAdminDevBypass, type UseAdminGateResult, useAdminGate, } from "./data/use-admin-gate";
-export { default as ModerationRoute } from "./ModerationRoute";
-export { default as RedemptionsRoute } from "./RedemptionsRoute";
-export { default as RpcStatusRoute } from "./RpcStatusRoute";
+import { type CloudRouteDef } from "../shell/cloud-route-registry.js";
+export { AdminGate } from "./AdminGate.js";
+export { type AdminGateStatus, isAdminDevBypass, type UseAdminGateResult, useAdminGate, } from "./data/use-admin-gate.js";
+export { default as ModerationRoute } from "./ModerationRoute.js";
+export { default as RedemptionsRoute } from "./RedemptionsRoute.js";
+export { default as RpcStatusRoute } from "./RpcStatusRoute.js";
 /** Stable cloud-route paths (no compat redirect; safe to self-register). */
 export declare const ADMIN_MODERATION_ROUTE_PATH = "dashboard/admin";
 export declare const ADMIN_REDEMPTIONS_ROUTE_PATH = "dashboard/admin/redemptions";

package/cloud/analytics/_components/filters.js

@@ -85,7 +85,7 @@ export function AnalyticsFilters() {
     };
     return (_jsxs("div", { className: "flex flex-col gap-5 md:gap-6 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-4 md:gap-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-white/50", children: t("cloud.analytics.filters.aggregation", {
                                     defaultValue: "Aggregation",
-                                }) }), _jsxs(Select, { value: timeRange, onValueChange: (value) => updateFilters({ timeRange: value }), children: [_jsx(SelectTrigger, { className: "w-[160px] rounded-sm border-white/10 bg-black/40 text-white focus:ring-1 focus:ring-[#FF5800]", children: _jsx(SelectValue, { children: rangeLabels[timeRange] }) }), _jsx(SelectContent, { className: "rounded-sm border-white/10 bg-black/90", children: ANALYTICS_TIME_RANGES.map((value) => (_jsx(SelectItem, { value: value, className: "rounded-sm text-white hover:bg-white/10 focus:bg-white/10", children: rangeLabels[value] }, value))) })] })] }), activeRange === "custom" ? (_jsxs("span", { className: "flex items-center gap-1 rounded-sm border border-white/20 bg-white/10 px-3 py-1 text-xs", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5 text-[#FF5800]" }), t("cloud.analytics.filters.customRange", {
+                                }) }), _jsxs(Select, { value: timeRange, onValueChange: (value) => updateFilters({ timeRange: value }), children: [_jsx(SelectTrigger, { className: "w-[160px] rounded-sm border-white/10 bg-black/40 text-white  ", children: _jsx(SelectValue, { children: rangeLabels[timeRange] }) }), _jsx(SelectContent, { className: "rounded-sm border-white/10 bg-black/90", children: ANALYTICS_TIME_RANGES.map((value) => (_jsx(SelectItem, { value: value, className: "rounded-sm text-white hover:bg-white/10 ", children: rangeLabels[value] }, value))) })] })] }), activeRange === "custom" ? (_jsxs("span", { className: "flex items-center gap-1 rounded-sm border border-white/20 bg-white/10 px-3 py-1 text-xs", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5 text-[#FF5800]" }), t("cloud.analytics.filters.customRange", {
                                 defaultValue: "Custom range detected",
                             })] })) : null] }), _jsx("div", { className: "flex flex-wrap gap-3 md:gap-4", children: presets.map((preset) => {
                     const isActive = activeRange === preset.value;

package/cloud/analytics/_components/model-breakdown.js

@@ -28,7 +28,7 @@ export function ModelBreakdown({ models }) {
     const displayedModels = expanded ? models : models.slice(0, displayLimit);
     const hasMore = models.length > displayLimit;
     if (models.length === 0) {
-        return (_jsx(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: _jsxs(CardHeader, { className: "p-6 pb-5", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.modelBreakdown.title", {
+        return (_jsx(Card, { className: "border-border/70 bg-background/85", children: _jsxs(CardHeader, { className: "p-6 pb-5", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.modelBreakdown.title", {
                             defaultValue: "Model breakdown",
                         }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("cloud.analytics.modelBreakdown.noData", {
                             defaultValue: "No model data available for the selected period.",
@@ -36,7 +36,7 @@ export function ModelBreakdown({ models }) {
     }
     const totalCost = models.reduce((sum, m) => sum + m.totalCost, 0);
     const totalRequests = models.reduce((sum, m) => sum + m.totalRequests, 0);
-    return (_jsxs(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.modelBreakdown.title", {
+    return (_jsxs(Card, { className: "border-border/70 bg-background/85", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.modelBreakdown.title", {
                                     defaultValue: "Model breakdown",
                                 }) }), _jsx(Badge, { variant: "outline", className: "rounded-full text-xs", children: t("cloud.analytics.modelBreakdown.count", {
                                     defaultValue: "{{n}} model{{plural}}",

package/cloud/analytics/_components/projections-chart.js

@@ -64,7 +64,7 @@ export function ProjectionsChart({ data }) {
                 return "default";
         }
     };
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: [_jsx(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.projectionsChart.title", {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { className: "border-border/70 bg-background/85", children: [_jsx(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.projectionsChart.title", {
                                         defaultValue: "Usage projections",
                                     }) }), _jsx(Badge, { variant: "outline", className: "rounded-full text-xs", title: t("cloud.projectionsChart.predictiveAnalytics", {
                                         defaultValue: "Predictive analytics",
@@ -112,7 +112,7 @@ export function ProjectionsChart({ data }) {
                                                         defaultValue: "Historical data",
                                                     }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-3 w-3 rounded-full opacity-70", style: { backgroundColor: chartConfig.projected.color } }), _jsx("span", { className: "text-muted-foreground", children: t("cloud.projectionsChart.projectedVariance", {
                                                         defaultValue: "Projected (with variance)",
-                                                    }) })] })] })] }) })] }), alerts.length > 0 && (_jsxs(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: [_jsx(CardHeader, { className: "p-6 pb-5", children: _jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.projectionsChart.projectionAlerts", {
+                                                    }) })] })] })] }) })] }), alerts.length > 0 && (_jsxs(Card, { className: "border-border/70 bg-background/85", children: [_jsx(CardHeader, { className: "p-6 pb-5", children: _jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.projectionsChart.projectionAlerts", {
                                 defaultValue: "Projection alerts",
                             }) }) }), _jsx(CardContent, { className: "border-t border-border/60 p-6", children: _jsx("div", { className: "space-y-3", children: alerts.map((alert, index) => {
                                 const Icon = getAlertIcon(alert.type);

package/cloud/analytics/_components/provider-breakdown.js

@@ -15,14 +15,14 @@ const formatCurrency = (amount) => {
 export function ProviderBreakdown({ providers }) {
     const t = useCloudT();
     if (providers.length === 0) {
-        return (_jsx(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: _jsxs(CardHeader, { className: "p-6 pb-5", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.providerBreakdown.title", {
+        return (_jsx(Card, { className: "border-border/70 bg-background/85", children: _jsxs(CardHeader, { className: "p-6 pb-5", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.providerBreakdown.title", {
                             defaultValue: "Provider breakdown",
                         }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("cloud.analytics.providerBreakdown.noData", {
                             defaultValue: "No provider data available for the selected period.",
                         }) })] }) }));
     }
     const totalCost = providers.reduce((sum, p) => sum + p.totalCost, 0);
-    return (_jsxs(Card, { className: "border-border/70 bg-background/60 shadow-sm", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.providerBreakdown.title", {
+    return (_jsxs(Card, { className: "border-border/70 bg-background/85", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 p-6 pb-5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: t("cloud.analytics.providerBreakdown.title", {
                                     defaultValue: "Provider breakdown",
                                 }) }), _jsx(Badge, { variant: "outline", className: "rounded-full text-xs", children: t("cloud.analytics.providerBreakdown.count", {
                                     defaultValue: "{{n}} provider{{plural}}",

package/cloud/analytics/index.d.ts

@@ -10,8 +10,8 @@
  * (default export) / this module's `registerCloudRoute` side effect.
  */
 export declare const ANALYTICS_ROUTE_PATH = "dashboard/analytics";
-declare const AnalyticsPage: import("react").LazyExoticComponent<typeof import("./Page").default>;
-export { type AnalyticsTimeRange, useAnalyticsBreakdown, useAnalyticsProjections, } from "./lib/analytics-data";
-export { ANALYTICS_TIME_RANGES, DEFAULT_ANALYTICS_TIME_RANGE, projectionPeriodsForRange, resolveTimeRangeParam, } from "./lib/time-range";
+declare const AnalyticsPage: import("react").LazyExoticComponent<typeof import("./Page.js").default>;
+export { type AnalyticsTimeRange, useAnalyticsBreakdown, useAnalyticsProjections, } from "./lib/analytics-data.js";
+export { ANALYTICS_TIME_RANGES, DEFAULT_ANALYTICS_TIME_RANGE, projectionPeriodsForRange, resolveTimeRangeParam, } from "./lib/time-range.js";
 export { AnalyticsPage };
 //# sourceMappingURL=index.d.ts.map

package/cloud/api-explorer/ApiExplorerPage.js

@@ -25,10 +25,10 @@ import { OpenApiViewer } from "../../cloud-ui/components/docs/openapi-viewer.js"
 import { DashboardPageContainer } from "../../cloud-ui/components/layout/dashboard-page.js";
 import { cn } from "../../cloud-ui/lib/utils.js";
 import { api } from "../lib/api-client.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { ApiTester } from "./api-tester.js";
 import { AuthManager } from "./auth-manager.js";
 import { toast } from "./toast.js";
-import { useDocumentTitle } from "./use-document-title.js";
 import { useExplorerApiKey } from "./use-explorer-api-key.js";
 import { useRequireAuth } from "./use-session-auth.js";
 const categoryDescriptions = {
@@ -191,7 +191,7 @@ export function ApiExplorerSurface() {
                 ].map((tab) => (_jsx("button", { type: "button", onClick: () => setActiveTab(tab.value), className: cn("px-3 py-1.5 text-sm font-medium rounded-sm transition-colors whitespace-nowrap", activeTab === tab.value
                         ? "bg-white/10 text-white"
                         : "text-neutral-400 hover:text-white"), children: tab.label }, tab.value))) }), activeTab === "endpoints" &&
-                (selectedEndpoint ? (_jsxs("div", { className: "min-w-0 space-y-3 sm:space-y-6", children: [_jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [_jsxs("button", { type: "button", onClick: () => setSelectedEndpoint(null), className: "flex items-center gap-2 text-sm text-neutral-400 hover:text-white transition-colors", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Back to endpoints"] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [selectedEndpoint.pricing && (_jsxs("div", { className: cn("flex items-center gap-1.5 px-2.5 py-1 rounded-sm text-xs font-medium", getPricingStyle(selectedEndpoint.pricing)), children: [getPricingIcon(selectedEndpoint.pricing), _jsx("span", { children: formatPrice(selectedEndpoint.pricing) }), !selectedEndpoint.pricing.isFree && (_jsxs("span", { className: "opacity-70", children: ["/", selectedEndpoint.pricing.unit] }))] })), _jsx("span", { className: cn("px-2.5 py-1 rounded-sm text-xs font-bold uppercase", getMethodColor(selectedEndpoint.method)), children: selectedEndpoint.method }), _jsx("code", { className: "max-w-full truncate rounded-sm border border-white/10 bg-black/40 px-2.5 py-1 font-mono text-xs text-white sm:max-w-[42rem]", children: selectedEndpoint.path })] })] }), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4 md:p-6 space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [getCategoryIcon(selectedEndpoint.category), _jsx("h3", { className: "text-lg font-semibold text-white", children: selectedEndpoint.name })] }), _jsx("p", { className: "text-sm text-neutral-400", children: selectedEndpoint.description })] }), _jsx(ApiTester, { endpoint: selectedEndpoint, authToken: authToken, isAuthLoading: isLoading })] })] })) : (_jsxs("div", { className: "min-w-0 space-y-3 sm:space-y-6", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5 overflow-x-auto pb-1 sm:flex-wrap sm:gap-2 sm:overflow-visible sm:pb-0", children: [_jsxs("div", { className: "relative min-w-[13rem] flex-1 sm:min-w-0 sm:flex-none", children: [_jsx(Search, { className: "absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 h-3.5 sm:h-4 w-3.5 sm:w-4 text-neutral-500" }), _jsx("input", { type: "text", placeholder: "Search...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "h-7 w-full rounded-sm border border-white/10 bg-neutral-900 pl-7 pr-7 text-[11px] text-white placeholder:text-neutral-500 focus:border-[#FF5800]/50 focus:outline-none focus:ring-1 focus:ring-[#FF5800]/50 sm:h-9 sm:w-48 sm:rounded-sm sm:pl-9 sm:pr-8 sm:text-sm" }), searchQuery && (_jsx("button", { type: "button", onClick: () => setSearchQuery(""), className: "absolute right-1.5 sm:right-2 top-1/2 -translate-y-1/2 text-neutral-500 hover:text-white transition-colors", children: _jsx(X, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4" }) }))] }), categories.map((category) => {
+                (selectedEndpoint ? (_jsxs("div", { className: "min-w-0 space-y-3 sm:space-y-6", children: [_jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [_jsxs("button", { type: "button", onClick: () => setSelectedEndpoint(null), className: "flex items-center gap-2 text-sm text-neutral-400 hover:text-white transition-colors", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Back to endpoints"] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [selectedEndpoint.pricing && (_jsxs("div", { className: cn("flex items-center gap-1.5 px-2.5 py-1 rounded-sm text-xs font-medium", getPricingStyle(selectedEndpoint.pricing)), children: [getPricingIcon(selectedEndpoint.pricing), _jsx("span", { children: formatPrice(selectedEndpoint.pricing) }), !selectedEndpoint.pricing.isFree && (_jsxs("span", { className: "opacity-70", children: ["/", selectedEndpoint.pricing.unit] }))] })), _jsx("span", { className: cn("px-2.5 py-1 rounded-sm text-xs font-bold uppercase", getMethodColor(selectedEndpoint.method)), children: selectedEndpoint.method }), _jsx("code", { className: "max-w-full truncate rounded-sm border border-white/10 bg-black/40 px-2.5 py-1 font-mono text-xs text-white sm:max-w-[42rem]", children: selectedEndpoint.path })] })] }), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4 md:p-6 space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [getCategoryIcon(selectedEndpoint.category), _jsx("h3", { className: "text-lg font-semibold text-white", children: selectedEndpoint.name })] }), _jsx("p", { className: "text-sm text-neutral-400", children: selectedEndpoint.description })] }), _jsx(ApiTester, { endpoint: selectedEndpoint, authToken: authToken, isAuthLoading: isLoading })] })] })) : (_jsxs("div", { className: "min-w-0 space-y-3 sm:space-y-6", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5 overflow-x-auto pb-1 sm:flex-wrap sm:gap-2 sm:overflow-visible sm:pb-0", children: [_jsxs("div", { className: "relative min-w-[13rem] flex-1 sm:min-w-0 sm:flex-none", children: [_jsx(Search, { className: "absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 h-3.5 sm:h-4 w-3.5 sm:w-4 text-neutral-500" }), _jsx("input", { type: "text", placeholder: "Search...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "h-7 w-full rounded-sm border border-white/10 bg-neutral-900 pl-7 pr-7 text-[11px] text-white placeholder:text-neutral-500     sm:h-9 sm:w-48 sm:rounded-sm sm:pl-9 sm:pr-8 sm:text-sm" }), searchQuery && (_jsx("button", { type: "button", onClick: () => setSearchQuery(""), className: "absolute right-1.5 sm:right-2 top-1/2 -translate-y-1/2 text-neutral-500 hover:text-white transition-colors", children: _jsx(X, { className: "h-3.5 sm:h-4 w-3.5 sm:w-4" }) }))] }), categories.map((category) => {
                                     const count = category === "All"
                                         ? endpointsWithLivePricing.length
                                         : endpointsWithLivePricing.filter((endpoint) => endpoint.category === category).length;

package/cloud/api-explorer/api-tester.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-tester.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-explorer/api-tester.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,sDAAsD,CAAC;AA8C9D,UAAU,cAAc;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAoBD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,cAAc,GACf,EAAE,cAAc,2CAmiChB"}
+{"version":3,"file":"api-tester.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/api-explorer/api-tester.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,sDAAsD,CAAC;AA8C9D,UAAU,cAAc;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAoBD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,cAAc,GACf,EAAE,cAAc,2CA6iChB"}

package/cloud/api-explorer/api-tester.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { getApiBaseUrl } from "@elizaos/cloud-shared/lib/config/client-env";
 import { formatEndpointPrice, } from "@elizaos/cloud-shared/lib/swagger/endpoint-discovery";
 import { CheckIcon, CodeIcon, Coins, CopyIcon, FileAudioIcon, Info, LoaderIcon, MicIcon, PlayIcon, Sparkles, StopCircleIcon, Trash2Icon, TrendingUp, UploadIcon, XCircleIcon, XIcon, } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { CodeDisplay } from "../../cloud-ui/components/code/code-display.js";
 import { ApiParameterSelect as CustomSelect } from "../../cloud-ui/components/docs/api-parameter-select.js";
 import { useAudioRecorder } from "../../cloud-ui/components/voice/use-audio-recorder.js";
@@ -37,6 +37,17 @@ export function ApiTester({ endpoint, authToken, isAuthLoading = false, refreshC
     const [recordedAudio, setRecordedAudio] = useState(null);
     const [uploadedFiles, setUploadedFiles] = useState([]);
     const audioRecorder = useAudioRecorder();
+    const recordingPreviewBlob = recordedAudio ?? audioRecorder.audioBlob;
+    const recordingPreviewUrl = useMemo(() => recordingPreviewBlob
+        ? URL.createObjectURL(recordingPreviewBlob)
+        : undefined, [recordingPreviewBlob]);
+    useEffect(() => {
+        return () => {
+            if (recordingPreviewUrl) {
+                URL.revokeObjectURL(recordingPreviewUrl);
+            }
+        };
+    }, [recordingPreviewUrl]);
     const initializeParameters = useCallback(() => {
         if (!endpoint)
             return;
@@ -361,11 +372,7 @@ export function ApiTester({ endpoint, authToken, isAuthLoading = false, refreshC
                                     ? "Loading API key..."
                                     : "Send Request"] }), _jsxs(Button, { variant: "outline", onClick: copyCurlCommand, className: "gap-2 sm:w-auto", children: [_jsx(CodeIcon, { className: "h-4 w-4" }), "Copy cURL"] }), _jsx(Button, { variant: "ghost", onClick: initializeParameters, className: "sm:w-auto", children: "Reset" })] }), _jsxs(Tabs, { id: "api-tester-tabs", value: activeTab, onValueChange: setActiveTab, children: [_jsxs(TabsList, { className: "mb-4 w-full justify-start", children: [_jsx(TabsTrigger, { value: "parameters", children: "Parameters" }), _jsxs(TabsTrigger, { value: "response", children: ["Response", response && (_jsx(Badge, { variant: response.success ? "default" : "destructive", className: "ml-2", children: response.status }))] }), _jsx(TabsTrigger, { value: "curl", children: "cURL" })] }), _jsxs(TabsContent, { value: "parameters", className: "space-y-6", children: [endpoint.path === "/api/elevenlabs/stt" && (_jsxs(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: [_jsx(MicIcon, { className: "h-5 w-5" }), "Audio Recording"] }), _jsx(CardDescription, { children: "Record audio to transcribe using Speech-to-Text" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "space-y-4", children: [audioRecorder.error && (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-sm text-sm text-red-800 dark:text-red-400", children: audioRecorder.error })), _jsxs("div", { className: "flex items-center gap-4", children: [!audioRecorder.isRecording &&
                                                             !audioRecorder.audioBlob &&
-                                                            !recordedAudio && (_jsxs(Button, { onClick: audioRecorder.startRecording, className: "gap-2", children: [_jsx(MicIcon, { className: "h-4 w-4" }), "Start Recording"] })), audioRecorder.isRecording && (_jsxs(_Fragment, { children: [_jsxs(Button, { onClick: audioRecorder.stopRecording, variant: "destructive", className: "gap-2", children: [_jsx(StopCircleIcon, { className: "h-4 w-4" }), "Stop Recording"] }), _jsxs(Badge, { variant: "secondary", className: "text-sm", children: ["Recording: ", audioRecorder.recordingTime, "s"] })] })), (audioRecorder.audioBlob || recordedAudio) && (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", className: "text-sm", children: "\u2705 Audio Ready" }), _jsx("audio", { controls: true, className: "h-10", src: recordedAudio
-                                                                        ? URL.createObjectURL(recordedAudio)
-                                                                        : audioRecorder.audioBlob
-                                                                            ? URL.createObjectURL(audioRecorder.audioBlob)
-                                                                            : undefined, children: _jsx("track", { kind: "captions" }) }), _jsxs(Button, { onClick: () => {
+                                                            !recordedAudio && (_jsxs(Button, { onClick: audioRecorder.startRecording, className: "gap-2", children: [_jsx(MicIcon, { className: "h-4 w-4" }), "Start Recording"] })), audioRecorder.isRecording && (_jsxs(_Fragment, { children: [_jsxs(Button, { onClick: audioRecorder.stopRecording, variant: "destructive", className: "gap-2", children: [_jsx(StopCircleIcon, { className: "h-4 w-4" }), "Stop Recording"] }), _jsxs(Badge, { variant: "secondary", className: "text-sm", children: ["Recording: ", audioRecorder.recordingTime, "s"] })] })), (audioRecorder.audioBlob || recordedAudio) && (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", className: "text-sm", children: "\u2705 Audio Ready" }), _jsx("audio", { controls: true, className: "h-10", src: recordingPreviewUrl, children: _jsx("track", { kind: "captions" }) }), _jsxs(Button, { onClick: () => {
                                                                         setRecordedAudio(null);
                                                                         audioRecorder.clearRecording();
                                                                     }, variant: "ghost", size: "sm", className: "gap-2", children: [_jsx(Trash2Icon, { className: "h-4 w-4" }), "Clear"] })] }))] }), (audioRecorder.audioBlob || recordedAudio) && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Audio recorded successfully. Click \"Send Request\" to transcribe." }))] }) })] })), endpoint.path === "/api/elevenlabs/voices/clone" && (_jsxs(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: [_jsx(UploadIcon, { className: "h-5 w-5" }), "Audio Sample Upload"] }), _jsx(CardDescription, { children: "Upload 1-10 audio samples for voice cloning (max 100MB total)" })] }), _jsx(CardContent, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "border-2 border-dashed border-border/60 rounded-sm p-6 hover:border-primary/50 transition-colors", children: [_jsx("input", { type: "file", accept: "audio/*", multiple: true, onChange: (e) => handleFileUpload(e.target.files), className: "hidden", id: "audio-file-upload" }), _jsxs("label", { htmlFor: "audio-file-upload", className: "flex flex-col items-center gap-3 cursor-pointer", children: [_jsx(UploadIcon, { className: "h-12 w-12 text-muted-foreground/60" }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm font-medium", children: "Click to upload audio files" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "MP3, WAV, M4A, WebM, OGG (max 100MB total)" })] })] })] }), uploadedFiles.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "text-sm font-medium", children: ["Uploaded Files (", uploadedFiles.length, "/10)"] }), _jsxs(Button, { onClick: () => setUploadedFiles([]), variant: "ghost", size: "sm", className: "gap-2 text-xs", children: [_jsx(Trash2Icon, { className: "h-3 w-3" }), "Clear All"] })] }), _jsx("div", { className: "space-y-2", children: uploadedFiles.map((file, index) => (_jsxs("div", { className: "flex items-center justify-between p-3 bg-muted/50 rounded-sm border border-border/40", children: [_jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [_jsx(FileAudioIcon, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: file.name }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [(file.size / 1024).toFixed(2), " KB"] })] })] }), _jsx(Button, { onClick: () => removeFile(index), variant: "ghost", size: "sm", className: "gap-1 flex-shrink-0", children: _jsx(XCircleIcon, { className: "h-4 w-4" }) })] }, file.name))) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Total size:", " ", (uploadedFiles.reduce((acc, file) => acc + file.size, 0) /
@@ -384,8 +391,8 @@ export function ApiTester({ endpoint, authToken, isAuthLoading = false, refreshC
                                                 .map((param) => renderParameterInput(param, parameters[param.name])) }) })] })), !endpoint.parameters?.path?.length &&
                                 !endpoint.parameters?.query?.length &&
                                 !endpoint.parameters?.body?.length && (_jsx(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: _jsx(CardContent, { className: "py-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "This endpoint doesn't require any parameters." }) }) }))] }), _jsx(TabsContent, { value: "response", children: response ? (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [response.success ? (_jsx(CheckIcon, { className: "h-5 w-5 text-green-500" })) : (_jsx(XIcon, { className: "h-5 w-5 text-red-500" })), "Response"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Badge, { className: cn("rounded-sm px-2.5 py-1 text-xs font-medium", response.success
-                                                                    ? "bg-green-500/10 text-green-600 ring-1 ring-inset ring-green-500/30 dark:text-green-300"
-                                                                    : "bg-red-500/10 text-red-600 ring-1 ring-inset ring-red-500/30 dark:text-red-300"), children: [response.status, " ", response.statusText] }), _jsxs(Badge, { variant: "outline", className: "rounded-sm", children: [response.responseTime, "ms"] })] })] }) }), response.error && (_jsx(CardContent, { children: _jsx("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-sm", children: _jsxs("p", { className: "text-red-800 dark:text-red-400 font-medium", children: ["Error: ", response.error] }) }) }))] }), response.data !== undefined && (_jsxs(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { children: "Response Body" }), response.data?._type !==
+                                                                    ? "bg-green-500/10 text-green-600    dark:text-green-300"
+                                                                    : "bg-red-500/10 text-red-600    dark:text-red-300"), children: [response.status, " ", response.statusText] }), _jsxs(Badge, { variant: "outline", className: "rounded-sm", children: [response.responseTime, "ms"] })] })] }) }), response.error && (_jsx(CardContent, { children: _jsx("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-sm", children: _jsxs("p", { className: "text-red-800 dark:text-red-400 font-medium", children: ["Error: ", response.error] }) }) }))] }), response.data !== undefined && (_jsxs(Card, { className: "border-border/60 bg-background/60 rounded-sm", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { children: "Response Body" }), response.data?._type !==
                                                         "audio" && (_jsxs(Button, { variant: "outline", size: "sm", className: "gap-2", onClick: () => {
                                                             navigator.clipboard.writeText(formatResponseData(response.data));
                                                             toast({

package/cloud/api-explorer/auth-manager.d.ts

@@ -5,7 +5,7 @@
  * The "API calls are billed" notice is kept — explorer calls hit real billed
  * endpoints.
  */
-import type { ExplorerApiKey } from "./use-explorer-api-key";
+import type { ExplorerApiKey } from "./use-explorer-api-key.js";
 interface AuthManagerProps {
     authToken: string;
     explorerKey: ExplorerApiKey | null;

package/cloud/api-explorer/auth-manager.js

@@ -45,5 +45,5 @@ export function AuthManager({ authToken, explorerKey, isLoading, error, onTokenC
     if (!explorerKey) {
         return (_jsx("p", { className: "text-sm text-neutral-500", children: "No API key available. Please sign in to test endpoints." }));
     }
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: "auth-manager-api-key", className: "text-sm font-medium text-white", children: "API Key" }), _jsxs("span", { className: "text-xs text-neutral-400", children: ["Used ", explorerKey.usage_count, " times"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("input", { id: "auth-manager-api-key", type: showToken ? "text" : "password", value: authToken, readOnly: true, className: "w-full h-10 px-3 pr-10 rounded-sm border border-white/10 bg-black/40 text-white font-mono text-sm focus:outline-none" }), _jsx("button", { type: "button", onClick: () => setShowToken(!showToken), className: "absolute right-0 top-0 h-full px-3 text-neutral-500 hover:text-white transition-colors", children: showToken ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) })] }), _jsx("button", { type: "button", onClick: handleCopy, className: "h-10 px-3 rounded-sm border border-white/10 bg-black/40 text-neutral-400 hover:text-white transition-colors", children: copied ? (_jsx(Check, { className: "h-4 w-4 text-green-400" })) : (_jsx(Copy, { className: "h-4 w-4" })) })] })] }), _jsx("div", { className: "flex items-center gap-2 px-3 py-2 rounded-sm bg-orange-500/10 border border-orange-500/20", children: _jsx("span", { className: "text-xs text-orange-400", children: "API calls are billed to your account" }) }), isValidKey && (_jsxs("details", { className: "text-xs", children: [_jsx("summary", { className: "text-neutral-400 cursor-pointer hover:text-white transition-colors", children: "Use a different key" }), _jsxs("div", { className: "mt-3 space-y-3", children: [_jsx("input", { type: "text", placeholder: "Enter custom API key...", onChange: (e) => onTokenChange(e.target.value), className: "w-full h-9 px-3 rounded-sm border border-white/10 bg-black/40 text-white text-sm placeholder:text-neutral-500 focus:outline-none focus:ring-1 focus:ring-[#FF5800]/50" }), _jsx("button", { type: "button", onClick: () => void onRefresh(), className: "text-neutral-400 hover:text-white transition-colors", children: "Reset to default" })] })] }))] }));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: "auth-manager-api-key", className: "text-sm font-medium text-white", children: "API Key" }), _jsxs("span", { className: "text-xs text-neutral-400", children: ["Used ", explorerKey.usage_count, " times"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("input", { id: "auth-manager-api-key", type: showToken ? "text" : "password", value: authToken, readOnly: true, className: "w-full h-10 px-3 pr-10 rounded-sm border border-white/10 bg-black/40 text-white font-mono text-sm " }), _jsx("button", { type: "button", onClick: () => setShowToken(!showToken), className: "absolute right-0 top-0 h-full px-3 text-neutral-500 hover:text-white transition-colors", children: showToken ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) })] }), _jsx("button", { type: "button", onClick: handleCopy, className: "h-10 px-3 rounded-sm border border-white/10 bg-black/40 text-neutral-400 hover:text-white transition-colors", children: copied ? (_jsx(Check, { className: "h-4 w-4 text-green-400" })) : (_jsx(Copy, { className: "h-4 w-4" })) })] })] }), _jsx("div", { className: "flex items-center gap-2 px-3 py-2 rounded-sm bg-orange-500/10 border border-orange-500/20", children: _jsx("span", { className: "text-xs text-orange-400", children: "API calls are billed to your account" }) }), isValidKey && (_jsxs("details", { className: "text-xs", children: [_jsx("summary", { className: "text-neutral-400 cursor-pointer hover:text-white transition-colors", children: "Use a different key" }), _jsxs("div", { className: "mt-3 space-y-3", children: [_jsx("input", { type: "text", placeholder: "Enter custom API key...", onChange: (e) => onTokenChange(e.target.value), className: "w-full h-9 px-3 rounded-sm border border-white/10 bg-black/40 text-white text-sm placeholder:text-neutral-500   " }), _jsx("button", { type: "button", onClick: () => void onRefresh(), className: "text-neutral-400 hover:text-white transition-colors", children: "Reset to default" })] })] }))] }));
 }

package/cloud/api-explorer/index.d.ts

@@ -24,11 +24,11 @@
  *    makes those redirects land. {@link registerApiExplorerCloudRoute} is also
  *    exported for re-registration at a custom path.
  */
-import { type CloudRouteDef } from "../shell/cloud-route-registry";
-export { ApiExplorerSurface, default as ApiExplorerRoute, } from "./ApiExplorerPage";
-export { ApiTester } from "./api-tester";
-export { AuthManager } from "./auth-manager";
-export { type ExplorerApiKey, type UseExplorerApiKeyResult, useExplorerApiKey, } from "./use-explorer-api-key";
+import { type CloudRouteDef } from "../shell/cloud-route-registry.js";
+export { ApiExplorerSurface, default as ApiExplorerRoute, } from "./ApiExplorerPage.js";
+export { ApiTester } from "./api-tester.js";
+export { AuthManager } from "./auth-manager.js";
+export { type ExplorerApiKey, type UseExplorerApiKeyResult, useExplorerApiKey, } from "./use-explorer-api-key.js";
 /** Stable view/section id + URL path slug for the API Explorer surface. */
 export declare const API_EXPLORER_SECTION_ID = "api-explorer";
 export declare const API_EXPLORER_ROUTE_PATH = "dashboard/api-explorer";

package/cloud/api-explorer/use-session-auth.d.ts

@@ -20,7 +20,7 @@ export type StewardSessionUser = {
  * provider is not mounted. Reads the context directly instead of throwing inside
  * a try/catch (which would violate the Rules of Hooks).
  */
-export declare function useStewardAuth(): import("../shell/StewardProvider").LocalStewardAuthValue | {
+export declare function useStewardAuth(): import("../shell/StewardProviderShared.js").LocalStewardAuthValue | {
     readonly isAuthenticated: false;
     readonly isLoading: false;
     readonly user: StewardSessionUser;

package/cloud/api-keys/ApiKeysRoute.js

@@ -13,11 +13,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useContext } from "react";
 import { DashboardErrorState, DashboardLoadingState, } from "../../cloud-ui/components/dashboard/route-placeholders.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { LocalStewardAuthContext } from "../shell/StewardProvider.js";
 import { ApiKeysView } from "./ApiKeysView.js";
 import { useApiKeys } from "./use-api-keys.js";
-import { useDocumentTitle } from "./use-document-title.js";
 function getApiKeyStatus(isActive, expiresAt) {
     if (!isActive)
         return "inactive";

package/cloud/api-keys/ApiKeysView.d.ts

@@ -17,7 +17,7 @@
  *   `@/lib/client/api-keys` module and could never fetch a hashed secret) now
  *   copies the public key prefix — the only identifier visible after creation.
  */
-import { type ApiKeyDisplay, type ApiKeysSummaryData } from "../../cloud-ui/components/data-list";
+import { type ApiKeyDisplay, type ApiKeysSummaryData } from "../../cloud-ui/components/data-list/index.js";
 interface ApiKeysViewProps {
     keys: ApiKeyDisplay[];
     summary: ApiKeysSummaryData;

package/cloud/api-keys/ApiKeysView.js

@@ -278,15 +278,15 @@ export function ApiKeysView({ keys, summary }) {
                                     defaultValue: "Create API key",
                                 }) }) }), _jsxs("div", { className: "grid gap-6", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("label", { htmlFor: "api-key-name", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.nameLabel", { defaultValue: "Name" }) }), _jsx(Input, { id: "api-key-name", placeholder: t("cloud.apiKeys.namePlaceholder", {
                                                 defaultValue: "Production integration",
-                                            }), value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), autoFocus: true, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40 focus:ring-1 focus:ring-[#FF5800] focus:border-[#FF5800]" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("label", { htmlFor: "api-key-description", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.descriptionLabel", {
+                                            }), value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), autoFocus: true, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40   " })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("label", { htmlFor: "api-key-description", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.descriptionLabel", {
                                                 defaultValue: "Description",
                                             }) }), _jsx(Textarea, { id: "api-key-description", placeholder: t("cloud.apiKeys.descriptionPlaceholder", {
                                                 defaultValue: "Used by our backend services for customer facing features",
-                                            }), value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), rows: 3, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40 focus:ring-1 focus:ring-[#FF5800] focus:border-[#FF5800]" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.rateLimitLabel", {
+                                            }), value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), rows: 3, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40   " })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.rateLimitLabel", {
                                                 defaultValue: "Rate limit",
-                                            }) }), _jsxs(Select, { value: rateLimitPreset, onValueChange: (value) => setRateLimitPreset(value), children: [_jsx(SelectTrigger, { className: "rounded-sm border-white/10 bg-black/40 text-white focus:ring-1 focus:ring-[#FF5800]", children: _jsx(SelectValue, { placeholder: t("cloud.apiKeys.selectLimit", {
+                                            }) }), _jsxs(Select, { value: rateLimitPreset, onValueChange: (value) => setRateLimitPreset(value), children: [_jsx(SelectTrigger, { className: "rounded-sm border-white/10 bg-black/40 text-white  ", children: _jsx(SelectValue, { placeholder: t("cloud.apiKeys.selectLimit", {
                                                             defaultValue: "Select a limit",
-                                                        }) }) }), _jsx(SelectContent, { className: "rounded-sm border-white/10 bg-black/90", children: rateLimitPresets.map((preset) => (_jsx(SelectItem, { value: preset.value, className: "rounded-sm text-white hover:bg-white/10 focus:bg-white/10", children: t(preset.labelKey, {
+                                                        }) }) }), _jsx(SelectContent, { className: "rounded-sm border-white/10 bg-black/90", children: rateLimitPresets.map((preset) => (_jsx(SelectItem, { value: preset.value, className: "rounded-sm text-white hover:bg-white/10 ", children: t(preset.labelKey, {
                                                             defaultValue: preset.defaultLabel,
                                                         }) }, preset.value))) })] }), rateLimitPreset === "custom" && (_jsxs("div", { className: "grid gap-2 rounded-sm border border-dashed border-white/10 bg-black/40 p-4", children: [_jsx("label", { htmlFor: "api-key-rate-custom", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: t("cloud.apiKeys.customRateLabel", {
                                                         defaultValue: "Custom requests / minute",
@@ -295,7 +295,7 @@ export function ApiKeysView({ keys, summary }) {
                                                     }), value: formData.rate_limit, onChange: (e) => setFormData({
                                                         ...formData,
                                                         rate_limit: Number.parseInt(e.target.value, 10) || 100,
-                                                    }), min: 100, step: 100, className: "rounded-sm border-white/10 bg-black/60 text-white placeholder:text-white/40 focus:ring-1 focus:ring-[#FF5800] focus:border-[#FF5800]" })] }))] })] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(BrandButton, { variant: "outline", onClick: () => setCreateDialogOpen(false), disabled: isCreating, children: t("cloud.apiKeys.cancel", { defaultValue: "Cancel" }) }), _jsx(BrandButton, { variant: "primary", onClick: () => void handleCreateKey(), disabled: isCreating || !formData.name.trim(), children: isCreating
+                                                    }), min: 100, step: 100, className: "rounded-sm border-white/10 bg-black/60 text-white placeholder:text-white/40   " })] }))] })] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(BrandButton, { variant: "outline", onClick: () => setCreateDialogOpen(false), disabled: isCreating, children: t("cloud.apiKeys.cancel", { defaultValue: "Cancel" }) }), _jsx(BrandButton, { variant: "primary", onClick: () => void handleCreateKey(), disabled: isCreating || !formData.name.trim(), children: isCreating
                                         ? t("cloud.apiKeys.creating", { defaultValue: "Creating..." })
                                         : t("cloud.apiKeys.createKey", { defaultValue: "Create key" }) })] })] }) }), _jsx(ApiKeysSummary, { summary: summary }), createdKey && (_jsx(Dialog, { open: !!createdKey, onOpenChange: () => setCreatedKey(null), children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("cloud.apiKeys.createdDialogTitle", {
                                         defaultValue: "API key created successfully",

package/cloud/api-keys/index.d.ts

@@ -18,12 +18,12 @@
  *    The shell or Wave 3 calls this once the redirect is retired (or with a
  *    non-legacy path), keeping route ownership explicit.
  */
-import { type CloudRouteDef } from "../shell/cloud-route-registry";
-export { ApiKeysSurface, default as ApiKeysRoute } from "./ApiKeysRoute";
-export { ApiKeysSection } from "./ApiKeysSection";
-export { ApiKeysView } from "./ApiKeysView";
-export { copyApiKeyPrefix, copyApiKeyToClipboard } from "./copy-api-key";
-export { API_KEYS_QUERY_KEY, type ApiKeyRecord, useApiKeys, } from "./use-api-keys";
+import { type CloudRouteDef } from "../shell/cloud-route-registry.js";
+export { ApiKeysSurface, default as ApiKeysRoute } from "./ApiKeysRoute.js";
+export { ApiKeysSection } from "./ApiKeysSection.js";
+export { ApiKeysView } from "./ApiKeysView.js";
+export { copyApiKeyPrefix, copyApiKeyToClipboard } from "./copy-api-key.js";
+export { API_KEYS_QUERY_KEY, type ApiKeyRecord, useApiKeys, } from "./use-api-keys.js";
 /** Stable settings-section id + URL hash for the API-keys surface. */
 export declare const API_KEYS_SECTION_ID = "api-keys";
 /**

package/cloud/applications/ApplicationDetailPage.js

@@ -10,12 +10,12 @@ import { useEffect, useState } from "react";
 import { Navigate, useLocation, useNavigate, useParams, useSearchParams, } from "react-router-dom";
 import { DashboardErrorState, DashboardLoadingState, } from "../../cloud-ui/components/dashboard/route-placeholders.js";
 import { DashboardPageContainer } from "../../cloud-ui/components/layout/index.js";
+import { useRequireAuth } from "../lib/use-session-auth.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { AppDetailsTabs } from "./components/app-details-tabs.js";
 import { AppPageWrapper } from "./components/single-app-page-wrapper.js";
 import { useApp } from "./lib/apps.js";
 import { consumeOneTimeAppApiKey } from "./lib/one-time-app-api-key.js";
-import { useRequireAuth } from "./lib/use-session-auth.js";
 import { isValidUUID } from "./lib/utils.js";
 /** /dashboard/apps/:id */
 export default function ApplicationDetailPage() {

package/cloud/applications/ApplicationsPage.js

@@ -13,11 +13,11 @@ import { DashboardStatCard } from "../../cloud-ui/components/brand/index.js";
 import { AppsEmptyState, AppsPageWrapper, AppsSkeleton, } from "../../cloud-ui/components/dashboard/cloud-dashboard-components.js";
 import { DashboardErrorState } from "../../cloud-ui/components/dashboard/route-placeholders.js";
 import { DashboardPageContainer, DashboardStatGrid, DashboardToolbar, } from "../../cloud-ui/components/layout/index.js";
+import { useRequireAuth } from "../lib/use-session-auth.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { AppsTable } from "./components/apps-table.js";
 import { CreateAppButton } from "./components/create-app-button.js";
 import { useApps } from "./lib/apps.js";
-import { useRequireAuth } from "./lib/use-session-auth.js";
 /** /dashboard/apps */
 export default function ApplicationsPage() {
     const t = useCloudT();

package/cloud/applications/components/app-analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-analytics.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/applications/components/app-analytics.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiDH,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAyGD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA0tBxD"}
+{"version":3,"file":"app-analytics.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/applications/components/app-analytics.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkDH,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAyGD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA4tBxD"}

package/cloud/applications/components/app-analytics.js

@@ -15,6 +15,7 @@ import { toast } from "sonner";
 import { DashboardStatCard, MiniStatCard, } from "../../../cloud-ui/components/brand/index.js";
 import { Button } from "../../../components/ui/button.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../components/ui/select.js";
+import { useIntervalWhenDocumentVisible } from "../../../hooks/useDocumentVisibility.js";
 import { cn } from "../../../lib/utils.js";
 import { api } from "../../lib/api-client.js";
 const SOURCE_COLORS = {
@@ -123,33 +124,24 @@ export function AppAnalytics({ appId }) {
     useEffect(() => {
         fetchAnalytics();
     }, [fetchAnalytics]);
-    useEffect(() => {
-        if (activeTab === "overview") {
-            const interval = setInterval(() => {
-                fetchAnalytics(false);
-            }, AUTO_REFRESH_INTERVAL);
-            return () => clearInterval(interval);
-        }
-    }, [activeTab, fetchAnalytics]);
+    useIntervalWhenDocumentVisible(() => fetchAnalytics(false), AUTO_REFRESH_INTERVAL, activeTab === "overview");
     useEffect(() => {
         if (activeTab === "requests" || activeTab === "visitors") {
             fetchRequestStats();
-            const interval = setInterval(fetchRequestStats, AUTO_REFRESH_INTERVAL);
-            return () => clearInterval(interval);
         }
     }, [activeTab, fetchRequestStats]);
+    useIntervalWhenDocumentVisible(fetchRequestStats, AUTO_REFRESH_INTERVAL, activeTab === "requests" || activeTab === "visitors");
     useEffect(() => {
         if (activeTab === "logs") {
             fetchRequestLogs(logsPage);
-            const interval = setInterval(() => fetchRequestLogs(logsPage), AUTO_REFRESH_INTERVAL);
-            return () => clearInterval(interval);
         }
     }, [activeTab, logsPage, fetchRequestLogs]);
+    useIntervalWhenDocumentVisible(() => fetchRequestLogs(logsPage), AUTO_REFRESH_INTERVAL, activeTab === "logs");
     if (isLoading) {
         return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) }));
     }
     const chartData = analytics.map((item) => ({
-        date: new Date(item.period_start).toLocaleDateString(),
+        date: new Date(item.period_start).toLocaleDateString("en-US"),
         requests: item.total_requests,
         users: item.unique_users,
         newUsers: item.new_users,
@@ -168,7 +160,7 @@ export function AppAnalytics({ appId }) {
                             return (_jsxs("button", { type: "button", onClick: () => setActiveTab(tab.value), className: cn("flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-sm transition-colors whitespace-nowrap", activeTab === tab.value
                                     ? "bg-white/10 text-white"
                                     : "text-neutral-400 hover:text-white"), children: [_jsx(Icon, { className: "h-4 w-4" }), _jsx("span", { className: "hidden sm:inline", children: tab.label })] }, tab.value));
-                        }) }), activeTab === "overview" && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { value: period, onValueChange: (v) => setPeriod(v), children: [_jsx(SelectTrigger, { className: "w-[130px] h-9 bg-neutral-900 border-white/10 rounded-sm", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "bg-neutral-800 border-white/10 rounded-sm", children: [_jsx(SelectItem, { value: "hourly", children: "Hourly" }), _jsx(SelectItem, { value: "daily", children: "Daily" }), _jsx(SelectItem, { value: "monthly", children: "Monthly" })] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchAnalytics(), disabled: isLoading, className: "h-9 w-9 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoading ? "animate-spin" : ""}` }) }), lastUpdated && (_jsxs("span", { className: "text-xs text-neutral-500 hidden sm:inline", children: ["Updated ", formatDistanceToNow(lastUpdated, { addSuffix: true })] }))] }))] }), activeTab === "overview" && (_jsxs("div", { className: "space-y-4", children: [totalStats && (_jsxs("div", { className: "grid gap-3 grid-cols-1 sm:grid-cols-3", children: [_jsx(DashboardStatCard, { label: "Total Requests", value: totalStats.totalRequests?.toLocaleString() || "0", icon: _jsx(Activity, { className: "h-5 w-5 text-purple-400" }) }), _jsx(DashboardStatCard, { label: "Total Users", value: totalStats.totalUsers?.toLocaleString() || "0", icon: _jsx(Users, { className: "h-5 w-5 text-white/70" }) }), _jsx(DashboardStatCard, { label: "Credits Used", value: `$${parseFloat(totalStats.totalCreditsUsed || "0").toFixed(2)}`, icon: _jsx(DollarSign, { className: "h-5 w-5 text-green-400" }) })] })), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("h3", { className: "text-sm font-medium text-white mb-4 flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-4 w-4 text-[var(--brand-orange)]" }), "Requests Over Time"] }), chartData.length > 0 ? (_jsx(ResponsiveContainer, { width: "100%", height: 250, children: _jsxs(LineChart, { data: chartData, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "rgba(255,255,255,0.1)" }), _jsx(XAxis, { dataKey: "date", stroke: "rgba(255,255,255,0.4)", style: { fontSize: "11px" } }), _jsx(YAxis, { stroke: "rgba(255,255,255,0.4)", style: { fontSize: "11px" } }), _jsx(Tooltip, { contentStyle: {
+                        }) }), activeTab === "overview" && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { value: period, onValueChange: (v) => setPeriod(v), children: [_jsx(SelectTrigger, { className: "w-[130px] h-9 bg-neutral-900 border-white/10 rounded-sm", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "bg-neutral-800 border-white/10 rounded-sm", children: [_jsx(SelectItem, { value: "hourly", children: "Hourly" }), _jsx(SelectItem, { value: "daily", children: "Daily" }), _jsx(SelectItem, { value: "monthly", children: "Monthly" })] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchAnalytics(), disabled: isLoading, className: "h-9 w-9 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoading ? "animate-spin" : ""}` }) }), lastUpdated && (_jsxs("span", { className: "text-xs text-neutral-500 hidden sm:inline", children: ["Updated ", formatDistanceToNow(lastUpdated, { addSuffix: true })] }))] }))] }), activeTab === "overview" && (_jsxs("div", { className: "space-y-4", children: [totalStats && (_jsxs("div", { className: "grid gap-3 grid-cols-1 sm:grid-cols-3", children: [_jsx(DashboardStatCard, { label: "Total Requests", value: totalStats.totalRequests?.toLocaleString("en-US") || "0", icon: _jsx(Activity, { className: "h-5 w-5 text-purple-400" }) }), _jsx(DashboardStatCard, { label: "Total Users", value: totalStats.totalUsers?.toLocaleString("en-US") || "0", icon: _jsx(Users, { className: "h-5 w-5 text-white/70" }) }), _jsx(DashboardStatCard, { label: "Credits Used", value: `$${parseFloat(totalStats.totalCreditsUsed || "0").toFixed(2)}`, icon: _jsx(DollarSign, { className: "h-5 w-5 text-green-400" }) })] })), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("h3", { className: "text-sm font-medium text-white mb-4 flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-4 w-4 text-[var(--brand-orange)]" }), "Requests Over Time"] }), chartData.length > 0 ? (_jsx(ResponsiveContainer, { width: "100%", height: 250, children: _jsxs(LineChart, { data: chartData, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "rgba(255,255,255,0.1)" }), _jsx(XAxis, { dataKey: "date", stroke: "rgba(255,255,255,0.4)", style: { fontSize: "11px" } }), _jsx(YAxis, { stroke: "rgba(255,255,255,0.4)", style: { fontSize: "11px" } }), _jsx(Tooltip, { contentStyle: {
                                                 backgroundColor: "#171717",
                                                 border: "1px solid rgba(255,255,255,0.1)",
                                                 borderRadius: "8px",
@@ -180,20 +172,20 @@ export function AppAnalytics({ appId }) {
                                                 borderRadius: "8px",
                                                 color: "white",
                                                 fontSize: "12px",
-                                            } }), _jsx(Bar, { dataKey: "newUsers", fill: "#8b5cf6", name: "New Users" }), _jsx(Bar, { dataKey: "users", fill: "#FF5800", name: "Total Users" })] }) })) : (_jsx("p", { className: "text-center text-neutral-500 py-12 text-sm", children: "No data available" }))] })] })), activeTab === "requests" && (_jsx("div", { className: "space-y-4", children: isLoadingStats ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : requestStats ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 grid-cols-2 sm:grid-cols-5", children: [_jsx(MiniStatCard, { label: "Page Views", value: (requestStats.byType?.pageview || 0).toLocaleString(), color: "text-green-400" }), _jsx(MiniStatCard, { label: "API Requests", value: (requestStats.totalRequests -
-                                        (requestStats.byType?.pageview || 0)).toLocaleString(), color: "text-[var(--brand-orange)]" }), _jsx(MiniStatCard, { label: "Unique Visitors", value: requestStats.uniqueIps.toLocaleString(), color: "text-white" }), _jsx(MiniStatCard, { label: "Avg Response", value: requestStats.avgResponseTime
+                                            } }), _jsx(Bar, { dataKey: "newUsers", fill: "#8b5cf6", name: "New Users" }), _jsx(Bar, { dataKey: "users", fill: "#FF5800", name: "Total Users" })] }) })) : (_jsx("p", { className: "text-center text-neutral-500 py-12 text-sm", children: "No data available" }))] })] })), activeTab === "requests" && (_jsx("div", { className: "space-y-4", children: isLoadingStats ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : requestStats ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 grid-cols-2 sm:grid-cols-5", children: [_jsx(MiniStatCard, { label: "Page Views", value: (requestStats.byType?.pageview || 0).toLocaleString("en-US"), color: "text-green-400" }), _jsx(MiniStatCard, { label: "API Requests", value: (requestStats.totalRequests -
+                                        (requestStats.byType?.pageview || 0)).toLocaleString("en-US"), color: "text-[var(--brand-orange)]" }), _jsx(MiniStatCard, { label: "Unique Visitors", value: requestStats.uniqueIps.toLocaleString("en-US"), color: "text-white" }), _jsx(MiniStatCard, { label: "Avg Response", value: requestStats.avgResponseTime
                                         ? `${requestStats.avgResponseTime}ms`
-                                        : "N/A", color: "text-white" }), _jsx(MiniStatCard, { label: "Total Credits", value: `$${parseFloat(requestStats.totalCredits || "0").toFixed(4)}`, color: "text-white" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsx("h3", { className: "text-sm font-medium text-white mb-4", children: "By Source" }), sourceData.length > 0 ? (_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(ResponsiveContainer, { width: "50%", height: 150, children: _jsx(PieChart, { children: _jsx(Pie, { data: sourceData, cx: "50%", cy: "50%", innerRadius: 35, outerRadius: 60, paddingAngle: 2, dataKey: "value", children: sourceData.map((entry) => (_jsx(Cell, { fill: entry.color }, entry.color))) }) }) }), _jsx("div", { className: "space-y-2", children: sourceData.map((item) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: { backgroundColor: item.color } }), _jsxs("span", { className: "text-xs text-neutral-300", children: [item.name, ": ", item.value.toLocaleString()] })] }, item.name))) })] })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No data" }))] }), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsx("h3", { className: "text-sm font-medium text-white mb-4", children: "By Type" }), Object.keys(requestStats.byType).length > 0 ? (_jsx("div", { className: "space-y-2", children: Object.entries(requestStats.byType).map(([type, count]) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "inline-flex px-2 py-0.5 rounded-sm text-[10px]", style: {
+                                        : "N/A", color: "text-white" }), _jsx(MiniStatCard, { label: "Total Credits", value: `$${parseFloat(requestStats.totalCredits || "0").toFixed(4)}`, color: "text-white" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsx("h3", { className: "text-sm font-medium text-white mb-4", children: "By Source" }), sourceData.length > 0 ? (_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(ResponsiveContainer, { width: "50%", height: 150, children: _jsx(PieChart, { children: _jsx(Pie, { data: sourceData, cx: "50%", cy: "50%", innerRadius: 35, outerRadius: 60, paddingAngle: 2, dataKey: "value", children: sourceData.map((entry) => (_jsx(Cell, { fill: entry.color }, entry.color))) }) }) }), _jsx("div", { className: "space-y-2", children: sourceData.map((item) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: { backgroundColor: item.color } }), _jsxs("span", { className: "text-xs text-neutral-300", children: [item.name, ": ", item.value.toLocaleString("en-US")] })] }, item.name))) })] })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No data" }))] }), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsx("h3", { className: "text-sm font-medium text-white mb-4", children: "By Type" }), Object.keys(requestStats.byType).length > 0 ? (_jsx("div", { className: "space-y-2", children: Object.entries(requestStats.byType).map(([type, count]) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "inline-flex px-2 py-0.5 rounded-sm text-[10px]", style: {
                                                             backgroundColor: `${TYPE_COLORS[type] || "#666"}20`,
                                                             color: TYPE_COLORS[type] || "#666",
                                                         }, children: TYPE_LABELS[type] || type }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-24 h-1.5 bg-white/10 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full rounded-full", style: {
                                                                         width: `${toRatePercent(count, requestStats.totalRequests)}%`,
                                                                         backgroundColor: TYPE_COLORS[type] || BRAND_COLORS.orange,
-                                                                    } }) }), _jsx("span", { className: "text-xs text-neutral-500 w-12 text-right", children: count.toLocaleString() })] })] }, type))) })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No data" }))] })] })] })) : (_jsx("p", { className: "text-center text-neutral-500 py-12", children: "No request data available" })) })), activeTab === "visitors" && (_jsx("div", { className: "space-y-4", children: isLoadingStats ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : (_jsxs(_Fragment, { children: [requestStats && (_jsxs("div", { className: "grid gap-3 grid-cols-1 sm:grid-cols-3", children: [_jsx(DashboardStatCard, { label: "Unique IPs", value: requestStats.uniqueIps.toLocaleString(), icon: _jsx(Globe, { className: "h-5 w-5 text-[var(--brand-orange)]" }) }), _jsx(DashboardStatCard, { label: "Unique Users", value: requestStats.uniqueUsers.toLocaleString(), icon: _jsx(Users, { className: "h-5 w-5 text-white/70" }) }), _jsx(DashboardStatCard, { label: "Avg Requests/IP", value: requestStats.uniqueIps > 0
+                                                                    } }) }), _jsx("span", { className: "text-xs text-neutral-500 w-12 text-right", children: count.toLocaleString("en-US") })] })] }, type))) })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No data" }))] })] })] })) : (_jsx("p", { className: "text-center text-neutral-500 py-12", children: "No request data available" })) })), activeTab === "visitors" && (_jsx("div", { className: "space-y-4", children: isLoadingStats ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : (_jsxs(_Fragment, { children: [requestStats && (_jsxs("div", { className: "grid gap-3 grid-cols-1 sm:grid-cols-3", children: [_jsx(DashboardStatCard, { label: "Unique IPs", value: requestStats.uniqueIps.toLocaleString("en-US"), icon: _jsx(Globe, { className: "h-5 w-5 text-[var(--brand-orange)]" }) }), _jsx(DashboardStatCard, { label: "Unique Users", value: requestStats.uniqueUsers.toLocaleString("en-US"), icon: _jsx(Users, { className: "h-5 w-5 text-white/70" }) }), _jsx(DashboardStatCard, { label: "Avg Requests/IP", value: requestStats.uniqueIps > 0
                                         ? (requestStats.totalRequests / requestStats.uniqueIps).toFixed(1)
-                                        : "0", icon: _jsx(Activity, { className: "h-5 w-5 text-purple-400" }) })] })), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-medium text-white", children: "Top Visitors" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchRequestStats(), disabled: isLoadingStats, className: "h-8 w-8 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoadingStats ? "animate-spin" : ""}` }) })] }), visitors.length > 0 ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/10", children: [_jsx("th", { className: "text-left py-2 px-3 text-neutral-500 font-medium text-xs", children: "IP Address" }), _jsx("th", { className: "text-right py-2 px-3 text-neutral-500 font-medium text-xs", children: "Requests" }), _jsx("th", { className: "text-right py-2 px-3 text-neutral-500 font-medium text-xs", children: "Last Seen" })] }) }), _jsx("tbody", { children: visitors.map((visitor, index) => (_jsxs("tr", { className: "border-b border-white/5 hover:bg-white/5", children: [_jsx("td", { className: "py-2 px-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-500 text-xs w-4", children: index + 1 }), _jsx("code", { className: "text-white font-mono text-xs", children: visitor.ip })] }) }), _jsx("td", { className: "py-2 px-3 text-right text-white text-xs", children: visitor.requestCount.toLocaleString() }), _jsx("td", { className: "py-2 px-3 text-right text-neutral-500 text-xs", children: formatDistanceToNow(new Date(visitor.lastSeen), {
+                                        : "0", icon: _jsx(Activity, { className: "h-5 w-5 text-purple-400" }) })] })), _jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-medium text-white", children: "Top Visitors" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchRequestStats(), disabled: isLoadingStats, className: "h-8 w-8 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoadingStats ? "animate-spin" : ""}` }) })] }), visitors.length > 0 ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/10", children: [_jsx("th", { className: "text-left py-2 px-3 text-neutral-500 font-medium text-xs", children: "IP Address" }), _jsx("th", { className: "text-right py-2 px-3 text-neutral-500 font-medium text-xs", children: "Requests" }), _jsx("th", { className: "text-right py-2 px-3 text-neutral-500 font-medium text-xs", children: "Last Seen" })] }) }), _jsx("tbody", { children: visitors.map((visitor, index) => (_jsxs("tr", { className: "border-b border-white/5 hover:bg-white/5", children: [_jsx("td", { className: "py-2 px-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-500 text-xs w-4", children: index + 1 }), _jsx("code", { className: "text-white font-mono text-xs", children: visitor.ip })] }) }), _jsx("td", { className: "py-2 px-3 text-right text-white text-xs", children: visitor.requestCount.toLocaleString("en-US") }), _jsx("td", { className: "py-2 px-3 text-right text-neutral-500 text-xs", children: formatDistanceToNow(new Date(visitor.lastSeen), {
                                                                 addSuffix: true,
-                                                            }) })] }, visitor.ip))) })] }) })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No visitor data available" }))] })] })) })), activeTab === "logs" && (_jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-medium text-white", children: "Request Logs" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-xs text-neutral-500", children: [logsTotal.toLocaleString(), " total"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchRequestLogs(logsPage), disabled: isLoadingLogs, className: "h-8 w-8 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoadingLogs ? "animate-spin" : ""}` }) })] })] }), isLoadingLogs ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : requestLogs.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/10", children: [_jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Time" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Type" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Source" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "IP" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Details" }), _jsx("th", { className: "text-center py-2 px-2 text-neutral-500 font-medium", children: "Status" })] }) }), _jsx("tbody", { children: requestLogs.map((log) => (_jsxs("tr", { className: "border-b border-white/5 hover:bg-white/5", children: [_jsx("td", { className: "py-2 px-2 text-neutral-500 whitespace-nowrap", children: formatDistanceToNow(new Date(log.created_at), {
+                                                            }) })] }, visitor.ip))) })] }) })) : (_jsx("p", { className: "text-center text-neutral-500 py-8 text-sm", children: "No visitor data available" }))] })] })) })), activeTab === "logs" && (_jsxs("div", { className: "bg-neutral-900 rounded-sm p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-medium text-white", children: "Request Logs" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-xs text-neutral-500", children: [logsTotal.toLocaleString("en-US"), " total"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => fetchRequestLogs(logsPage), disabled: isLoadingLogs, className: "h-8 w-8 p-0", children: _jsx(RefreshCw, { className: `h-4 w-4 ${isLoadingLogs ? "animate-spin" : ""}` }) })] })] }), isLoadingLogs ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[var(--brand-orange)]" }) })) : requestLogs.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/10", children: [_jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Time" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Type" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Source" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "IP" }), _jsx("th", { className: "text-left py-2 px-2 text-neutral-500 font-medium", children: "Details" }), _jsx("th", { className: "text-center py-2 px-2 text-neutral-500 font-medium", children: "Status" })] }) }), _jsx("tbody", { children: requestLogs.map((log) => (_jsxs("tr", { className: "border-b border-white/5 hover:bg-white/5", children: [_jsx("td", { className: "py-2 px-2 text-neutral-500 whitespace-nowrap", children: formatDistanceToNow(new Date(log.created_at), {
                                                             addSuffix: true,
                                                         }) }), _jsx("td", { className: "py-2 px-2", children: _jsx("span", { className: "inline-flex px-1.5 py-0.5 rounded-sm text-[10px]", style: {
                                                                 backgroundColor: `${TYPE_COLORS[log.request_type] || "#666"}20`,

package/cloud/applications/components/app-details-tabs.d.ts

@@ -4,7 +4,7 @@
  * The active tab is the `?tab=` search param (so deep links + the create flow's
  * `?tab=monetization` redirect work).
  */
-import type { App } from "../lib/apps";
+import type { App } from "../lib/apps.js";
 interface AppDetailsTabsProps {
     app: App;
     showApiKey?: string;

package/cloud/applications/components/app-details-tabs.js

@@ -75,7 +75,7 @@ export function AppDetailsTabs({ app, showApiKey }) {
     return (_jsxs("div", { className: "space-y-3 sm:space-y-6", children: [_jsx("div", { className: "grid grid-cols-2 gap-1 rounded-sm border border-border bg-bg-accent p-1 sm:grid-cols-4 xl:grid-cols-8", children: tabs.map((tab) => {
                     const Icon = tab.icon;
                     return (_jsxs("button", { type: "button", onClick: () => handleTabChange(tab.value), className: cn("flex min-w-0 items-center justify-center gap-1.5 rounded-sm px-2 py-1.5 text-xs font-medium transition-colors sm:text-sm", activeTab === tab.value
-                            ? "bg-card text-txt shadow-sm"
+                            ? "bg-card text-txt"
                             : "text-muted hover:bg-surface hover:text-txt"), children: [_jsx(Icon, { className: "h-4 w-4 hidden sm:block" }), _jsx("span", { className: "truncate", children: tab.label })] }, tab.value));
                 }) }), _jsxs("div", { className: "min-w-0", children: [activeTab === "overview" && (_jsx(AppOverview, { app: app, showApiKey: showApiKey })), activeTab === "domains" && _jsx(AppDomains, { appId: app.id }), activeTab === "promote" && _jsx(AppPromote, { app: app }), activeTab === "analytics" && _jsx(AppAnalytics, { appId: app.id }), activeTab === "earnings" && _jsx(AppEarningsDashboard, { appId: app.id }), activeTab === "monetization" && (_jsx(AppMonetizationSettings, { appId: app.id })), activeTab === "users" && _jsx(AppUsers, { appId: app.id }), activeTab === "settings" && _jsx(AppSettings, { app: app })] })] }));
 }

package/cloud/applications/components/app-domains.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-domains.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/applications/components/app-domains.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgGH,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,2CA8gBpD"}
+{"version":3,"file":"app-domains.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/applications/components/app-domains.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgGH,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,2CAmhBpD"}