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

package/cloud-ui/components/brand/brand-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/brand/brand-tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,SAAS,gGAAqB,CAAC;AAErC,QAAA,MAAM,aAAa,uJAYjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,gKAgBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0JAYpB,CAAC;AAGH,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CAetB;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"brand-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/brand/brand-tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,SAAS,gGAAqB,CAAC;AAErC,QAAA,MAAM,aAAa,uJAYjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,gKAepB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0JASpB,CAAC;AAGH,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CAetB;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/cloud-ui/components/brand/brand-tabs.js

@@ -10,9 +10,9 @@ import { cn } from "../../lib/utils.js";
 const BrandTabs = TabsPrimitive.Root;
 const BrandTabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-9 items-center justify-center rounded-sm border border-border bg-bg-elevated p-0", className), ...props })));
 BrandTabsList.displayName = TabsPrimitive.List.displayName;
-const BrandTabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center gap-2 rounded-sm px-6 py-1.5 text-sm font-medium transition-colors whitespace-nowrap", "border-b-2 border-transparent text-txt/70 hover:text-txt", "data-[state=active]:border-txt data-[state=active]:bg-bg-hover data-[state=active]:text-txt", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", className), ...props })));
+const BrandTabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center gap-2 rounded-sm px-6 py-1.5 text-sm font-medium transition-colors whitespace-nowrap", "border-b-2 border-transparent text-txt/70 hover:text-txt", "data-[state=active]:border-txt data-[state=active]:bg-bg-hover data-[state=active]:text-txt", "disabled:pointer-events-none disabled:opacity-50", className), ...props })));
 BrandTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const BrandTabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-8 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
