@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.3

package/cloud-ui/components/data-list/apps-list-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps-list-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/apps-list-view.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C;AAwBD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,WAAW,GACZ,EAAE,iBAAiB,kDAiHnB"}

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Activity, Copy, ExternalLink, Loader2, Settings, Trash2, Users, } from "lucide-react";
+import { Badge } from "../../../components/ui/badge.js";
+import { StatusBadge } from "../../../components/ui/status-badge.js";
+import { DashboardDataList } from "./dashboard-data-list.js";
+import { ListActionMenu } from "./list-action-menu.js";
+function formatRelativeTime(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return "Recently";
+    const diffMs = Date.now() - date.getTime();
+    const minutes = Math.max(0, Math.floor(diffMs / 60_000));
+    if (minutes < 1)
+        return "Just now";
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    if (days < 7)
+        return `${days}d ago`;
+    return date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+export function AppsListView({ apps, deletingId, renderAppLink, onCopyUrl, onDeleteApp, }) {
+    if (apps.length === 0) {
+        return null;
+    }
+    return (_jsx(DashboardDataList, { className: "grid grid-cols-1 gap-2 space-y-0", children: apps.map((app) => (_jsx("div", { className: "group relative min-w-0 overflow-hidden rounded-sm border border-white/10 bg-white/5 transition-all duration-300 hover:border-white/20 hover:bg-white/[0.07]", children: _jsxs("div", { className: "px-3 py-2.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [renderAppLink({
+                                        app,
+                                        className: "min-w-0 truncate text-sm font-medium text-white transition-colors hover:text-[#FF5800]",
+                                        children: app.name,
+                                    }), _jsx(StatusBadge, { status: app.is_active ? "success" : "neutral", label: app.is_active ? "Active" : "Inactive", className: "px-1.5 py-0 text-[10px]" }), app.affiliate_code ? (_jsx(Badge, { className: "shrink-0 rounded-sm border-purple-500/30 bg-purple-500/20 px-1.5 py-0 text-[10px] text-purple-400", children: "Affiliate" })) : null] }), _jsx(ListActionMenu, { triggerClassName: "h-8 w-8 rounded-sm bg-transparent hover:bg-white/10", contentClassName: "w-44", onTriggerClick: (event) => event.preventDefault(), items: [
+                                    {
+                                        asChild: true,
+                                        label: "Manage App",
+                                        className: "cursor-pointer",
+                                        child: renderAppLink({
+                                            app,
+                                            children: (_jsxs(_Fragment, { children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), "Manage App"] })),
+                                        }),
+                                    },
+                                    {
+                                        label: "Copy URL",
+                                        icon: Copy,
+                                        className: "cursor-pointer",
+                                        onSelect: () => onCopyUrl?.(app),
+                                    },
+                                    ...(app.website_url
+                                        ? [
+                                            {
+                                                asChild: true,
+                                                label: "Visit Website",
+                                                className: "cursor-pointer",
+                                                child: (_jsxs("a", { href: app.website_url, target: "_blank", rel: "noopener noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), "Visit Website"] })),
+                                            },
+                                        ]
+                                        : []),
+                                    { type: "separator" },
+                                    {
+                                        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   [&_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/dashboard-data-list.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+interface DashboardDataListProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function DashboardDataList({ children, className, }: DashboardDataListProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardDataListMobileProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function DashboardDataListMobile({ children, className, }: DashboardDataListMobileProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardDataListDesktopProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function DashboardDataListDesktop({ children, className, }: DashboardDataListDesktopProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardDataListCardProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function DashboardDataListCard({ children, className, }: DashboardDataListCardProps): import("react/jsx-runtime").JSX.Element;
+interface DashboardDataListFilteredCountProps {
+    filtered: number;
+    total: number;
+    label: string;
+    className?: string;
+}
+export declare function DashboardDataListFilteredCount({ filtered, total, label, className, }: DashboardDataListFilteredCountProps): import("react/jsx-runtime").JSX.Element;
+export type { DashboardDataListCardProps, DashboardDataListDesktopProps, DashboardDataListFilteredCountProps, DashboardDataListMobileProps, DashboardDataListProps, };
+//# sourceMappingURL=dashboard-data-list.d.ts.map

package/cloud-ui/components/data-list/dashboard-data-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-data-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/dashboard-data-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAMxB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,2CAS9B;AAED,UAAU,6BAA6B;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE,6BAA6B,2CAY/B;AAED,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CAS5B;AAED,UAAU,mCAAmC;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,mCAAmC,2CAYrC;AAED,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,mCAAmC,EACnC,4BAA4B,EAC5B,sBAAsB,GACvB,CAAC"}

package/cloud-ui/components/data-list/dashboard-data-list.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+export function DashboardDataList({ children, className, }) {
+    return (_jsx("div", { "data-slot": "dashboard-data-list", className: cn("space-y-4", className), children: children }));
+}
+export function DashboardDataListMobile({ children, className, }) {
+    return (_jsx("div", { "data-slot": "dashboard-data-list-mobile", className: cn("space-y-2 md:hidden", className), children: children }));
+}
+export function DashboardDataListDesktop({ children, className, }) {
+    return (_jsx("div", { "data-slot": "dashboard-data-list-desktop", className: cn("hidden overflow-hidden border border-white/10 md:block", className), children: children }));
+}
+export function DashboardDataListCard({ children, className, }) {
+    return (_jsx("div", { "data-slot": "dashboard-data-list-card", className: cn("border border-white/10 bg-black/40 p-4", className), children: children }));
+}
+export function DashboardDataListFilteredCount({ filtered, total, label, className, }) {
+    return (_jsxs("p", { "data-slot": "dashboard-data-list-filtered-count", className: cn("text-[11px] uppercase tracking-widest text-white/40 tabular-nums", className), children: [filtered, " of ", total, " ", label] }));
+}

package/cloud-ui/components/data-list/dashboard-table-skeleton.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+interface DashboardTableSkeletonColumn {
+    key: string;
+    label: ReactNode;
+    cellClassName?: string;
+    skeletonClassName?: string;
+}
+interface DashboardTableSkeletonProps {
+    columns: readonly DashboardTableSkeletonColumn[];
+    rows?: number;
+    className?: string;
+}
+export declare function DashboardTableSkeleton({ columns, rows, className, }: DashboardTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type { DashboardTableSkeletonColumn, DashboardTableSkeletonProps };
+//# sourceMappingURL=dashboard-table-skeleton.d.ts.map

package/cloud-ui/components/data-list/dashboard-table-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-table-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/dashboard-table-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,UAAU,4BAA4B;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,2BAA2B;IACnC,OAAO,EAAE,SAAS,4BAA4B,EAAE,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,IAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,2CAkC7B;AAED,YAAY,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,CAAC"}

package/cloud-ui/components/data-list/dashboard-table-skeleton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../../../components/ui/skeleton.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../components/ui/table.js";
+import { cn } from "../../lib/utils.js";
+export function DashboardTableSkeleton({ columns, rows = 3, className, }) {
+    const rowIds = Array.from({ length: rows }, (_, index) => `dashboard-table-skeleton-row-${index + 1}`);
+    return (_jsx("div", { className: cn("overflow-hidden rounded-sm border", className), children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.map((column) => (_jsx(TableHead, { className: column.cellClassName, children: column.label }, column.key))) }) }), _jsx(TableBody, { children: rowIds.map((rowId) => (_jsx(TableRow, { children: columns.map((column) => (_jsx(TableCell, { className: column.cellClassName, children: _jsx(Skeleton, { className: cn("h-4 w-24", column.skeletonClassName) }) }, column.key))) }, rowId))) })] }) }));
+}

package/cloud-ui/components/data-list/data-list-empty-state.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType, ReactNode } from "react";
+interface DataListEmptyStateProps {
+    title: string;
+    description?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    action?: ReactNode;
+    className?: string;
+}
+/**
+ * Empty state for the dashboard data-list surfaces — the shared `EmptyState`
+ * primitive wrapped in the elevated card frame the data lists use. Takes the
+ * icon as a component (callers pass a lucide icon) rather than a rendered node.
+ */
+export declare function DataListEmptyState({ title, description, icon: Icon, action, className, }: DataListEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export type { DataListEmptyStateProps };
+//# sourceMappingURL=data-list-empty-state.d.ts.map

package/cloud-ui/components/data-list/data-list-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/data-list-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CAezB;AAED,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/cloud-ui/components/data-list/data-list-empty-state.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmptyState } from "../../../components/ui/empty-state.js";
+import { cn } from "../../lib/utils.js";
+/**
+ * Empty state for the dashboard data-list surfaces — the shared `EmptyState`
+ * primitive wrapped in the elevated card frame the data lists use. Takes the
+ * icon as a component (callers pass a lucide icon) rather than a rendered node.
+ */
+export function DataListEmptyState({ title, description, icon: Icon, action, className, }) {
+    return (_jsx(EmptyState, { "data-slot": "data-list-empty-state", variant: "minimal", className: cn("rounded-sm border border-border bg-bg-elevated p-8 md:p-12", className), icon: Icon ? _jsx(Icon, { className: "h-6 w-6" }) : undefined, title: title, description: description, action: action }));
+}

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

@@ -0,0 +1,9 @@
+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/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,mCAAmC,EACnC,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,8BAA8B,EAC9B,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,sBAAsB,EACtB,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,GACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,oBAAoB,CAAC"}

package/cloud-ui/components/data-list/index.js

@@ -0,0 +1,7 @@
+export { ApiKeysSummary, } from "./api-keys-summary.js";
+export { ApiKeysTable, } from "./api-keys-table.js";
+export { AppsListView, } from "./apps-list-view.js";
+export { DashboardDataList, DashboardDataListCard, DashboardDataListDesktop, DashboardDataListFilteredCount, DashboardDataListMobile, } from "./dashboard-data-list.js";
+export { DashboardTableSkeleton, } from "./dashboard-table-skeleton.js";
+export { DataListEmptyState, } from "./data-list-empty-state.js";
+export { ListActionMenu, } from "./list-action-menu.js";

package/cloud-ui/components/data-list/list-action-menu.d.ts

@@ -0,0 +1,40 @@
+import type { ComponentType, MouseEvent, ReactNode } from "react";
+type ListActionMenuItem = {
+    type?: "item";
+    key?: string;
+    label: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    onSelect?: () => void;
+    disabled?: boolean;
+    destructive?: boolean;
+    className?: string;
+    asChild?: false;
+} | {
+    type?: "item";
+    key?: string;
+    label: ReactNode;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    disabled?: boolean;
+    destructive?: boolean;
+    className?: string;
+    asChild: true;
+    child: ReactNode;
+} | {
+    type: "separator";
+    key?: string;
+};
+interface ListActionMenuProps {
+    label?: ReactNode;
+    items: readonly ListActionMenuItem[];
+    align?: "start" | "center" | "end";
+    contentClassName?: string;
+    triggerClassName?: string;
+    onTriggerClick?: (event: MouseEvent) => void;
+}
+export declare function ListActionMenu({ label, items, align, contentClassName, triggerClassName, onTriggerClick, }: ListActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export type { ListActionMenuItem, ListActionMenuProps };
+//# sourceMappingURL=list-action-menu.d.ts.map

package/cloud-ui/components/data-list/list-action-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-action-menu.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/data-list/list-action-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlE,KAAK,kBAAkB,GACnB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEN,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,KAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,EAAE,mBAAmB,2CA2DrB;AAED,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreHorizontal } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../../components/ui/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+import { BrandButton } from "../brand/index.js";
+export function ListActionMenu({ label, items, align = "end", contentClassName, triggerClassName, onTriggerClick, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(BrandButton, { variant: "ghost", size: "icon", className: cn("h-8 w-8 shrink-0", triggerClassName), onClick: onTriggerClick, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Open actions" })] }) }), _jsxs(DropdownMenuContent, { align: align, className: cn("w-44", contentClassName), children: [label ? _jsx(DropdownMenuLabel, { children: label }) : null, label ? _jsx(DropdownMenuSeparator, {}) : null, items.map((item) => {
+                        if (item.type === "separator") {
+                            return _jsx(DropdownMenuSeparator, {}, item.key ?? "separator");
+                        }
+                        const Icon = item.icon;
+                        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)));
+                        }
+                        return (_jsxs(DropdownMenuItem, { className: className, disabled: item.disabled, onClick: item.onSelect, children: [Icon ? _jsx(Icon, { className: "mr-2 h-4 w-4" }) : null, item.label] }, item.key ?? String(item.label)));
+                    })] })] }));
+}

package/cloud-ui/components/docs/api-parameter-select.d.ts

@@ -0,0 +1,13 @@
+export interface ApiParameterSelectOption {
+    value: string;
+    label: string;
+}
+export interface ApiParameterSelectProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    options: ApiParameterSelectOption[];
+    placeholder?: string;
+    className?: string;
+}
+export declare function ApiParameterSelect({ value, onValueChange, options, placeholder, className, }: ApiParameterSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=api-parameter-select.d.ts.map

package/cloud-ui/components/docs/api-parameter-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-parameter-select.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/api-parameter-select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAyB,EACzB,SAAS,GACV,EAAE,uBAAuB,2CAoBzB"}

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

@@ -0,0 +1,7 @@
+"use client";
+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 ", 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

@@ -0,0 +1,5 @@
+import type { DiscoveredApiRouteDto } from "../../types/cloud-api.js";
+export declare function ApiRouteExplorerClient({ routes, }: {
+    routes: DiscoveredApiRouteDto[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=api-route-explorer-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api-route-explorer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/api-route-explorer-client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAc,MAAM,uBAAuB,CAAC;AAoG/E,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,GACP,EAAE;IACD,MAAM,EAAE,qBAAqB,EAAE,CAAC;CACjC,2CAogBA"}

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

@@ -0,0 +1,162 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../lib/utils.js";
+// Pretty group names for display
+const GROUP_LABELS = {
+    agents: "Agents",
+    "api-keys": "API Keys",
+    "app-builder": "App Builder",
+    apps: "Applications",
+    chat: "Chat",
+    containers: "Containers",
+    credits: "Credits & Billing",
+    dashboard: "Dashboard",
+    discovery: "Discovery",
+    embeddings: "Embeddings",
+    "external-service": "External Services",
+    gallery: "Gallery",
+    "generate-image": "Image Generation",
+    "generate-video": "Video Generation",
+    knowledge: "Knowledge Base",
+    mcps: "MCP Integrations",
+    models: "Models",
+    redemptions: "Redemptions",
+    responses: "Responses",
+    user: "User",
+    x402: "x402 Payments",
+};
+function methodBadgeClass(method) {
+    const base = "inline-flex items-center rounded-none px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider border transition-all";
+    switch (method) {
+        case "GET":
+            return `${base} bg-emerald-500/10 text-emerald-400 border-emerald-500/30 `;
+        case "POST":
+            return `${base} bg-blue-500/10 text-blue-400 border-blue-500/30 `;
+        case "PUT":
+            return `${base} bg-amber-500/10 text-amber-400 border-amber-500/30 `;
+        case "PATCH":
+            return `${base} bg-violet-500/10 text-violet-400 border-violet-500/30 `;
+        case "DELETE":
+            return `${base} bg-rose-500/10 text-rose-400 border-rose-500/30 `;
+        default:
+            return `${base} bg-white/5 text-white/60 border-white/10`;
+    }
+}
+function isProbablyPublic(route) {
+    const p = route.path;
+    if (p.includes("/api/v1/admin/"))
+        return false;
+    if (p.includes("/api/v1/cron/"))
+        return false;
+    if (p.includes("/api/v1/iap/"))
+        return false;
+    return true;
+}
+function groupKeyForPath(p) {
+    const parts = p.split("/").filter(Boolean);
+    const group = parts[2] ?? "root";
+    return group;
+}
+function CopyButton({ text }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+        await navigator.clipboard.writeText(text);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    };
+    return (_jsx("button", { type: "button", onClick: handleCopy, className: "absolute top-2 right-2 px-2 py-1 text-[10px] font-medium uppercase tracking-wider text-white/40 hover:text-white/80 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 transition-all", children: copied ? "Copied!" : "Copy" }));
+}
+function generateCurlExample(route) {
+    const method = route.methods[0] ?? "GET";
+    const isBodyMethod = ["POST", "PUT", "PATCH"].includes(method);
+    let curl = `curl -X ${method} "https://www.elizacloud.ai${route.path}"`;
+    curl += ` \\\n  -H "Authorization: Bearer YOUR_API_KEY"`;
+    if (isBodyMethod) {
+        curl += ` \\\n  -H "Content-Type: application/json"`;
+        curl += ` \\\n  -d '{}'`;
+    }
+    return curl;
+}
+export function ApiRouteExplorerClient({ routes, }) {
+    const [query, setQuery] = useState("");
+    const [selectedKey, setSelectedKey] = useState(null);
+    const [showAll, setShowAll] = useState(false);
+    const filtered = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        const base = showAll ? routes : routes.filter(isProbablyPublic);
+        if (!q)
+            return base;
+        return base.filter((r) => {
+            const hay = [
+                r.path,
+                r.methods.join(" "),
+                r.meta?.name ?? "",
+                r.meta?.description ?? "",
+                r.meta?.category ?? "",
+                (r.meta?.tags ?? []).join(" "),
+            ]
+                .join("\n")
+                .toLowerCase();
+            return hay.includes(q);
+        });
+    }, [query, routes, showAll]);
+    const groups = useMemo(() => {
+        const map = new Map();
+        for (const r of filtered) {
+            const key = groupKeyForPath(r.path);
+            const list = map.get(key) ?? [];
+            list.push(r);
+            map.set(key, list);
+        }
+        return Array.from(map.entries())
+            .sort((a, b) => a[0].localeCompare(b[0]))
+            .map(([group, rs]) => ({
+            group,
+            routes: rs.sort((a, b) => a.path.localeCompare(b.path)),
+        }));
+    }, [filtered]);
+    const selected = useMemo(() => {
+        if (!selectedKey)
+            return null;
+        return (routes.find((r) => `${r.path}::${r.methods.join(",")}` === selectedKey) ??
+            null);
+    }, [routes, selectedKey]);
+    const curlExample = selected ? generateCurlExample(selected) : "";
+    const rateLimitDisplay = selected
+        ? typeof selected.meta?.rateLimit === "string"
+            ? selected.meta.rateLimit
+            : selected.meta?.rateLimit
+                ? `${selected.meta.rateLimit.requests}/${selected.meta.rateLimit.window}`
+                : "60/min"
+        : "60/min";
+    const pricingDisplay = selected
+        ? typeof selected.meta?.pricing === "string"
+            ? selected.meta.pricing
+            : selected.meta?.pricing && "type" in selected.meta.pricing
+                ? 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     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 ??
+                                                    r.path.replace("/api/v1/", "").replace(/\//g, " / ");
+                                                return (_jsx("button", { type: "button", onClick: () => setSelectedKey(key), className: cn("w-full text-left rounded-none border px-3 py-2.5 transition-all my-1", active
+                                                        ? "bg-[#ff5800]/10 border-[#ff5800]/40 "
+                                                        : "border-transparent hover:bg-white/5 hover:border-white/10"), children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "flex flex-wrap gap-1 pt-0.5 shrink-0", children: [(r.methods.length
+                                                                        ? r.methods
+                                                                        : ["GET"])
+                                                                        .slice(0, 2)
+                                                                        .map((m) => (_jsx("span", { className: methodBadgeClass(m), children: m }, m))), r.methods.length > 2 && (_jsxs("span", { className: "text-[10px] text-white/40 px-1", children: ["+", r.methods.length - 2] }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: cn("text-sm font-medium truncate transition-colors", active ? "text-white" : "text-white/80"), children: title }), _jsx("div", { className: "mt-0.5 font-mono text-[10px] text-white/40 truncate", children: r.path })] })] }) }, key));
+                                            }) })] }, g.group)))) })] }) }), _jsx("div", { className: "border border-white/10 bg-gradient-to-br from-black/40 to-black/20 min-h-[400px]", children: selected ? (_jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "pb-5 border-b border-white/10", children: [_jsx("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: selected.methods.map((m) => (_jsx("span", { className: methodBadgeClass(m), children: m }, m))) }), _jsx("code", { className: "block font-mono text-sm text-white bg-black/40 border border-white/10 px-4 py-3 break-all", children: selected.path })] }), _jsxs("div", { className: "py-5 border-b border-white/10", children: [_jsx("h3", { className: "text-xl font-bold text-white mb-2", children: selected.meta?.name ||
+                                            selected.path.split("/").pop()?.replace(/-/g, " ") ||
+                                            "Endpoint" }), selected.meta?.description ? (_jsx("p", { className: "text-sm leading-relaxed text-white/60", children: selected.meta.description })) : (_jsx("p", { className: "text-sm leading-relaxed text-white/40 italic", children: "This endpoint is available but doesn't have detailed documentation yet. Check the source file or API response for parameter details." })), selected.meta?.tags && selected.meta.tags.length > 0 && (_jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: selected.meta.tags.map((tag) => (_jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider px-2 py-1 bg-white/5 border border-white/10 text-white/50", children: tag }, tag))) }))] }), _jsx("div", { className: "py-5 border-b border-white/10", children: _jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsxs("div", { className: "p-4 bg-black/30 border border-white/10", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-white/40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" }) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-white/40", children: "Auth" })] }), _jsx("div", { className: cn("text-sm font-medium", selected.meta?.requiresAuth
+                                                        ? "text-amber-400"
+                                                        : "text-emerald-400"), children: selected.meta
+                                                        ? selected.meta.requiresAuth
+                                                            ? "Required"
+                                                            : "Public"
+                                                        : "Required" })] }), _jsxs("div", { className: "p-4 bg-black/30 border border-white/10", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-white/40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-white/40", children: "Rate Limit" })] }), _jsx("div", { className: "text-sm font-medium text-white/70", children: rateLimitDisplay })] }), _jsxs("div", { className: "p-4 bg-black/30 border border-white/10", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-white/40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" }) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-white/40", children: "Category" })] }), _jsx("div", { className: "text-sm font-medium text-white/70 capitalize", children: selected.meta?.category ||
+                                                        groupKeyForPath(selected.path) })] }), _jsxs("div", { className: "p-4 bg-black/30 border border-white/10", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-white/40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-white/40", children: "Pricing" })] }), _jsx("div", { className: "text-sm font-medium text-white/70", children: pricingDisplay })] })] }) }), _jsxs("div", { className: "py-5", children: [_jsx("div", { className: "flex items-center justify-between mb-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-[#ff5800]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), _jsx("span", { className: "text-xs font-bold uppercase tracking-wider text-white/60", children: "Quick cURL" })] }) }), _jsxs("div", { className: "relative", children: [_jsx("pre", { className: "overflow-x-auto border border-white/10 bg-black/60 p-4 text-[13px] leading-relaxed font-mono", children: _jsxs("code", { className: "text-white/80", children: [_jsx("span", { className: "text-emerald-400", children: "curl" }), _jsx("span", { className: "text-white/60", children: " -X " }), _jsx("span", { className: "text-amber-400", children: selected.methods[0] ?? "GET" }), _jsx("span", { className: "text-white/60", children: " " }), _jsxs("span", { className: "text-blue-400", children: ["\"https://www.elizacloud.ai", selected.path, "\""] }), _jsx("span", { className: "text-white/40", children: " \\" }), "\n", _jsx("span", { className: "text-white/60", children: " -H " }), _jsx("span", { className: "text-green-400", children: "\"Authorization: Bearer YOUR_API_KEY\"" }), ["POST", "PUT", "PATCH"].includes(selected.methods[0] ?? "") && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-white/40", children: " \\" }), "\n", _jsx("span", { className: "text-white/60", children: " -H " }), _jsx("span", { className: "text-green-400", children: "\"Content-Type: application/json\"" }), _jsx("span", { className: "text-white/40", children: " \\" }), "\n", _jsx("span", { className: "text-white/60", children: " -d " }), _jsxs("span", { className: "text-purple-400", children: ["'", "{}", "'"] })] }))] }) }), _jsx(CopyButton, { text: curlExample })] }), _jsxs("p", { className: "mt-3 text-xs text-white/40", children: ["Replace", " ", _jsx("code", { className: "text-[#ff5800] bg-[#ff5800]/10 px-1.5 py-0.5", children: "YOUR_API_KEY" }), " ", "with your actual API key from", " ", _jsx("a", { className: "text-[#ff5800] hover:underline", href: "/dashboard/api-keys", children: "Dashboard \u2192 API Keys" })] })] }), _jsx("div", { className: "pt-5 border-t border-white/10", children: _jsxs("div", { className: "flex items-center gap-2 text-xs text-white/30", children: [_jsx("svg", { "aria-hidden": "true", className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }), _jsx("span", { children: "Source:" }), _jsx("code", { className: "font-mono text-white/40", children: selected.filePath.replace(process.cwd?.() || "", "") })] }) })] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center h-full min-h-[400px] p-8 text-center", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-gradient-to-br from-[#ff5800]/20 to-[#ff5800]/5 flex items-center justify-center mb-4", children: _jsx("svg", { "aria-hidden": "true", className: "w-8 h-8 text-[#ff5800]/60", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) }), _jsx("h4", { className: "text-lg font-semibold text-white/80 mb-2", children: "Select an Endpoint" }), _jsx("p", { className: "text-sm text-white/40 max-w-[280px]", children: "Choose an endpoint from the list to view details, authentication requirements, and example code." })] })) })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { NavItem } from "./docs-types.js";
+export type DocsLayoutProps = {
+    children: ReactNode;
+    navItems: NavItem[];
+    brandLabel?: string;
+    brandTo?: string;
+};
+export declare function DocsLayout({ children, navItems, brandLabel, brandTo, }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=docs-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"docs-layout.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/docs-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA+C5C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAA+B,EAC/B,OAAiB,GAClB,EAAE,eAAe,2CAgBjB"}

package/cloud-ui/components/docs/docs-layout.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useLocation } from "react-router-dom";
+function isActivePath(itemPath, current) {
+    return current === itemPath || current.startsWith(`${itemPath}/`);
+}
+function NavItems({ items, current }) {
+    return (_jsx("ul", { className: "docs-nav-list", children: items.map((item) => {
+            if (item.kind === "separator") {
+                return (_jsx("li", { className: "docs-nav-separator", children: item.title }, item.id));
+            }
+            if (item.kind === "section") {
+                return (_jsxs("li", { className: "docs-nav-section", children: [_jsx(Link, { to: item.path, className: `docs-nav-section-title${isActivePath(item.path, current) ? " active" : ""}`, children: item.title }), _jsx(NavItems, { items: item.children, current: current })] }, item.slug));
+            }
+            return (_jsx("li", { children: _jsx(Link, { to: item.path, className: `docs-nav-link${current === item.path ? " active" : ""}`, children: item.title }) }, `${item.path}-${item.slug}`));
+        }) }));
+}
+export function DocsLayout({ children, navItems, brandLabel = "Eliza Cloud Docs", brandTo = "/docs", }) {
+    const { pathname } = useLocation();
+    const current = pathname.replace(/\/$/, "") || "/docs";
+    return (_jsxs("div", { className: "docs-shell", children: [_jsxs("aside", { className: "docs-sidebar", children: [_jsx(Link, { to: brandTo, className: "docs-sidebar-brand", children: brandLabel }), _jsx("nav", { "aria-label": "Docs navigation", children: _jsx(NavItems, { items: navItems, current: current }) })] }), _jsx("main", { className: "docs-main", children: children })] }));
+}

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

@@ -0,0 +1,26 @@
+import type { ComponentType } from "react";
+export type DocsFrontmatter = {
+    title?: string;
+    description?: string;
+};
+export type MdxModule = {
+    default: ComponentType;
+    frontmatter?: DocsFrontmatter;
+};
+export type NavItem = {
+    kind: "page";
+    slug: string;
+    title: string;
+    path: string;
+} | {
+    kind: "separator";
+    id: string;
+    title: string;
+} | {
+    kind: "section";
+    slug: string;
+    title: string;
+    path: string;
+    children: NavItem[];
+};
+//# sourceMappingURL=docs-types.d.ts.map

package/cloud-ui/components/docs/docs-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/docs/docs-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,OAAO,GACf;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC"}

package/cloud-ui/components/docs/docs-types.js

@@ -0,0 +1 @@
+export {};