+const BrandTabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-8", className), ...props })));
 BrandTabsContent.displayName = TabsPrimitive.Content.displayName;
 export function SimpleBrandTabs({ tabs, activeTab, onTabChange, className, }) {
     return (_jsx("div", { className: cn("flex flex-wrap gap-0", className), children: tabs.map((tab) => (_jsx("button", { type: "button", onClick: () => onTabChange(tab), className: cn("brand-tab", activeTab === tab && "brand-tab-active"), children: tab }, tab))) }));

package/cloud-ui/components/brand/index.d.ts

@@ -2,25 +2,25 @@
  * Brand Components Index
  * Exports all reusable brand components
  */
-export type { BrandButtonProps } from "./brand-button";
-export { BrandButton, brandButtonVariants } from "./brand-button";
-export { AgentCard, BrandCard } from "./brand-card";
-export { BrandTabs, BrandTabsContent, BrandTabsList, BrandTabsTrigger, SimpleBrandTabs, } from "./brand-tabs";
-export type { TabItem } from "./brand-tabs-responsive";
-export { BrandTabsResponsive } from "./brand-tabs-responsive";
-export { CornerBrackets } from "./corner-brackets";
-export { DashboardSection } from "./dashboard-section";
-export { DashboardStatCard } from "./dashboard-stat-card";
-export { ElizaCloudLockup } from "./eliza-cloud-lockup";
-export { ElizaLogo } from "./eliza-logo";
-export type { HUDContainerProps } from "./hud-container";
-export { HUDContainer } from "./hud-container";
-export type { KeyMetric } from "./key-metrics-grid";
-export { KeyMetricsGrid } from "./key-metrics-grid";
-export type { LockOnButtonProps } from "./lock-on-button";
-export { LockOnButton } from "./lock-on-button";
-export { lockOnButtonVariants } from "./lock-on-button.variants";
-export { MiniStatCard } from "./mini-stat-card";
-export { PromptCard, PromptCardGrid } from "./prompt-card";
-export { SectionHeader, SectionLabel } from "./section-header";
+export type { BrandButtonProps } from "./brand-button.js";
+export { BrandButton, brandButtonVariants } from "./brand-button.js";
+export { AgentCard, BrandCard } from "./brand-card.js";
+export { BrandTabs, BrandTabsContent, BrandTabsList, BrandTabsTrigger, SimpleBrandTabs, } from "./brand-tabs.js";
+export type { TabItem } from "./brand-tabs-responsive.js";
+export { BrandTabsResponsive } from "./brand-tabs-responsive.js";
+export { CornerBrackets } from "./corner-brackets.js";
+export { DashboardSection } from "./dashboard-section.js";
+export { DashboardStatCard } from "./dashboard-stat-card.js";
+export { ElizaCloudLockup } from "./eliza-cloud-lockup.js";
+export { ElizaLogo } from "./eliza-logo.js";
+export type { HUDContainerProps } from "./hud-container.js";
+export { HUDContainer } from "./hud-container.js";
+export type { KeyMetric } from "./key-metrics-grid.js";
+export { KeyMetricsGrid } from "./key-metrics-grid.js";
+export type { LockOnButtonProps } from "./lock-on-button.js";
+export { LockOnButton } from "./lock-on-button.js";
+export { lockOnButtonVariants } from "./lock-on-button.variants.js";
+export { MiniStatCard } from "./mini-stat-card.js";
+export { PromptCard, PromptCardGrid } from "./prompt-card.js";
+export { SectionHeader, SectionLabel } from "./section-header.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/brand/lock-on-button.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type LockOnButtonProps } from "./lock-on-button.variants";
-export type { LockOnButtonProps } from "./lock-on-button.variants";
+import { type LockOnButtonProps } from "./lock-on-button.variants.js";
+export type { LockOnButtonProps } from "./lock-on-button.variants.js";
 export declare const LockOnButton: React.ForwardRefExoticComponent<LockOnButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=lock-on-button.d.ts.map

package/cloud-ui/components/brand/lock-on-button.variants.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 export declare const lockOnButtonVariants: (props?: ({
-    variant?: "outline" | "ghost" | "primary" | "hud" | null | undefined;
+    variant?: "primary" | "outline" | "ghost" | "hud" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface LockOnButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof lockOnButtonVariants> {

package/cloud-ui/components/brand/lock-on-button.variants.js

@@ -1,5 +1,5 @@
 import { cva } from "class-variance-authority";
-export const lockOnButtonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm border text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/30 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer", {
+export const lockOnButtonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm border text-sm font-medium transition-colors    disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer", {
     variants: {
         variant: {
             primary: "border-accent bg-accent text-accent-foreground hover:bg-accent-hover",

package/cloud-ui/components/code/code-display.d.ts

@@ -3,5 +3,5 @@ export interface CodeDisplayProps {
     language?: string;
     className?: string;
 }
-export declare function CodeDisplay({ code, language, className, }: CodeDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare const CodeDisplay: import("react").MemoExoticComponent<({ code, language, className, }: CodeDisplayProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=code-display.d.ts.map

package/cloud-ui/components/code/code-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-display.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/code/code-display.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,2CA4BlB"}
+{"version":3,"file":"code-display.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/code/code-display.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2CD,eAAO,MAAM,WAAW,uEAIrB,gBAAgB,6CAsBjB,CAAC"}

package/cloud-ui/components/code/code-display.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import vscDarkPlus from "react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus";
 import { cn } from "../../lib/utils.js";
 import { SyntaxHighlighter } from "./prism-light.js";
@@ -35,12 +36,13 @@ const elizaCodeTheme = {
     regex: { color: "#D16969" },
     important: { color: "#569CD6", fontWeight: "bold" },
 };
-export function CodeDisplay({ code, language = "bash", className, }) {
-    return (_jsx("div", { className: cn("overflow-hidden rounded-none border border-white/10 bg-black/60", className), children: _jsx("div", { className: "overflow-x-auto", children: _jsx(SyntaxHighlighter, { language: language, style: elizaCodeTheme, customStyle: {
-                    margin: 0,
-                    padding: "16px",
-                    background: "transparent",
-                    fontSize: "13px",
-                    lineHeight: "1.6",
-                }, wrapLongLines: false, showLineNumbers: false, PreTag: "div", children: code }) }) }));
-}
+const codeCustomStyle = {
+    margin: 0,
+    padding: "16px",
+    background: "transparent",
+    fontSize: "13px",
+    lineHeight: "1.6",
+};
+export const CodeDisplay = memo(function CodeDisplay({ code, language = "bash", className, }) {
+    return (_jsx("div", { className: cn("overflow-hidden rounded-none border border-white/10 bg-black/60", className), children: _jsx("div", { className: "overflow-x-auto", children: _jsx(SyntaxHighlighter, { language: language, style: elizaCodeTheme, customStyle: codeCustomStyle, wrapLongLines: false, showLineNumbers: false, PreTag: "div", children: code }) }) }));
+});

package/cloud-ui/components/code/index.d.ts

@@ -1,4 +1,4 @@
-export type { CodeDisplayProps } from "./code-display";
-export { CodeDisplay } from "./code-display";
-export { MonacoEditorSkeleton } from "./monaco-editor-skeleton";
+export type { CodeDisplayProps } from "./code-display.js";
+export { CodeDisplay } from "./code-display.js";
+export { MonacoEditorSkeleton } from "./monaco-editor-skeleton.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/data-list/apps-list-view.js

@@ -65,7 +65,7 @@ export function AppsListView({ apps, deletingId, renderAppLink, onCopyUrl, onDel
                                         label: "Delete App",
                                         icon: deletingId === app.id ? Loader2 : Trash2,
                                         disabled: deletingId === app.id,
-                                        className: "cursor-pointer bg-red-500/10 text-red-500 hover:bg-red-500/20 focus:bg-red-500/20 focus:text-red-500 [&_svg]:text-red-500 data-[disabled]:opacity-60",
+                                        className: "cursor-pointer bg-red-500/10 text-red-500 hover:bg-red-500/20   [&_svg]:text-red-500 data-[disabled]:opacity-60",
                                         onSelect: () => onDeleteApp?.(app),
                                     },
                                 ] })] }), _jsxs("div", { className: "mt-2 flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs", children: [_jsx("span", { className: "min-w-0 basis-full truncate text-white/74 sm:basis-auto", children: app.app_url }), _jsx("span", { className: "hidden text-white/20 sm:inline", children: "-" }), _jsxs("div", { className: "flex shrink-0 items-center gap-1 text-white/50", children: [_jsx(Users, { className: "h-3 w-3 text-blue-400" }), _jsx("span", { children: app.total_users.toLocaleString() })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1 text-white/50", children: [_jsx(Activity, { className: "h-3 w-3 text-purple-400" }), _jsx("span", { children: app.total_requests.toLocaleString() })] }), _jsx("span", { className: "text-white/20", children: "-" }), _jsx("span", { className: "shrink-0 text-white/40", children: formatRelativeTime(app.updated_at) })] })] }) }, app.id))) }));

package/cloud-ui/components/data-list/index.d.ts

@@ -1,9 +1,9 @@
-export { ApiKeysSummary, type ApiKeysSummaryData, type ApiKeysSummaryProps, } from "./api-keys-summary";
-export { type ApiKeyDisplay, type ApiKeyStatus, ApiKeysTable, type ApiKeysTableProps, } from "./api-keys-table";
-export { type AppsListItem, type AppsListLinkRenderProps, AppsListView, type AppsListViewProps, } from "./apps-list-view";
-export type { DashboardDataListCardProps, DashboardDataListDesktopProps, DashboardDataListFilteredCountProps, DashboardDataListMobileProps, DashboardDataListProps, } from "./dashboard-data-list";
-export { DashboardDataList, DashboardDataListCard, DashboardDataListDesktop, DashboardDataListFilteredCount, DashboardDataListMobile, } from "./dashboard-data-list";
-export { DashboardTableSkeleton, type DashboardTableSkeletonColumn, type DashboardTableSkeletonProps, } from "./dashboard-table-skeleton";
-export { DataListEmptyState, type DataListEmptyStateProps, } from "./data-list-empty-state";
-export { ListActionMenu, type ListActionMenuItem, type ListActionMenuProps, } from "./list-action-menu";
+export { ApiKeysSummary, type ApiKeysSummaryData, type ApiKeysSummaryProps, } from "./api-keys-summary.js";
+export { type ApiKeyDisplay, type ApiKeyStatus, ApiKeysTable, type ApiKeysTableProps, } from "./api-keys-table.js";
+export { type AppsListItem, type AppsListLinkRenderProps, AppsListView, type AppsListViewProps, } from "./apps-list-view.js";
+export type { DashboardDataListCardProps, DashboardDataListDesktopProps, DashboardDataListFilteredCountProps, DashboardDataListMobileProps, DashboardDataListProps, } from "./dashboard-data-list.js";
+export { DashboardDataList, DashboardDataListCard, DashboardDataListDesktop, DashboardDataListFilteredCount, DashboardDataListMobile, } from "./dashboard-data-list.js";
+export { DashboardTableSkeleton, type DashboardTableSkeletonColumn, type DashboardTableSkeletonProps, } from "./dashboard-table-skeleton.js";
+export { DataListEmptyState, type DataListEmptyStateProps, } from "./data-list-empty-state.js";
+export { ListActionMenu, type ListActionMenuItem, type ListActionMenuProps, } from "./list-action-menu.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/data-list/list-action-menu.js

@@ -9,7 +9,7 @@ export function ListActionMenu({ label, items, align = "end", contentClassName,
                             return _jsx(DropdownMenuSeparator, {}, item.key ?? "separator");
                         }
                         const Icon = item.icon;
-                        const className = cn(item.destructive && "text-destructive focus:text-destructive", item.className);
+                        const className = cn(item.destructive && "text-destructive ", item.className);
                         if (item.asChild) {
                             return (_jsx(DropdownMenuItem, { asChild: true, className: className, disabled: item.disabled, children: item.child }, item.key ?? String(item.label)));
                         }

package/cloud-ui/components/docs/api-parameter-select.js

@@ -3,5 +3,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../components/ui/select.js";
 import { cn } from "../../lib/utils.js";
 export function ApiParameterSelect({ value, onValueChange, options, placeholder = "Select...", className, }) {
-    return (_jsxs(Select, { value: value, onValueChange: onValueChange, children: [_jsx(SelectTrigger, { className: cn("h-10 rounded-none border-border bg-background/80 text-foreground hover:bg-muted focus:ring-primary/40", className), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { className: "rounded-none border-border bg-background", children: options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }));
+    return (_jsxs(Select, { value: value, onValueChange: onValueChange, children: [_jsx(SelectTrigger, { className: cn("h-10 rounded-none border-border bg-background/80 text-foreground hover:bg-muted ", className), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { className: "rounded-none border-border bg-background", children: options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }));
 }

package/cloud-ui/components/docs/api-route-explorer-client.d.ts

@@ -1,4 +1,4 @@
-import type { DiscoveredApiRouteDto } from "../../types/cloud-api";
+import type { DiscoveredApiRouteDto } from "../../types/cloud-api.js";
 export declare function ApiRouteExplorerClient({ routes, }: {
     routes: DiscoveredApiRouteDto[];
 }): import("react/jsx-runtime").JSX.Element;

package/cloud-ui/components/docs/api-route-explorer-client.js

@@ -137,7 +137,7 @@ export function ApiRouteExplorerClient({ routes, }) {
                 ? String(selected.meta.pricing.type)
                 : "Credits"
         : "Credits";
-    return (_jsx("div", { className: "not-prose", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[340px_minmax(0,1fr)]", children: [_jsx("div", { className: "lg:sticky lg:top-4 h-fit", children: _jsxs("div", { className: "border border-white/10 bg-gradient-to-b from-black/60 to-black/40 overflow-hidden", children: [_jsxs("div", { className: "border-b border-white/10 p-4 bg-gradient-to-r from-[#ff5800]/5 to-transparent", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-[#ff5800] " }), _jsx("span", { className: "text-xs font-bold uppercase tracking-[0.18em] text-white/60", children: "Route Explorer" })] }), _jsxs("label", { className: "flex items-center gap-2 text-xs text-white/50 select-none cursor-pointer hover:text-white/70 transition-colors", children: [_jsx("input", { type: "checkbox", checked: showAll, onChange: (e) => setShowAll(e.target.checked), className: "accent-[#ff5800] w-3.5 h-3.5" }), "Show all"] })] }), _jsxs("div", { className: "relative", children: [_jsx("svg", { "aria-hidden": "true", className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/30", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx("input", { value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search endpoints...", className: "w-full pl-10 pr-4 py-2.5 rounded-none border border-white/10 bg-black/40 text-sm text-white placeholder:text-white/30 focus:outline-none focus:ring-1 focus:ring-[#ff5800] focus:border-[#ff5800] transition-all" })] }), _jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-white/40", children: [_jsxs("span", { children: [filtered.length, " endpoint", filtered.length === 1 ? "" : "s"] }), _jsx("span", { className: "text-white/30", children: "Click to view details" })] })] }), _jsx("div", { className: "max-h-[65vh] overflow-auto scrollbar-thin scrollbar-thumb-white/10 scrollbar-track-transparent", children: groups.length === 0 ? (_jsx("div", { className: "p-6 text-center text-sm text-white/40", children: "No endpoints match your search" })) : (groups.map((g) => (_jsxs("details", { open: true, className: "border-b border-white/5 group", children: [_jsxs("summary", { className: "cursor-pointer select-none px-4 py-3 text-sm font-semibold text-white/70 hover:text-white hover:bg-white/5 transition-colors flex items-center justify-between", children: [_jsx("span", { children: GROUP_LABELS[g.group] || g.group }), _jsx("span", { className: "text-xs font-normal text-white/30 bg-white/5 px-2 py-0.5 rounded-full", children: g.routes.length })] }), _jsx("div", { className: "px-2 pb-2", children: g.routes.map((r) => {
+    return (_jsx("div", { className: "not-prose", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[340px_minmax(0,1fr)]", children: [_jsx("div", { className: "lg:sticky lg:top-4 h-fit", children: _jsxs("div", { className: "border border-white/10 bg-gradient-to-b from-black/60 to-black/40 overflow-hidden", children: [_jsxs("div", { className: "border-b border-white/10 p-4 bg-gradient-to-r from-[#ff5800]/5 to-transparent", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-[#ff5800] " }), _jsx("span", { className: "text-xs font-bold uppercase tracking-[0.18em] text-white/60", children: "Route Explorer" })] }), _jsxs("label", { className: "flex items-center gap-2 text-xs text-white/50 select-none cursor-pointer hover:text-white/70 transition-colors", children: [_jsx("input", { type: "checkbox", checked: showAll, onChange: (e) => setShowAll(e.target.checked), className: "accent-[#ff5800] w-3.5 h-3.5" }), "Show all"] })] }), _jsxs("div", { className: "relative", children: [_jsx("svg", { "aria-hidden": "true", className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-white/30", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx("input", { value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search endpoints...", className: "w-full pl-10 pr-4 py-2.5 rounded-none border border-white/10 bg-black/40 text-sm text-white placeholder:text-white/30     transition-all" })] }), _jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-white/40", children: [_jsxs("span", { children: [filtered.length, " endpoint", filtered.length === 1 ? "" : "s"] }), _jsx("span", { className: "text-white/30", children: "Click to view details" })] })] }), _jsx("div", { className: "max-h-[65vh] overflow-auto scrollbar-thin scrollbar-thumb-white/10 scrollbar-track-transparent", children: groups.length === 0 ? (_jsx("div", { className: "p-6 text-center text-sm text-white/40", children: "No endpoints match your search" })) : (groups.map((g) => (_jsxs("details", { open: true, className: "border-b border-white/5 group", children: [_jsxs("summary", { className: "cursor-pointer select-none px-4 py-3 text-sm font-semibold text-white/70 hover:text-white hover:bg-white/5 transition-colors flex items-center justify-between", children: [_jsx("span", { children: GROUP_LABELS[g.group] || g.group }), _jsx("span", { className: "text-xs font-normal text-white/30 bg-white/5 px-2 py-0.5 rounded-full", children: g.routes.length })] }), _jsx("div", { className: "px-2 pb-2", children: g.routes.map((r) => {
                                                 const key = `${r.path}::${r.methods.join(",")}`;
                                                 const active = selectedKey === key;
                                                 const title = r.meta?.name ??

package/cloud-ui/components/docs/docs-layout.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { NavItem } from "./docs-types";
+import type { NavItem } from "./docs-types.js";
 export type DocsLayoutProps = {
     children: ReactNode;
     navItems: NavItem[];

package/cloud-ui/components/docs/index.d.ts

@@ -1,12 +1,12 @@
-export type { ApiParameterSelectOption, ApiParameterSelectProps, } from "./api-parameter-select";
-export { ApiParameterSelect } from "./api-parameter-select";
-export type { DocsLayoutProps } from "./docs-layout";
-export { DocsLayout } from "./docs-layout";
-export type { DocsFrontmatter, MdxModule, NavItem } from "./docs-types";
-export type { ApiEndpointCardEndpoint, ApiEndpointCardPricing, EndpointCardProps, } from "./endpoint-card";
-export { EndpointCard } from "./endpoint-card";
-export { LlmsTxtBadge } from "./llms-txt-badge";
-export { Callout, type CalloutType, Cards, Steps, } from "./mdx-components";
-export type { OpenApiViewerProps } from "./openapi-viewer";
-export { OpenApiViewer } from "./openapi-viewer";
+export type { ApiParameterSelectOption, ApiParameterSelectProps, } from "./api-parameter-select.js";
+export { ApiParameterSelect } from "./api-parameter-select.js";
+export type { DocsLayoutProps } from "./docs-layout.js";
+export { DocsLayout } from "./docs-layout.js";
+export type { DocsFrontmatter, MdxModule, NavItem } from "./docs-types.js";
+export type { ApiEndpointCardEndpoint, ApiEndpointCardPricing, EndpointCardProps, } from "./endpoint-card.js";
+export { EndpointCard } from "./endpoint-card.js";
+export { LlmsTxtBadge } from "./llms-txt-badge.js";
+export { Callout, type CalloutType, Cards, Steps, } from "./mdx-components.js";
+export type { OpenApiViewerProps } from "./openapi-viewer.js";
+export { OpenApiViewer } from "./openapi-viewer.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/drawer.js

@@ -22,7 +22,7 @@ function DrawerOverlay({ className, ...props }) {
     return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
 }
 function DrawerContent({ className, children, ...props }) {
-    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-neutral-950/95 text-white backdrop-blur-xl", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-white/10", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-white/10", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-white/10 data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:border-white/10 data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 bg-white/15 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
+    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-neutral-950/95 text-white", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-white/10", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-white/10", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-white/10 data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:border-white/10 data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 bg-white/15 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
 }
 function DrawerHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), ...props }));

package/cloud-ui/components/image-gen/index.d.ts

@@ -1,5 +1,5 @@
-export { ImageEmptyState } from "./empty-state";
-export { EnhancedLoading } from "./enhanced-loading";
-export { LoadingState as ImageLoadingState } from "./loading-state";
-export { type AspectRatio, ImagePromptInput, type StylePreset, } from "./prompt-input";
+export { ImageEmptyState } from "./empty-state.js";
+export { EnhancedLoading } from "./enhanced-loading.js";
+export { LoadingState as ImageLoadingState } from "./loading-state.js";
+export { type AspectRatio, ImagePromptInput, type StylePreset, } from "./prompt-input.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/image-gen/prompt-input.js

@@ -20,5 +20,5 @@ import { Button } from "../../../components/ui/button.js";
 import { Label } from "../../../components/ui/label.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../components/ui/select.js";
 export function ImagePromptInput({ prompt, onPromptChange, onSubmit, isLoading, numImages, onNumImagesChange, aspectRatio, onAspectRatioChange, stylePreset, onStylePresetChange, }) {
-    return (_jsx("div", { className: "rounded-sm border bg-gradient-to-br from-card to-muted/20 p-8 ", children: _jsxs("form", { onSubmit: onSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "num-images", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-primary" }), "Images"] }), _jsxs(Select, { value: numImages.toString(), onValueChange: (value) => onNumImagesChange(parseInt(value, 10)), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "num-images", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select number" }) }), _jsx(SelectContent, { children: [1, 2, 3, 4].map((num) => (_jsxs(SelectItem, { value: num.toString(), children: [num, " ", num === 1 ? "Image" : "Images"] }, num))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "aspect-ratio", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Ratio, { className: "h-4 w-4 text-primary" }), "Ratio"] }), _jsxs(Select, { value: aspectRatio, onValueChange: (value) => onAspectRatioChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "aspect-ratio", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select ratio" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "1:1", children: "1:1 (Square)" }), _jsx(SelectItem, { value: "16:9", children: "16:9 (Landscape)" }), _jsx(SelectItem, { value: "9:16", children: "9:16 (Portrait)" }), _jsx(SelectItem, { value: "4:3", children: "4:3" }), _jsx(SelectItem, { value: "3:4", children: "3:4" }), _jsx(SelectItem, { value: "21:9", children: "21:9 (Ultra Wide)" }), _jsx(SelectItem, { value: "9:21", children: "9:21 (Ultra Tall)" })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "style-preset", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Palette, { className: "h-4 w-4 text-primary" }), "Style Preset"] }), _jsxs(Select, { value: stylePreset, onValueChange: (value) => onStylePresetChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "style-preset", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select style" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "None" }), _jsx(SelectItem, { value: "photographic", children: "Photographic" }), _jsx(SelectItem, { value: "digital-art", children: "Digital Art" }), _jsx(SelectItem, { value: "comic-book", children: "Comic Book" }), _jsx(SelectItem, { value: "fantasy-art", children: "Fantasy Art" }), _jsx(SelectItem, { value: "analog-film", children: "Analog Film" }), _jsx(SelectItem, { value: "neon-punk", children: "Neon Punk" }), _jsx(SelectItem, { value: "isometric", children: "Isometric" }), _jsx(SelectItem, { value: "low-poly", children: "Low Poly" }), _jsx(SelectItem, { value: "origami", children: "Origami" }), _jsx(SelectItem, { value: "line-art", children: "Line Art" }), _jsx(SelectItem, { value: "cinematic", children: "Cinematic" }), _jsx(SelectItem, { value: "3d-model", children: "3D Model" })] })] })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("label", { htmlFor: "prompt", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Wand2, { className: "h-4 w-4 text-primary" }), "Image Description"] }) }), _jsx("textarea", { id: "prompt", value: prompt, onChange: (e) => onPromptChange(e.currentTarget.value), placeholder: "Describe the image you want to generate in detail... The more specific you are, the better the results!", disabled: isLoading, rows: 6, className: "w-full rounded-sm border-2 bg-background px-5 py-4 text-sm leading-relaxed placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent disabled:opacity-50 disabled:cursor-not-allowed resize-none transition-all" })] }), _jsx(Button, { type: "submit", disabled: isLoading || !prompt.trim(), className: "w-full rounded-sm h-12 text-base font-medium transition-all", size: "lg", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), "Generating your masterpiece..."] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "mr-2 h-5 w-5" }), "Generate Image"] })) })] }) }));
+    return (_jsx("div", { className: "rounded-sm border bg-gradient-to-br from-card to-muted/20 p-8 ", children: _jsxs("form", { onSubmit: onSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "num-images", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-primary" }), "Images"] }), _jsxs(Select, { value: numImages.toString(), onValueChange: (value) => onNumImagesChange(parseInt(value, 10)), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "num-images", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select number" }) }), _jsx(SelectContent, { children: [1, 2, 3, 4].map((num) => (_jsxs(SelectItem, { value: num.toString(), children: [num, " ", num === 1 ? "Image" : "Images"] }, num))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "aspect-ratio", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Ratio, { className: "h-4 w-4 text-primary" }), "Ratio"] }), _jsxs(Select, { value: aspectRatio, onValueChange: (value) => onAspectRatioChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "aspect-ratio", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select ratio" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "1:1", children: "1:1 (Square)" }), _jsx(SelectItem, { value: "16:9", children: "16:9 (Landscape)" }), _jsx(SelectItem, { value: "9:16", children: "9:16 (Portrait)" }), _jsx(SelectItem, { value: "4:3", children: "4:3" }), _jsx(SelectItem, { value: "3:4", children: "3:4" }), _jsx(SelectItem, { value: "21:9", children: "21:9 (Ultra Wide)" }), _jsx(SelectItem, { value: "9:21", children: "9:21 (Ultra Tall)" })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "style-preset", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Palette, { className: "h-4 w-4 text-primary" }), "Style Preset"] }), _jsxs(Select, { value: stylePreset, onValueChange: (value) => onStylePresetChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "style-preset", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select style" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "None" }), _jsx(SelectItem, { value: "photographic", children: "Photographic" }), _jsx(SelectItem, { value: "digital-art", children: "Digital Art" }), _jsx(SelectItem, { value: "comic-book", children: "Comic Book" }), _jsx(SelectItem, { value: "fantasy-art", children: "Fantasy Art" }), _jsx(SelectItem, { value: "analog-film", children: "Analog Film" }), _jsx(SelectItem, { value: "neon-punk", children: "Neon Punk" }), _jsx(SelectItem, { value: "isometric", children: "Isometric" }), _jsx(SelectItem, { value: "low-poly", children: "Low Poly" }), _jsx(SelectItem, { value: "origami", children: "Origami" }), _jsx(SelectItem, { value: "line-art", children: "Line Art" }), _jsx(SelectItem, { value: "cinematic", children: "Cinematic" }), _jsx(SelectItem, { value: "3d-model", children: "3D Model" })] })] })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("label", { htmlFor: "prompt", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Wand2, { className: "h-4 w-4 text-primary" }), "Image Description"] }) }), _jsx("textarea", { id: "prompt", value: prompt, onChange: (e) => onPromptChange(e.currentTarget.value), placeholder: "Describe the image you want to generate in detail... The more specific you are, the better the results!", disabled: isLoading, rows: 6, className: "w-full rounded-sm border-2 bg-background px-5 py-4 text-sm leading-relaxed placeholder:text-muted-foreground/60     disabled:opacity-50 disabled:cursor-not-allowed resize-none transition-all" })] }), _jsx(Button, { type: "submit", disabled: isLoading || !prompt.trim(), className: "w-full rounded-sm h-12 text-base font-medium transition-all", size: "lg", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), "Generating your masterpiece..."] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "mr-2 h-5 w-5" }), "Generate Image"] })) })] }) }));
 }

package/cloud-ui/components/layout/dashboard-route-page.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef, DependencyList, ReactNode } from "react";
-import { DashboardPageContainer, DashboardPageStack } from "./dashboard-page";
+import { DashboardPageContainer, DashboardPageStack } from "./dashboard-page.js";
 type DashboardRoutePageBannerTone = "info" | "success" | "warning" | "error";
 type DashboardRoutePageContainerProps = Omit<ComponentPropsWithoutRef<typeof DashboardPageContainer>, "children">;
 type DashboardRoutePageStackProps = Omit<ComponentPropsWithoutRef<typeof DashboardPageStack>, "children">;

package/cloud-ui/components/layout/dashboard-sidebar-item.d.ts

@@ -1,4 +1,4 @@
-import type { DashboardSidebarItem, DashboardSidebarLinkRenderer } from "./dashboard-sidebar-types";
+import type { DashboardSidebarItem, DashboardSidebarLinkRenderer } from "./dashboard-sidebar-types.js";
 export interface DashboardSidebarNavigationItemProps {
     item: DashboardSidebarItem;
     activePath: string;

package/cloud-ui/components/layout/dashboard-sidebar-section.d.ts

@@ -1,4 +1,4 @@
-import type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarSection as DashboardSidebarSectionData } from "./dashboard-sidebar-types";
+import type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarSection as DashboardSidebarSectionData } from "./dashboard-sidebar-types.js";
 export interface DashboardSidebarNavigationSectionProps {
     section: DashboardSidebarSectionData;
     activePath: string;

package/cloud-ui/components/layout/dashboard-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarSection } from "./dashboard-sidebar-types";
+import type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarSection } from "./dashboard-sidebar-types.js";
 export interface DashboardSidebarProps {
     sections: DashboardSidebarSection[];
     activePath: string;

package/cloud-ui/components/layout/dashboard-sidebar.js

@@ -11,7 +11,7 @@ function DashboardSidebarComponent({ sections, activePath, authenticated, classN
     const handleCloseClick = useCallback(() => {
         onToggle?.();
     }, [onToggle]);
-    return (_jsxs(_Fragment, { children: [isOpen && (_jsx("button", { type: "button", "aria-label": "Close navigation backdrop", className: "fixed inset-0 z-40 bg-black/50 md:hidden", onClick: handleBackdropClick })), _jsxs("aside", { className: cn("fixed inset-y-0 left-0 z-50 flex h-dvh w-[min(18rem,calc(100vw-1rem))] flex-col overflow-hidden border-r border-white/14 bg-black p-1.5 transition-transform duration-300 ease-in-out md:static md:z-auto md:h-auto md:min-h-dvh md:w-72 md:translate-x-0 md:overflow-visible", isOpen ? "translate-x-0" : "-translate-x-full", className), children: [_jsxs("div", { className: "relative mb-2 flex h-14 shrink-0 grow-0 items-center justify-between px-3", children: [logo ? _jsx("div", { className: "relative z-10", children: logo }) : null, onToggle && (_jsx("button", { type: "button", onClick: handleCloseClick, className: "relative z-10 border border-white/10 bg-white/5 p-2 transition-colors hover:border-white/20 hover:bg-white/10 focus:bg-white/10 focus:outline-none md:hidden", "aria-label": "Close navigation", children: _jsx(X, { className: "h-4 w-4 text-white" }) }))] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto md:flex-none md:overflow-visible", children: _jsx("nav", { className: "px-4 py-6", children: _jsx("div", { className: "space-y-8", children: sections.map((section) => (_jsx(DashboardSidebarNavigationSection, { section: section, activePath: activePath, authenticated: authenticated, isAdmin: isAdmin, adminRole: adminRole, isCollapsed: false, isFeatureEnabled: isFeatureEnabled, renderLink: renderLink, getLoginHref: getLoginHref, isItemActive: isItemActive }, section.title ??
+    return (_jsxs(_Fragment, { children: [isOpen && (_jsx("button", { type: "button", "aria-label": "Close navigation backdrop", className: "fixed inset-0 z-40 bg-black/50 md:hidden", onClick: handleBackdropClick })), _jsxs("aside", { className: cn("fixed inset-y-0 left-0 z-50 flex h-dvh w-[min(18rem,calc(100vw-1rem))] flex-col overflow-hidden border-r border-white/14 bg-black p-1.5 transition-transform duration-300 ease-in-out md:static md:z-auto md:h-auto md:min-h-dvh md:w-72 md:translate-x-0 md:overflow-visible", isOpen ? "translate-x-0" : "-translate-x-full", className), children: [_jsxs("div", { className: "relative mb-2 flex h-14 shrink-0 grow-0 items-center justify-between px-3", children: [logo ? _jsx("div", { className: "relative z-10", children: logo }) : null, onToggle && (_jsx("button", { type: "button", onClick: handleCloseClick, className: "relative z-10 border border-white/10 bg-white/5 p-2 transition-colors hover:border-white/20 hover:bg-white/10   md:hidden", "aria-label": "Close navigation", children: _jsx(X, { className: "h-4 w-4 text-white" }) }))] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto md:flex-none md:overflow-visible", children: _jsx("nav", { className: "px-4 py-6", children: _jsx("div", { className: "space-y-8", children: sections.map((section) => (_jsx(DashboardSidebarNavigationSection, { section: section, activePath: activePath, authenticated: authenticated, isAdmin: isAdmin, adminRole: adminRole, isCollapsed: false, isFeatureEnabled: isFeatureEnabled, renderLink: renderLink, getLoginHref: getLoginHref, isItemActive: isItemActive }, section.title ??
                                     section.items.map((item) => item.id).join("-")))) }) }) }), footer] })] }));
 }
 export const DashboardSidebar = memo(DashboardSidebarComponent);

package/cloud-ui/components/layout/index.d.ts

@@ -1,12 +1,12 @@
-export { DashboardHeader, type DashboardHeaderPageInfo, type DashboardHeaderProps, } from "./dashboard-header";
-export { DashboardPageContainer, DashboardPageStack, DashboardStatGrid, DashboardToolbar, } from "./dashboard-page";
-export { DashboardRoutePage, type DashboardRoutePageBannerTone, type DashboardRoutePageContainerProps, type DashboardRoutePageProps, type DashboardRoutePageStackProps, } from "./dashboard-route-page";
-export { DashboardShellLayout, type DashboardShellLayoutProps, } from "./dashboard-shell";
-export { DashboardSidebar, type DashboardSidebarProps, } from "./dashboard-sidebar";
-export { DashboardSidebarNavigationItem, type DashboardSidebarNavigationItemProps, } from "./dashboard-sidebar-item";
-export { DashboardSidebarNavigationSection, type DashboardSidebarNavigationSectionProps, } from "./dashboard-sidebar-section";
-export type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarLinkRenderProps, DashboardSidebarSection, } from "./dashboard-sidebar-types";
-export { PageHeaderProvider } from "./page-header-context";
-export { usePageHeader, useSetPageHeader, } from "./page-header-context.hooks";
-export { PageTransition } from "./page-transition";
+export { DashboardHeader, type DashboardHeaderPageInfo, type DashboardHeaderProps, } from "./dashboard-header.js";
+export { DashboardPageContainer, DashboardPageStack, DashboardStatGrid, DashboardToolbar, } from "./dashboard-page.js";
+export { DashboardRoutePage, type DashboardRoutePageBannerTone, type DashboardRoutePageContainerProps, type DashboardRoutePageProps, type DashboardRoutePageStackProps, } from "./dashboard-route-page.js";
+export { DashboardShellLayout, type DashboardShellLayoutProps, } from "./dashboard-shell.js";
+export { DashboardSidebar, type DashboardSidebarProps, } from "./dashboard-sidebar.js";
+export { DashboardSidebarNavigationItem, type DashboardSidebarNavigationItemProps, } from "./dashboard-sidebar-item.js";
+export { DashboardSidebarNavigationSection, type DashboardSidebarNavigationSectionProps, } from "./dashboard-sidebar-section.js";
+export type { DashboardSidebarItem, DashboardSidebarLinkRenderer, DashboardSidebarLinkRenderProps, DashboardSidebarSection, } from "./dashboard-sidebar-types.js";
+export { PageHeaderProvider } from "./page-header-context.js";
+export { usePageHeader, useSetPageHeader, } from "./page-header-context.hooks.js";
+export { PageTransition } from "./page-transition.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/log-viewer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Badge } from "../../components/ui/badge";
+import { Badge } from "../../components/ui/badge.js";
 type BadgeVariant = React.ComponentProps<typeof Badge>["variant"];
 export interface LogViewerBadge {
     key?: string;

package/cloud-ui/components/log-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-viewer.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/log-viewer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"log-viewer.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/log-viewer.tsx"],"names":[],"mappings":"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"}

package/cloud-ui/components/log-viewer.js

@@ -77,7 +77,7 @@ export function LogViewer({ title, subtitle, badges = [], fetchedAt, childrenBef
             };
         });
     }, [lines]);
-    return (_jsx(BrandCard, { className: cn("relative ", className), cornerSize: "sm", children: _jsxs("div", { className: "relative z-10 space-y-6", children: [_jsxs("div", { className: "flex flex-col gap-4 border-b border-white/10 pb-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-[#FF5800]" }), _jsx("h2", { className: "text-xl font-normal text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: title }), badges.map((badge) => (_jsx(Badge, { variant: badge.variant ?? "outline", className: badge.className, children: badge.label }, badge.key ?? String(badge.label))))] }), subtitle && _jsx("p", { className: "text-sm text-white/60", children: subtitle }), fetchedAt && (_jsxs("p", { className: "mt-1 text-xs text-white/40", children: ["Refreshed at ", new Date(fetchedAt).toLocaleTimeString()] }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [lineCountControl && (_jsxs(Select, { value: lineCountControl.value, onValueChange: lineCountControl.onChange, children: [_jsx(SelectTrigger, { className: cn("h-8 w-[100px] rounded-none border-white/10 bg-black/40 text-xs", lineCountControl.triggerClassName), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { className: "rounded-none border-white/10 bg-neutral-900", children: lineCountControl.options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })), onToggleStreaming && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onToggleStreaming, title: streamingTitle, children: streaming?.active ? (_jsx(Wifi, { className: "h-4 w-4" })) : streaming?.enabled ? (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin" })) : (_jsx(WifiOff, { className: "h-4 w-4" })) })), onRefresh && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onRefresh, title: refreshTitle, children: _jsx(RefreshCw, { className: cn("h-4 w-4", loading && "animate-spin") }) })), onCopyAll && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onCopyAll, disabled: copyDisabled, title: copyTitle, children: _jsx(Copy, { className: "h-4 w-4" }) })), onDownload && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onDownload, disabled: downloadDisabled, title: downloadTitle, children: _jsx(Download, { className: "h-4 w-4" }) }))] })] }), childrenBeforeSearch, (search || levelFilter) && (_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [search && (_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-white/40" }), _jsx(Input, { placeholder: search.placeholder ?? "Search logs...", value: search.value, onChange: (event) => search.onChange(event.target.value), className: "rounded-none border-white/10 bg-black/40 pl-9 text-white placeholder:text-white/40 focus-visible:ring-[#FF5800]/50", style: { fontFamily: "var(--font-roboto-mono)" } })] })), levelFilter && (_jsxs(Select, { value: levelFilter.value, onValueChange: levelFilter.onChange, children: [_jsx(SelectTrigger, { className: cn("w-full rounded-none border-white/10 bg-black/40 sm:w-[140px]", levelFilter.triggerClassName), style: { fontFamily: "var(--font-roboto-mono)" }, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { className: "rounded-none border-white/10 bg-[#0A0A0A]", children: levelFilter.options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }))] })), search?.resultLabel && (_jsx("p", { className: "text-xs text-white/50", style: { fontFamily: "var(--font-roboto-mono)" }, children: search.resultLabel })), loading && !hasData ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-full rounded-none" }), _jsx(Skeleton, { className: "h-5 w-full rounded-none" }), _jsx(Skeleton, { className: "h-5 w-3/4 rounded-none" })] })) : error ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Terminal, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "mb-1 text-sm font-medium text-red-400", style: { fontFamily: "var(--font-roboto-mono)" }, children: errorTitle }), _jsx("p", { className: "text-xs text-white/40", children: error }), showRetryOnError && onRetry && (_jsxs(BrandButton, { variant: "outline", size: "sm", onClick: onRetry, className: "mt-4", children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), retryLabel] }))] })) : !hasData ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Terminal, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "text-sm text-white/60", children: isFilteredEmpty ? filteredEmptyState.title : emptyState.title }), (isFilteredEmpty
+    return (_jsx(BrandCard, { className: cn("relative ", className), cornerSize: "sm", children: _jsxs("div", { className: "relative z-10 space-y-6", children: [_jsxs("div", { className: "flex flex-col gap-4 border-b border-white/10 pb-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-[#FF5800]" }), _jsx("h2", { className: "text-xl font-normal text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: title }), badges.map((badge) => (_jsx(Badge, { variant: badge.variant ?? "outline", className: badge.className, children: badge.label }, badge.key ?? String(badge.label))))] }), subtitle && _jsx("p", { className: "text-sm text-white/60", children: subtitle }), fetchedAt && (_jsxs("p", { className: "mt-1 text-xs text-white/40", children: ["Refreshed at ", new Date(fetchedAt).toLocaleTimeString()] }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [lineCountControl && (_jsxs(Select, { value: lineCountControl.value, onValueChange: lineCountControl.onChange, children: [_jsx(SelectTrigger, { className: cn("h-8 w-[100px] rounded-none border-white/10 bg-black/40 text-xs", lineCountControl.triggerClassName), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { className: "rounded-none border-white/10 bg-neutral-900", children: lineCountControl.options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })), onToggleStreaming && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onToggleStreaming, title: streamingTitle, children: streaming?.active ? (_jsx(Wifi, { className: "h-4 w-4" })) : streaming?.enabled ? (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin" })) : (_jsx(WifiOff, { className: "h-4 w-4" })) })), onRefresh && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onRefresh, title: refreshTitle, children: _jsx(RefreshCw, { className: cn("h-4 w-4", loading && "animate-spin") }) })), onCopyAll && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onCopyAll, disabled: copyDisabled, title: copyTitle, children: _jsx(Copy, { className: "h-4 w-4" }) })), onDownload && (_jsx(BrandButton, { variant: "outline", size: "sm", onClick: onDownload, disabled: downloadDisabled, title: downloadTitle, children: _jsx(Download, { className: "h-4 w-4" }) }))] })] }), childrenBeforeSearch, (search || levelFilter) && (_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [search && (_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-white/40" }), _jsx(Input, { placeholder: search.placeholder ?? "Search logs...", value: search.value, onChange: (event) => search.onChange(event.target.value), className: "rounded-none border-white/10 bg-black/40 pl-9 text-white placeholder:text-white/40 ", style: { fontFamily: "var(--font-roboto-mono)" } })] })), levelFilter && (_jsxs(Select, { value: levelFilter.value, onValueChange: levelFilter.onChange, children: [_jsx(SelectTrigger, { className: cn("w-full rounded-none border-white/10 bg-black/40 sm:w-[140px]", levelFilter.triggerClassName), style: { fontFamily: "var(--font-roboto-mono)" }, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { className: "rounded-none border-white/10 bg-[#0A0A0A]", children: levelFilter.options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }))] })), search?.resultLabel && (_jsx("p", { className: "text-xs text-white/50", style: { fontFamily: "var(--font-roboto-mono)" }, children: search.resultLabel })), loading && !hasData ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-full rounded-none" }), _jsx(Skeleton, { className: "h-5 w-full rounded-none" }), _jsx(Skeleton, { className: "h-5 w-3/4 rounded-none" })] })) : error ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Terminal, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "mb-1 text-sm font-medium text-red-400", style: { fontFamily: "var(--font-roboto-mono)" }, children: errorTitle }), _jsx("p", { className: "text-xs text-white/40", children: error }), showRetryOnError && onRetry && (_jsxs(BrandButton, { variant: "outline", size: "sm", onClick: onRetry, className: "mt-4", children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), retryLabel] }))] })) : !hasData ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Terminal, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "text-sm text-white/60", children: isFilteredEmpty ? filteredEmptyState.title : emptyState.title }), (isFilteredEmpty
                             ? filteredEmptyState.description
                             : emptyState.description) && (_jsx("p", { className: "mt-1 text-xs text-white/40", children: isFilteredEmpty
                                 ? filteredEmptyState.description
@@ -87,7 +87,10 @@ export function LogViewer({ title, subtitle, badges = [], fetchedAt, childrenBef
                                 ? filteredEmptyState.action
                                 : emptyState.action }))] })) : (_jsx(ScrollArea, { className: cn("w-full rounded-none border border-white/10", heightClassName), children: _jsxs("div", { ref: contentRef, className: cn("space-y-px p-3 font-mono text-xs", entries && "space-y-1 p-4 text-sm"), style: { fontFamily: "var(--font-roboto-mono)" }, children: [renderedLines?.map(({ line, key }) => (_jsx("div", { className: cn("whitespace-pre-wrap break-all border-l-2 px-2 py-0.5 transition-colors hover:bg-white/5", lineClassName(line)), children: line }, key))), entries?.map((entry, index) => (_jsxs("div", { className: cn("group flex gap-3 rounded-none border-l-2 p-2 transition-colors hover:bg-white/5", entryClassName(entry)), style: {
                                     borderLeftColor: entryLevelBorderColor?.(entry.level ?? ""),
-                                }, children: [entry.level && (_jsx(Badge, { variant: entryLevelVariant(entry.level), className: "h-5 shrink-0 rounded-none font-mono text-xs", children: entry.level.toUpperCase() })), entry.timestamp && (_jsx("span", { className: "min-w-[70px] shrink-0 text-xs text-white/60", children: formatTimestamp(entry.timestamp) })), _jsx("span", { className: "flex-1 whitespace-pre-wrap break-all text-white/80", children: entry.message }), renderMetadata(entry.metadata) && (_jsx("span", { className: "max-w-[200px] truncate text-xs text-white/50", children: renderMetadata(entry.metadata) })), onCopyEntry && (_jsx(BrandButton, { variant: "ghost", size: "sm", onClick: () => onCopyEntry(entry), className: "h-6 w-6 shrink-0 p-0 opacity-0 transition-opacity group-hover:opacity-100", title: "Copy log line", children: _jsx(Copy, { className: "h-3 w-3" }) }))] }, entry.id ?? `${entry.timestamp ?? ""}-${index}`)))] }) })), streaming?.enabled && (_jsx("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: streaming.active ? (_jsxs(_Fragment, { children: [_jsx(Wifi, { className: "h-3 w-3 text-green-500" }), _jsx("span", { className: "text-green-500", children: streaming.activeLabel ??
+                                }, children: [entry.level && (_jsx(Badge, { variant: entryLevelVariant(entry.level), className: "h-5 shrink-0 rounded-none font-mono text-xs", children: entry.level.toUpperCase() })), entry.timestamp && (_jsx("span", { className: "min-w-[70px] shrink-0 text-xs text-white/60", children: formatTimestamp(entry.timestamp) })), _jsx("span", { className: "flex-1 whitespace-pre-wrap break-all text-white/80", children: entry.message }), (() => {
+                                        const meta = renderMetadata(entry.metadata);
+                                        return (meta && (_jsx("span", { className: "max-w-[200px] truncate text-xs text-white/50", children: meta })));
+                                    })(), onCopyEntry && (_jsx(BrandButton, { variant: "ghost", size: "sm", onClick: () => onCopyEntry(entry), className: "h-6 w-6 shrink-0 p-0 opacity-0 transition-opacity group-hover:opacity-100", title: "Copy log line", children: _jsx(Copy, { className: "h-3 w-3" }) }))] }, entry.id ?? `${entry.timestamp ?? ""}-${index}`)))] }) })), streaming?.enabled && (_jsx("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: streaming.active ? (_jsxs(_Fragment, { children: [_jsx(Wifi, { className: "h-3 w-3 text-green-500" }), _jsx("span", { className: "text-green-500", children: streaming.activeLabel ??
                                     streaming.label ??
                                     "Live streaming enabled" })] })) : (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { className: "h-3 w-3 animate-spin" }), streaming.inactiveLabel ??
                                 streaming.label ??

package/cloud-ui/components/monetization/animated-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animated-counter.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/monetization/animated-counter.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAW,EACX,MAAW,EACX,QAAY,EACZ,QAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,oBAAoB,2CAmDtB;AAED,UAAU,6BAA8B,SAAQ,oBAAoB;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,GAAG,YAAY,EAChB,EAAE,6BAA6B,2CAwB/B"}
+{"version":3,"file":"animated-counter.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/monetization/animated-counter.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAW,EACX,MAAW,EACX,QAAY,EACZ,QAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,oBAAoB,2CAqDtB;AAED,UAAU,6BAA8B,SAAQ,oBAAoB;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,GAAG,YAAY,EAChB,EAAE,6BAA6B,2CAwB/B"}

package/cloud-ui/components/monetization/animated-counter.js

@@ -10,6 +10,8 @@ export function AnimatedCounter({ value, prefix = "", suffix = "", decimals = 2,
     const [displayValue, setDisplayValue] = useState(0);
     const previousValue = useRef(0);
     const animationRef = useRef(null);
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
     useEffect(() => {
         const startValue = previousValue.current;
         const endValue = value;
@@ -26,7 +28,7 @@ export function AnimatedCounter({ value, prefix = "", suffix = "", decimals = 2,
             }
             else {
                 previousValue.current = endValue;
-                onComplete?.();
+                onCompleteRef.current?.();
             }
         };
         animationRef.current = requestAnimationFrame(animate);
@@ -35,7 +37,7 @@ export function AnimatedCounter({ value, prefix = "", suffix = "", decimals = 2,
                 cancelAnimationFrame(animationRef.current);
             }
         };
-    }, [value, duration, onComplete]);
+    }, [value, duration]);
     const formattedValue = displayValue.toFixed(decimals);
     return (_jsxs("span", { className: cn("tabular-nums font-mono transition-opacity duration-300", className), children: [prefix, formattedValue, suffix] }));
 }

package/cloud-ui/components/monetization/index.d.ts

@@ -1,5 +1,5 @@
-export { AnimatedCounter, AnimatedCounterWithLabel } from "./animated-counter";
-export { EarningsSimulator } from "./earnings-simulator";
-export { MilestoneCard, MilestoneProgress } from "./milestone-progress";
-export { RevenueFlowDiagram } from "./revenue-flow-diagram";
+export { AnimatedCounter, AnimatedCounterWithLabel } from "./animated-counter.js";
+export { EarningsSimulator } from "./earnings-simulator.js";
+export { MilestoneCard, MilestoneProgress } from "./milestone-progress.js";
+export { RevenueFlowDiagram } from "./revenue-flow-diagram.js";
 //# sourceMappingURL=index.d.ts.map