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

package/cloud/billing/data/billing-data.d.ts

@@ -6,8 +6,8 @@
  * on native, same-origin cookie on web) and the auth gate driven by the local
  * {@link useSessionAuth} hook.
  */
-import { ApiError } from "../../lib/api-client";
-import type { BillingUser, CreditBalanceResponse, InvoiceDto, VerifyCheckoutResult } from "../types";
+import { ApiError } from "../../lib/api-client.js";
+import type { BillingUser, CreditBalanceResponse, InvoiceDto, VerifyCheckoutResult } from "../types.js";
 /**
  * GET /api/v1/user — current user's org summary for the billing surface. Gated
  * on the synchronous session check so we never fire before the session restores.

package/cloud/billing/index.d.ts

@@ -14,13 +14,13 @@
  * - Routes (registered by importing `./routes`): `dashboard/billing`,
  *   `dashboard/billing/success`, `dashboard/invoices/:id`.
  */
-import "./routes";
-export { BillingSectionBody, default as BillingSection, } from "./BillingSection";
-export { default as BillingSuccessPage } from "./BillingSuccessPage";
-export { BillingTab } from "./components/billing-tab";
-export { InvoiceDetailClient } from "./components/invoice-detail-client";
-export { useBillingUser, useCreditsBalance, useInvoice, useVerifyCheckout, } from "./data/billing-data";
-export { default as InvoiceDetailPage } from "./InvoiceDetailPage";
-export type { BillingUser, CreditBalanceResponse, CryptoStatusResponse, InvoiceDto, VerifyCheckoutResult, } from "./types";
-export { ConditionalWalletProviders } from "./wallet/ConditionalWalletProviders";
+import "./routes.js";
+export { BillingSectionBody, default as BillingSection, } from "./BillingSection.js";
+export { default as BillingSuccessPage } from "./BillingSuccessPage.js";
+export { BillingTab } from "./components/billing-tab.js";
+export { InvoiceDetailClient } from "./components/invoice-detail-client.js";
+export { useBillingUser, useCreditsBalance, useInvoice, useVerifyCheckout, } from "./data/billing-data.js";
+export { default as InvoiceDetailPage } from "./InvoiceDetailPage.js";
+export type { BillingUser, CreditBalanceResponse, CryptoStatusResponse, InvoiceDto, VerifyCheckoutResult, } from "./types.js";
+export { ConditionalWalletProviders } from "./wallet/ConditionalWalletProviders.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud/billing/use-session-auth.d.ts

@@ -22,7 +22,7 @@ export type StewardSessionUser = {
  * Steward auth context with a safe fallback when StewardProvider is not mounted.
  * Reads the context directly (no useAuth-in-try/catch) to respect Rules of Hooks.
  */
-export declare function useStewardAuth(): import("../shell/StewardProvider").LocalStewardAuthValue | {
+export declare function useStewardAuth(): import("../shell/StewardProviderShared.js").LocalStewardAuthValue | {
     readonly isAuthenticated: false;
     readonly isLoading: false;
     readonly user: StewardSessionUser;

package/cloud/connectors/index.d.ts

@@ -24,16 +24,16 @@
  *   - Telegram:  `GET /api/v1/telegram/status`, `POST /api/v1/telegram/connect`, `DELETE /api/v1/telegram/disconnect`
  *   - Discord:   `GET/POST /api/v1/discord/connections`, `PATCH/DELETE /api/v1/discord/connections/:id`, `GET /api/v1/dashboard` (character list)
  */
-export { BlooioConnection } from "./blooio-connection";
-export { CloudConnectorsSection } from "./CloudConnectorsSection";
-export { DiscordGatewayConnection } from "./discord-gateway-connection";
-export { GoogleConnection } from "./google-connection";
-export { MicrosoftConnection } from "./microsoft-connection";
-export { type OAuthConnection, type OAuthProviderConfig, useOAuthConnections, } from "./oauth-connection";
-export { TelegramConnection } from "./telegram-connection";
-export { TwilioConnection } from "./twilio-connection";
-export { useConnectionStatus } from "./use-connection-status";
-export { WhatsAppConnection } from "./whatsapp-connection";
+export { BlooioConnection } from "./blooio-connection.js";
+export { CloudConnectorsSection } from "./CloudConnectorsSection.js";
+export { DiscordGatewayConnection } from "./discord-gateway-connection.js";
+export { GoogleConnection } from "./google-connection.js";
+export { MicrosoftConnection } from "./microsoft-connection.js";
+export { type OAuthConnection, type OAuthProviderConfig, useOAuthConnections, } from "./oauth-connection.js";
+export { TelegramConnection } from "./telegram-connection.js";
+export { TwilioConnection } from "./twilio-connection.js";
+export { useConnectionStatus } from "./use-connection-status.js";
+export { WhatsAppConnection } from "./whatsapp-connection.js";
 /**
  * Stable id for the cloud connectors Settings section. Distinct from the
  * built-in local-process `connectors` section so the two coexist until the

package/cloud/documents/DocumentsRoute.js

@@ -12,11 +12,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * standalone route and the Wave-3 settings-section wrapper (see `index.ts`).
  */
 import { DashboardLoadingState } from "../../cloud-ui/components/dashboard/route-placeholders.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
+import { useRequireAuth } from "../lib/use-session-auth.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { DocumentsPageClient, } from "./components/documents-page-client.js";
 import { useMyAgents } from "./lib/agents.js";
-import { useRequireAuth } from "./lib/use-session-auth.js";
-import { useDocumentTitle } from "./use-document-title.js";
 /**
  * The Documents/Knowledge surface. Embeddable: used directly by the Wave-3
  * settings section and wrapped by {@link DocumentsRoute} for the standalone

package/cloud/documents/index.d.ts

@@ -16,13 +16,13 @@
  *    keeps the standalone deep link live. {@link registerDocumentsCloudRoute}
  *    is also exported for re-registration at a custom path if needed.
  */
-import { type CloudRouteDef } from "../shell/cloud-route-registry";
-export type { DocumentsPageCharacter } from "./components/documents-page-client";
-export { DocumentsPageClient } from "./components/documents-page-client";
-export { DocumentsSurface, default as DocumentsRoute } from "./DocumentsRoute";
-export { DocumentsSection } from "./DocumentsSection";
-export { type MyAgentCharacter, useMyAgents } from "./lib/agents";
-export { type CloudDocument, type QueryResult, useDeleteDocument, useDocuments, useQueryDocuments, useUploadFiles, useUploadText, } from "./lib/documents";
+import { type CloudRouteDef } from "../shell/cloud-route-registry.js";
+export type { DocumentsPageCharacter } from "./components/documents-page-client.js";
+export { DocumentsPageClient } from "./components/documents-page-client.js";
+export { DocumentsSurface, default as DocumentsRoute } from "./DocumentsRoute.js";
+export { DocumentsSection } from "./DocumentsSection.js";
+export { type MyAgentCharacter, useMyAgents } from "./lib/agents.js";
+export { type CloudDocument, type QueryResult, useDeleteDocument, useDocuments, useQueryDocuments, useUploadFiles, useUploadText, } from "./lib/documents.js";
 /** Stable view/section id + URL path slug for the Documents surface. */
 export declare const DOCUMENTS_SECTION_ID = "documents";
 export declare const DOCUMENTS_ROUTE_PATH = "dashboard/documents";

package/cloud/documents/lib/agents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/documents/lib/agents.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;CAC/B;AAgBD;;;GAGG;AACH,wBAAgB,WAAW,uFAU1B"}
+{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/documents/lib/agents.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;CAC/B;AAgBD;;;GAGG;AACH,wBAAgB,WAAW,uFAU1B"}

package/cloud/documents/lib/agents.js

@@ -8,7 +8,7 @@
  */
 import { useQuery } from "@tanstack/react-query";
 import { api } from "../../lib/api-client.js";
-import { authenticatedQueryKey, useAuthenticatedQueryGate } from "./auth-query.js";
+import { authenticatedQueryKey, useAuthenticatedQueryGate, } from "../../lib/auth-query.js";
 /**
  * `GET /api/my-agents/characters` — the caller's characters, used as the
  * per-character scope selector for documents/knowledge.

package/cloud/handoff/cloud-handoff-supervisor.d.ts

@@ -11,7 +11,7 @@
  * onboarding; if it fails or times out the user simply stays on the shared
  * adapter, which keeps working.
  */
-import { type ConversationHandoffResult } from "./conversation-handoff";
+import { type ConversationHandoffResult } from "./conversation-handoff.js";
 /** Authed JSON fetch against an agent base (cloud token injected by the host). */
 export type AuthedAgentFetch = (base: string, path: string, init?: {
     method?: string;

package/cloud/handoff/run-cloud-agent-handoff.d.ts

@@ -0,0 +1,18 @@
+import type { ConversationHandoffResult } from "./conversation-handoff.js";
+/**
+ * Run the shared→dedicated cloud-agent handoff and surface its lifecycle as
+ * {@link dispatchCloudHandoffPhase} events: `migrating` up front, then the
+ * terminal status the supervisor returns (or `failed` if it throws).
+ *
+ * On a non-success terminal phase (`timed-out`/`failed`) it arms a one-shot
+ * retry: a {@link CLOUD_HANDOFF_RETRY_EVENT} for this `agentId` re-invokes
+ * `start`. The supervisor's import is idempotent, so retrying is safe and the
+ * user is never silently stranded on the shared adapter — the failure stays
+ * visible with a retry instead of being swallowed (the old
+ * `startCloudAgentHandoff(...).catch(() => {})`).
+ *
+ * `start` is a thunk so the caller owns the supervisor args (agent id, bases,
+ * token, `onSwitch` rebind) and this module stays decoupled + unit-testable.
+ */
+export declare function runCloudAgentHandoff(agentId: string, start: () => Promise<ConversationHandoffResult>): void;
+//# sourceMappingURL=run-cloud-agent-handoff.d.ts.map

package/cloud/handoff/run-cloud-agent-handoff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-cloud-agent-handoff.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/handoff/run-cloud-agent-handoff.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,OAAO,CAAC,yBAAyB,CAAC,GAC9C,IAAI,CAsBN"}

package/cloud/handoff/run-cloud-agent-handoff.js

@@ -0,0 +1,51 @@
+import { CLOUD_HANDOFF_RETRY_EVENT, dispatchCloudHandoffPhase, } from "../../events/index.js";
+/**
+ * Run the shared→dedicated cloud-agent handoff and surface its lifecycle as
+ * {@link dispatchCloudHandoffPhase} events: `migrating` up front, then the
+ * terminal status the supervisor returns (or `failed` if it throws).
+ *
+ * On a non-success terminal phase (`timed-out`/`failed`) it arms a one-shot
+ * retry: a {@link CLOUD_HANDOFF_RETRY_EVENT} for this `agentId` re-invokes
+ * `start`. The supervisor's import is idempotent, so retrying is safe and the
+ * user is never silently stranded on the shared adapter — the failure stays
+ * visible with a retry instead of being swallowed (the old
+ * `startCloudAgentHandoff(...).catch(() => {})`).
+ *
+ * `start` is a thunk so the caller owns the supervisor args (agent id, bases,
+ * token, `onSwitch` rebind) and this module stays decoupled + unit-testable.
+ */
+export function runCloudAgentHandoff(agentId, start) {
+    dispatchCloudHandoffPhase({ agentId, phase: "migrating" });
+    start()
+        .then((result) => {
+        dispatchCloudHandoffPhase({
+            agentId,
+            phase: result.status,
+            imported: result.imported,
+            ...(result.error ? { error: result.error } : {}),
+        });
+        if (result.status === "timed-out" || result.status === "failed") {
+            armRetry(agentId, start);
+        }
+    })
+        .catch((err) => {
+        dispatchCloudHandoffPhase({
+            agentId,
+            phase: "failed",
+            error: err instanceof Error ? err.message : String(err),
+        });
+        armRetry(agentId, start);
+    });
+}
+function armRetry(agentId, start) {
+    if (typeof window === "undefined")
+        return;
+    const onRetry = (event) => {
+        const detail = event.detail;
+        if (detail?.agentId !== agentId)
+            return;
+        window.removeEventListener(CLOUD_HANDOFF_RETRY_EVENT, onRetry);
+        runCloudAgentHandoff(agentId, start);
+    };
+    window.addEventListener(CLOUD_HANDOFF_RETRY_EVENT, onRetry);
+}

package/cloud/index.d.ts

@@ -7,8 +7,8 @@
  * contracts; the app shell imports from `@elizaos/ui` via
  * `export * as cloud from "./cloud"`.
  */
-export * from "./lib/api-client";
-export * from "./lib/query-client";
-export * from "./lib/steward-session";
-export * from "./shell/cloud-route-registry";
+export * from "./lib/api-client.js";
+export * from "./lib/query-client.js";
+export * from "./lib/steward-session.js";
+export * from "./shell/cloud-route-registry.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud/instances/AgentChatPage.js

@@ -5,10 +5,10 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, Navigate, useParams } from "react-router-dom";
 import { toast } from "sonner";
 import { ApiError, api } from "../lib/api-client.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useAgent } from "./lib/data/eliza-agents.js";
 import { useT } from "./lib/i18n.js";
 import { openWebUIWithPairing } from "./lib/open-web-ui.js";
-import { useDocumentTitle } from "./lib/use-document-title.js";
 import { useRequireAuth } from "./lib/use-session-auth.js";
 function getErrorMessage(error) {
     if (error instanceof ApiError)
@@ -179,7 +179,7 @@ function AgentBridgeChat({ agent }) {
                                             })
                                             : t("cloud.agents.chat.placeholder", {
                                                 defaultValue: "Message this agent",
-                                            }), className: "min-h-12 flex-1 resize-none border border-white/10 bg-black px-3 py-2 text-sm leading-6 text-white outline-none transition-colors placeholder:text-white/25 focus:border-[#FF5800]/60 disabled:cursor-not-allowed disabled:text-white/30" }), _jsxs(BrandButton, { type: "submit", variant: "primary", size: "sm", disabled: !canUseBridgeChat ||
+                                            }), className: "min-h-12 flex-1 resize-none border border-white/10 bg-black px-3 py-2 text-sm leading-6 text-white outline-none transition-colors placeholder:text-white/25  disabled:cursor-not-allowed disabled:text-white/30" }), _jsxs(BrandButton, { type: "submit", variant: "primary", size: "sm", disabled: !canUseBridgeChat ||
                                             isSending ||
                                             inputText.trim().length === 0, className: "h-auto self-stretch px-3", children: [isSending ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(Send, { className: "h-4 w-4" })), _jsx("span", { className: "sr-only", children: t("cloud.agents.chat.send", { defaultValue: "Send" }) })] })] }) })] }) })] }));
 }

package/cloud/instances/AgentDetailPage.js

@@ -9,6 +9,7 @@ import { Badge, DashboardErrorState, DashboardLoadingState, } from "@elizaos/ui/
 import { AlertCircle, ArrowLeft, Cloud, ExternalLink, MessageCircle, Server, Terminal, } from "lucide-react";
 import { Link, Navigate, useParams } from "react-router-dom";
 import { ApiError } from "../lib/api-client.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { ElizaAgentActions } from "./components/agent-actions.js";
 import { DockerLogsViewer } from "./components/docker-logs-viewer.js";
 import { ElizaAgentBackupsPanel } from "./components/eliza-agent-backups-panel.js";
@@ -18,7 +19,6 @@ import { ElizaConnectButton } from "./components/eliza-connect-button.js";
 import { useAgent } from "./lib/data/eliza-agents.js";
 import { useT } from "./lib/i18n.js";
 import { statusBadgeColor, statusDotColor } from "./lib/sandbox-status.js";
-import { useDocumentTitle } from "./lib/use-document-title.js";
 import { useRequireAuth } from "./lib/use-session-auth.js";
 function formatDate(date) {
     if (!date)

package/cloud/instances/AgentsPage.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ContainersSkeleton, DashboardLoadingState, DashboardPageContainer, ElizaAgentsPageWrapper, } from "@elizaos/ui/cloud-ui";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { ElizaAgentPricingBanner } from "./components/eliza-agent-pricing-banner.js";
 import { ElizaAgentsTable, } from "./components/eliza-agents-table.js";
 import { useCreditsBalance } from "./lib/data/credits.js";
 import { useAgents } from "./lib/data/eliza-agents.js";
 import { useT } from "./lib/i18n.js";
-import { useDocumentTitle } from "./lib/use-document-title.js";
 import { useRequireAuth } from "./lib/use-session-auth.js";
 function toAgentRow(a) {
     return {

package/cloud/instances/MyAgentsPage.js

@@ -5,9 +5,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `@elizaos/cloud-frontend/src/dashboard/my-agents/Page.tsx`.
  */
 import { DashboardLoadingState } from "@elizaos/ui/cloud-ui";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { MyAgentsClient } from "./components/my-agents.js";
 import { useT } from "./lib/i18n.js";
-import { useDocumentTitle } from "./lib/use-document-title.js";
 import { useRequireAuth } from "./lib/use-session-auth.js";
 export default function MyAgentsPage() {
     const t = useT();

package/cloud/instances/components/agent-actions.js

@@ -193,7 +193,7 @@ export function ElizaAgentActions({ agentId, executionTier, status, webUiUrl, })
             setShowDeleteConfirm(false);
         }
     }
-    return (_jsx(BrandCard, { className: "relative shadow-lg shadow-black/50", cornerSize: "md", children: _jsxs("div", { className: "relative z-10 space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-4 border-b border-white/10", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-[#FF5800]" }), _jsx("h2", { className: "text-xl font-normal text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: t("cloud.containers.agentActions.title", {
+    return (_jsx(BrandCard, { className: "relative", cornerSize: "md", children: _jsxs("div", { className: "relative z-10 space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-4 border-b border-white/10", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-[#FF5800]" }), _jsx("h2", { className: "text-xl font-normal text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: t("cloud.containers.agentActions.title", {
                                 defaultValue: "Agent Actions",
                             }) })] }), _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "flex flex-wrap gap-3", children: [hasStandaloneWebUi && (_jsxs(BrandButton, { variant: "primary", size: "sm", onClick: () => void openWebUIWithPairing(agentId), children: [_jsx(ExternalLink, { className: "h-4 w-4" }), t("cloud.containers.agentActions.openWebUi", {
                                             defaultValue: "Open Web UI",

package/cloud/instances/components/agent-card.d.ts

@@ -1,3 +1,4 @@
+import type * as React from "react";
 export interface AgentCardData {
     id: string;
     name: string;
@@ -30,6 +31,7 @@ interface AgentCardProps {
     /** Callback when a saved agent is removed */
     onRemoveSaved?: (agentId: string) => void;
 }
-export declare function AgentCard({ agent, viewMode, showDeploymentStatus, onRemoveSaved, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
+declare function AgentCardInner({ agent, viewMode, showDeploymentStatus, onRemoveSaved, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
+export declare const AgentCard: React.MemoExoticComponent<typeof AgentCardInner>;
 export {};
 //# sourceMappingURL=agent-card.d.ts.map

package/cloud/instances/components/agent-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/agent-card.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;QACvE,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;KACrC,CAAC;IAEF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mDAAmD;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAiB,EACjB,oBAA4B,EAC5B,aAAa,GACd,EAAE,cAAc,2CAgvBhB"}
+{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/agent-card.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;QACvE,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;KACrC,CAAC;IAEF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mDAAmD;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,QAAiB,EACjB,oBAA4B,EAC5B,aAAa,GACd,EAAE,cAAc,2CAgvBhB;AAKD,eAAO,MAAM,SAAS,kDAAuB,CAAC"}

package/cloud/instances/components/agent-card.js

@@ -4,11 +4,11 @@ import { ensureAvatarUrl, isBuiltInAvatar, } from "@elizaos/cloud-shared/lib/uti
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Image, Skeleton, StatusBadge, Switch, } from "@elizaos/ui/cloud-ui";
 import { cn } from "@elizaos/ui/lib/utils";
 import { Copy, Globe, Link as LinkIcon, Lock, MoreHorizontal, Trash2, Upload, X, } from "lucide-react";
-import { useCallback, useState } from "react";
+import { memo, useCallback, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "sonner";
 import { useT } from "../lib/i18n.js";
-export function AgentCard({ agent, viewMode = "grid", showDeploymentStatus = false, onRemoveSaved, }) {
+function AgentCardInner({ agent, viewMode = "grid", showDeploymentStatus = false, onRemoveSaved, }) {
     const navigate = useNavigate();
     const t = useT();
     const bioText = Array.isArray(agent.bio) ? agent.bio[0] : agent.bio;
@@ -235,9 +235,9 @@ export function AgentCard({ agent, viewMode = "grid", showDeploymentStatus = fal
                                                                     })
                                                                     : t("cloud.agentCard.private", {
                                                                         defaultValue: "Private",
-                                                                    })] }), _jsx(Switch, { checked: isPublic, className: "pointer-events-none data-[state=checked]:bg-green-500/20 [&_[data-slot=switch-thumb]]:data-[state=checked]:bg-green-500 [&_[data-slot=switch-thumb]]:data-[state=unchecked]:bg-white/40" })] }), isPublic && (_jsxs(DropdownMenuItem, { onClick: handleCopyShareLink, className: "cursor-pointer", children: [_jsx(LinkIcon, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.share", { defaultValue: "Share" })] })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleDeleteClick, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20 focus:bg-red-500/20 focus:text-red-500", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.delete", { defaultValue: "Delete" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onClick: handleDuplicate, className: "cursor-pointer", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.forkAgent", {
+                                                                    })] }), _jsx(Switch, { checked: isPublic, className: "pointer-events-none data-[state=checked]:bg-green-500/20 [&_[data-slot=switch-thumb]]:data-[state=checked]:bg-green-500 [&_[data-slot=switch-thumb]]:data-[state=unchecked]:bg-white/40" })] }), isPublic && (_jsxs(DropdownMenuItem, { onClick: handleCopyShareLink, className: "cursor-pointer", children: [_jsx(LinkIcon, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.share", { defaultValue: "Share" })] })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleDeleteClick, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20  ", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.delete", { defaultValue: "Delete" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onClick: handleDuplicate, className: "cursor-pointer", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.forkAgent", {
                                                             defaultValue: "Fork Agent",
-                                                        })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleRemoveSaved, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20 focus:bg-red-500/20 focus:text-red-500", children: [_jsx(X, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.remove", { defaultValue: "Remove" })] })] })) })] })] }), _jsx(AlertDialog, { open: showDeleteConfirm, onOpenChange: (open) => !open && handleCancelDelete(), children: _jsxs(AlertDialogContent, { onClick: (e) => e.stopPropagation(), children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("cloud.agentCard.deleteTitle", {
+                                                        })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleRemoveSaved, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20  ", children: [_jsx(X, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.remove", { defaultValue: "Remove" })] })] })) })] })] }), _jsx(AlertDialog, { open: showDeleteConfirm, onOpenChange: (open) => !open && handleCancelDelete(), children: _jsxs(AlertDialogContent, { onClick: (e) => e.stopPropagation(), children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("cloud.agentCard.deleteTitle", {
                                                 defaultValue: "Delete Agent",
                                             }) }), _jsxs(AlertDialogDescription, { children: [t("cloud.agentCard.deleteConfirmPrefix", {
                                                     defaultValue: "Are you sure you want to delete",
@@ -268,9 +268,9 @@ export function AgentCard({ agent, viewMode = "grid", showDeploymentStatus = fal
                                                         ? t("cloud.agentCard.public", { defaultValue: "Public" })
                                                         : t("cloud.agentCard.private", {
                                                             defaultValue: "Private",
-                                                        })] }), _jsx(Switch, { checked: isPublic, className: "pointer-events-none data-[state=checked]:bg-green-500/20 [&_[data-slot=switch-thumb]]:data-[state=checked]:bg-green-500 [&_[data-slot=switch-thumb]]:data-[state=unchecked]:bg-white/40" })] }), isPublic && (_jsxs(DropdownMenuItem, { onClick: handleCopyShareLink, className: "cursor-pointer", children: [_jsx(LinkIcon, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.share", { defaultValue: "Share" })] })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleDeleteClick, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20 focus:bg-red-500/20 focus:text-red-500", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.delete", { defaultValue: "Delete" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onClick: handleDuplicate, className: "cursor-pointer", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.forkAgent", {
+                                                        })] }), _jsx(Switch, { checked: isPublic, className: "pointer-events-none data-[state=checked]:bg-green-500/20 [&_[data-slot=switch-thumb]]:data-[state=checked]:bg-green-500 [&_[data-slot=switch-thumb]]:data-[state=unchecked]:bg-white/40" })] }), isPublic && (_jsxs(DropdownMenuItem, { onClick: handleCopyShareLink, className: "cursor-pointer", children: [_jsx(LinkIcon, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.share", { defaultValue: "Share" })] })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleDeleteClick, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20  ", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.delete", { defaultValue: "Delete" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onClick: handleDuplicate, className: "cursor-pointer", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("cloud.agentCard.forkAgent", {
                                                 defaultValue: "Fork Agent",
-                                            })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleRemoveSaved, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20 focus:bg-red-500/20 focus:text-red-500", children: [_jsx(X, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.remove", { defaultValue: "Remove" })] })] })) })] }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-3 z-10", children: [_jsx("h3", { className: "font-semibold text-white truncate", children: agent.name }), _jsx("p", { className: "text-xs text-white/70 line-clamp-2 leading-relaxed", children: bioText ||
+                                            })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleRemoveSaved, className: "cursor-pointer text-red-500 bg-red-500/10 hover:bg-red-500/20  ", children: [_jsx(X, { className: "h-4 w-4 mr-2 text-red-500" }), t("cloud.agentCard.remove", { defaultValue: "Remove" })] })] })) })] }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-3 z-10", children: [_jsx("h3", { className: "font-semibold text-white truncate", children: agent.name }), _jsx("p", { className: "text-xs text-white/70 line-clamp-2 leading-relaxed", children: bioText ||
                                 t("cloud.agentCard.noDescription", {
                                     defaultValue: "No description",
                                 }) })] }), _jsx(AlertDialog, { open: showDeleteConfirm, onOpenChange: (open) => !open && handleCancelDelete(), children: _jsxs(AlertDialogContent, { onClick: (e) => e.stopPropagation(), children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("cloud.agentCard.deleteTitle", {
@@ -285,3 +285,7 @@ export function AgentCard({ agent, viewMode = "grid", showDeploymentStatus = fal
                                             })
                                             : t("cloud.agentCard.delete", { defaultValue: "Delete" }) })] })] }) })] }) }));
 }
+// Rendered in a `.map()` grid that re-renders on filter/poll; memoize so only
+// cards whose `agent` reference changes re-render. Callers pass a stable
+// `onRemoveSaved` for the comparison to hold.
+export const AgentCard = memo(AgentCardInner);

package/cloud/instances/components/character-filters.d.ts

@@ -7,7 +7,7 @@
  * brand-neutral foreground; the rest of the light-on-glass treatment is
  * preserved.
  */
-import type { SortOption, ViewMode } from "./types";
+import type { SortOption, ViewMode } from "./types.js";
 interface CharacterFiltersProps {
     searchQuery: string;
     onSearchChange: (query: string) => void;

package/cloud/instances/components/character-filters.js

@@ -16,7 +16,7 @@ export function CharacterFilters({ searchQuery, onSearchChange, viewMode, onView
     const t = useT();
     return (_jsxs("div", { className: "flex flex-col sm:flex-row gap-3 items-start sm:items-center justify-between", children: [_jsxs("div", { className: "flex w-full flex-1 items-center gap-3 sm:w-auto", children: [_jsxs("div", { className: "relative w-full flex-1 sm:max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-white/35" }), _jsx(Input, { type: "text", placeholder: t("cloud.characterFilters.searchPlaceholder", {
                                     defaultValue: "Search agent...",
-                                }), value: searchQuery, onChange: (e) => onSearchChange(e.target.value), className: "h-9 rounded-full border-white/15 bg-black/40 pl-9 text-sm text-white placeholder:text-white/35 focus-visible:ring-[var(--brand-orange)]/50 md:h-10" })] }), searchQuery && (_jsxs("span", { className: "whitespace-nowrap text-xs text-white/50", children: [filteredCount, "/", totalCount] }))] }), _jsxs("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: [_jsxs(Select, { value: sortBy, onValueChange: (v) => onSortChange(v), children: [_jsx(SelectTrigger, { className: "h-9 w-full rounded-full border-white/15 bg-black/40 text-sm text-white/70 focus:ring-1 focus:ring-[var(--brand-orange)]/50 sm:w-[160px] md:h-10", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "rounded-sm", children: [_jsx(SelectItem, { value: "modified", children: t("cloud.characterFilters.sortLastUpdated", {
+                                }), value: searchQuery, onChange: (e) => onSearchChange(e.target.value), className: "h-9 rounded-full border-white/15 bg-black/40 pl-9 text-sm text-white placeholder:text-white/35  md:h-10" })] }), searchQuery && (_jsxs("span", { className: "whitespace-nowrap text-xs text-white/50", children: [filteredCount, "/", totalCount] }))] }), _jsxs("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: [_jsxs(Select, { value: sortBy, onValueChange: (v) => onSortChange(v), children: [_jsx(SelectTrigger, { className: "h-9 w-full rounded-full border-white/15 bg-black/40 text-sm text-white/70   sm:w-[160px] md:h-10", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "rounded-sm", children: [_jsx(SelectItem, { value: "modified", children: t("cloud.characterFilters.sortLastUpdated", {
                                             defaultValue: "Last Updated",
                                         }) }), _jsx(SelectItem, { value: "created", children: t("cloud.characterFilters.sortCreatedDate", {
                                             defaultValue: "Created Date",

package/cloud/instances/components/character-library-grid.d.ts

@@ -3,7 +3,7 @@
  * agents are available. Ported from
  * `@elizaos/cloud-frontend/src/components/my-agents/character-library-grid.tsx`.
  */
-import { type AgentCardData, type ViewMode } from "./agent-card";
+import { type AgentCardData, type ViewMode } from "./agent-card.js";
 export interface AgentWithOwnership extends AgentCardData {
     isOwned: boolean;
 }

package/cloud/instances/components/create-eliza-agent-dialog.js

@@ -310,7 +310,7 @@ export function CreateElizaAgentDialog({ trigger, onProvisionQueued, onCreated,
                                                         defaultValue: "Agent Name",
                                                     }) }), _jsx(Input, { id: "eliza-agent-name", placeholder: t("cloud.createAgent.agentNamePlaceholder", {
                                                         defaultValue: "e.g. eliza-alpha",
-                                                    }), value: agentName, onChange: (e) => setAgentName(e.target.value), disabled: busy, className: "bg-black/40 border-white/10 text-white placeholder:text-white/25 focus-visible:ring-[#FF5800]/50", onKeyDown: (e) => {
+                                                    }), value: agentName, onChange: (e) => setAgentName(e.target.value), disabled: busy, className: "bg-black/40 border-white/10 text-white placeholder:text-white/25 ", onKeyDown: (e) => {
                                                         if (e.key === "Enter") {
                                                             e.preventDefault();
                                                             void handleCreate();
@@ -319,7 +319,7 @@ export function CreateElizaAgentDialog({ trigger, onProvisionQueued, onCreated,
                                                         defaultValue: "Execution mode",
                                                     }) }), _jsxs("div", { role: "radiogroup", "aria-label": t("cloud.createAgent.executionMode", {
                                                         defaultValue: "Execution mode",
-                                                    }), className: "grid grid-cols-2 gap-2", children: [_jsxs("label", { className: `flex flex-col items-start gap-1.5 border px-3 py-2.5 text-left transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-[#FF5800]/50 ${busy
+                                                    }), className: "grid grid-cols-2 gap-2", children: [_jsxs("label", { className: `flex flex-col items-start gap-1.5 border px-3 py-2.5 text-left transition-colors    ${busy
                                                                 ? "cursor-not-allowed opacity-50"
                                                                 : "cursor-pointer"} ${!isDedicated
                                                                 ? "border-[#FF5800]/60 bg-[#FF5800]/[0.06]"
@@ -329,7 +329,7 @@ export function CreateElizaAgentDialog({ trigger, onProvisionQueued, onCreated,
                                                                                 defaultValue: "free",
                                                                             }) })] }), _jsx("p", { className: "text-[11px] text-white/50 leading-snug", children: t("cloud.createAgent.modeSharedDescription", {
                                                                         defaultValue: "Multi-tenant runtime. No container. Best for chat, webhooks and cron agents.",
-                                                                    }) })] }), _jsxs("label", { className: `flex flex-col items-start gap-1.5 border px-3 py-2.5 text-left transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-[#FF5800]/50 ${busy
+                                                                    }) })] }), _jsxs("label", { className: `flex flex-col items-start gap-1.5 border px-3 py-2.5 text-left transition-colors    ${busy
                                                                 ? "cursor-not-allowed opacity-50"
                                                                 : "cursor-pointer"} ${isDedicated
                                                                 ? "border-[#FF5800]/60 bg-[#FF5800]/[0.06]"

package/cloud/instances/components/docker-logs-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docker-logs-viewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/docker-logs-viewer.tsx"],"names":[],"mappings":"AAWA,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB;AAUD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAa,EACb,MAAM,GACP,EAAE,qBAAqB,2CAoIvB"}
+{"version":3,"file":"docker-logs-viewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/docker-logs-viewer.tsx"],"names":[],"mappings":"AAWA,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAa,EACb,MAAM,GACP,EAAE,qBAAqB,2CAgIvB"}

package/cloud/instances/components/docker-logs-viewer.js

@@ -6,8 +6,18 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LogViewer } from "@elizaos/ui/cloud-ui";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
+function getLineClass(line) {
+    const l = line.toLowerCase();
+    if (l.includes("error") || l.includes("fatal") || l.includes("panic"))
+        return "text-red-400 border-l-red-500";
+    if (l.includes("warn"))
+        return "text-yellow-400 border-l-yellow-500";
+    if (l.includes("info"))
+        return "text-white/70 border-l-white/40";
+    return "text-neutral-300 border-l-neutral-700";
+}
 export function DockerLogsViewer({ sandboxId, containerName, nodeId, }) {
     const [logsState, setLogsState] = useState({
         raw: "",
@@ -53,7 +63,8 @@ export function DockerLogsViewer({ sandboxId, containerName, nodeId, }) {
     useEffect(() => {
         fetchLogs();
     }, [fetchLogs]);
-    const filteredLines = logsState.lines.filter((line) => !searchQuery || line.toLowerCase().includes(searchQuery.toLowerCase()));
+    const filteredLines = useMemo(() => logsState.lines.filter((line) => !searchQuery ||
+        line.toLowerCase().includes(searchQuery.toLowerCase())), [logsState.lines, searchQuery]);
     const downloadLogs = () => {
         const blob = new Blob([logsState.raw], { type: "text/plain" });
         const url = URL.createObjectURL(blob);
@@ -69,16 +80,6 @@ export function DockerLogsViewer({ sandboxId, containerName, nodeId, }) {
         await navigator.clipboard.writeText(logsState.raw);
         toast.success("Logs copied to clipboard");
     };
-    const getLineClass = (line) => {
-        const l = line.toLowerCase();
-        if (l.includes("error") || l.includes("fatal") || l.includes("panic"))
-            return "text-red-400 border-l-red-500";
-        if (l.includes("warn"))
-            return "text-yellow-400 border-l-yellow-500";
-        if (l.includes("info"))
-            return "text-white/70 border-l-white/40";
-        return "text-neutral-300 border-l-neutral-700";
-    };
     return (_jsx(LogViewer, { title: "Docker Logs", subtitle: `${containerName} · node: ${nodeId}`, badges: [
             {
                 label: "Admin",

package/cloud/instances/components/eliza-agent-backups-panel.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatByteSize } from "@elizaos/shared/utils/format";
 import { Badge, BrandButton, BrandCard, Skeleton } from "@elizaos/ui/cloud-ui";
 import { formatDistanceToNowStrict } from "date-fns";
 import { AlertTriangle, DatabaseBackup, History, Loader2, RefreshCw, RotateCcw, } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { formatByteSize } from "../lib/format-bytes.js";
 const SNAPSHOT_TYPE_LABELS = {
     auto: "Auto",
     manual: "Manual",
@@ -100,7 +100,7 @@ export function ElizaAgentBackupsPanel({ agentId, agentName, status, }) {
             setActiveRestoreTarget(null);
         }
     }, [agentId, fetchBackups, isRunning, latestBackup]);
-    return (_jsx(BrandCard, { className: "relative shadow-lg shadow-black/50", 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: "Backups & History" })] }), _jsxs("p", { className: "text-sm text-white/60", children: ["Snapshot history and restore controls for", " ", agentName || "this agent", "."] }), _jsx("p", { className: "mt-1 text-xs text-white/40", children: "Use \u201CSave Snapshot\u201D above to capture the current running state." })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(BrandButton, { variant: "outline", size: "sm", onClick: fetchBackups, children: [_jsx(RefreshCw, { className: `h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Refresh"] }), _jsxs(BrandButton, { variant: "outline", size: "sm", onClick: () => restoreBackup(), disabled: !latestBackup || !!activeRestoreTarget || isBusy, children: [activeRestoreTarget === latestBackup?.id ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "h-4 w-4" })), "Restore latest"] })] })] }), !isRunning && latestBackup && (_jsxs("div", { className: "flex items-start gap-3 border border-yellow-500/30 bg-yellow-950/20 p-4", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-yellow-400" }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm text-yellow-300", children: "This agent is not currently running." }), _jsx("p", { className: "text-xs text-yellow-200/80", children: "For stopped agents, restores are limited to the latest backup only. Historical per-row restore actions stay hidden until the agent is running again." })] })] })), isBusy && (_jsxs("div", { className: "flex items-start gap-3 border border-white/15 bg-white/[0.04] p-4", children: [_jsx(Loader2, { className: "mt-0.5 h-4 w-4 shrink-0 animate-spin text-white/70" }), _jsx("p", { className: "text-sm text-white/80", children: "Provisioning is in progress. Wait for the agent to finish starting before restoring." })] })), loading ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsx(Skeleton, { className: "h-24 rounded-sm" }), _jsx(Skeleton, { className: "h-24 rounded-sm" }), _jsx(Skeleton, { className: "h-24 rounded-sm" })] }), _jsx(Skeleton, { className: "h-16 rounded-sm" }), _jsx(Skeleton, { className: "h-16 rounded-sm" })] })) : error ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(History, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "mb-1 text-sm text-red-400", children: "Failed to load backups" }), _jsx("p", { className: "text-xs text-white/40", children: error }), _jsxs(BrandButton, { variant: "outline", size: "sm", onClick: fetchBackups, className: "mt-4", children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Retry"] })] })) : backups.length === 0 ? (_jsxs("div", { className: "py-10 text-center", children: [_jsx(DatabaseBackup, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "text-sm text-white/60", children: "No backups yet" }), _jsx("p", { className: "mt-1 text-xs text-white/40", children: "Run the agent and save a snapshot to create the first restore point." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-2xl font-medium text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: backups.length }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Total backups" })] }), _jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-lg font-medium text-[#FF9B66]", style: { fontFamily: "var(--font-roboto-mono)" }, children: manualCount }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Manual snapshots" })] }), _jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-lg font-medium text-purple-400", style: { fontFamily: "var(--font-roboto-mono)" }, children: preShutdownCount }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Pre-shutdown backups" })] })] }), _jsx("div", { className: "space-y-3", children: backups.map((backup) => {
+    return (_jsx(BrandCard, { className: "relative", 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: "Backups & History" })] }), _jsxs("p", { className: "text-sm text-white/60", children: ["Snapshot history and restore controls for", " ", agentName || "this agent", "."] }), _jsx("p", { className: "mt-1 text-xs text-white/40", children: "Use \u201CSave Snapshot\u201D above to capture the current running state." })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(BrandButton, { variant: "outline", size: "sm", onClick: fetchBackups, children: [_jsx(RefreshCw, { className: `h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Refresh"] }), _jsxs(BrandButton, { variant: "outline", size: "sm", onClick: () => restoreBackup(), disabled: !latestBackup || !!activeRestoreTarget || isBusy, children: [activeRestoreTarget === latestBackup?.id ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "h-4 w-4" })), "Restore latest"] })] })] }), !isRunning && latestBackup && (_jsxs("div", { className: "flex items-start gap-3 border border-yellow-500/30 bg-yellow-950/20 p-4", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-yellow-400" }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm text-yellow-300", children: "This agent is not currently running." }), _jsx("p", { className: "text-xs text-yellow-200/80", children: "For stopped agents, restores are limited to the latest backup only. Historical per-row restore actions stay hidden until the agent is running again." })] })] })), isBusy && (_jsxs("div", { className: "flex items-start gap-3 border border-white/15 bg-white/[0.04] p-4", children: [_jsx(Loader2, { className: "mt-0.5 h-4 w-4 shrink-0 animate-spin text-white/70" }), _jsx("p", { className: "text-sm text-white/80", children: "Provisioning is in progress. Wait for the agent to finish starting before restoring." })] })), loading ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsx(Skeleton, { className: "h-24 rounded-sm" }), _jsx(Skeleton, { className: "h-24 rounded-sm" }), _jsx(Skeleton, { className: "h-24 rounded-sm" })] }), _jsx(Skeleton, { className: "h-16 rounded-sm" }), _jsx(Skeleton, { className: "h-16 rounded-sm" })] })) : error ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(History, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "mb-1 text-sm text-red-400", children: "Failed to load backups" }), _jsx("p", { className: "text-xs text-white/40", children: error }), _jsxs(BrandButton, { variant: "outline", size: "sm", onClick: fetchBackups, className: "mt-4", children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Retry"] })] })) : backups.length === 0 ? (_jsxs("div", { className: "py-10 text-center", children: [_jsx(DatabaseBackup, { className: "mx-auto mb-3 h-8 w-8 text-neutral-600" }), _jsx("p", { className: "text-sm text-white/60", children: "No backups yet" }), _jsx("p", { className: "mt-1 text-xs text-white/40", children: "Run the agent and save a snapshot to create the first restore point." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-2xl font-medium text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: backups.length }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Total backups" })] }), _jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-lg font-medium text-[#FF9B66]", style: { fontFamily: "var(--font-roboto-mono)" }, children: manualCount }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Manual snapshots" })] }), _jsxs("div", { className: "border border-white/10 bg-black/20 p-4 text-center", children: [_jsx("p", { className: "text-lg font-medium text-purple-400", style: { fontFamily: "var(--font-roboto-mono)" }, children: preShutdownCount }), _jsx("p", { className: "mt-1 text-xs uppercase tracking-wider text-white/60", style: { fontFamily: "var(--font-roboto-mono)" }, children: "Pre-shutdown backups" })] })] }), _jsx("div", { className: "space-y-3", children: backups.map((backup) => {
                                 const timestamp = formatTimestamp(backup.createdAt);
                                 const isLatest = backup.id === latestBackup?.id;
                                 const isRestoring = activeRestoreTarget === backup.id;

package/cloud/instances/components/eliza-agents-table.js

@@ -377,7 +377,7 @@ export function ElizaAgentsTable({ sandboxes: initialSandboxes, }) {
     }
     return (_jsxs(TooltipProvider, { children: [_jsxs(DashboardDataList, { children: [_jsxs("div", { className: "flex flex-col sm:flex-row gap-3", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-white/30" }), _jsx(Input, { placeholder: t("cloud.elizaAgentsTable.searchAgents", {
                                             defaultValue: "Search agents…",
-                                        }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "pl-9 h-9 border-white/10 bg-black/40 text-white placeholder:text-white/30 focus-visible:ring-[var(--brand-orange)]/50" })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { className: "w-full sm:w-[150px] h-9 border-white/10 bg-black/40 text-sm", children: _jsx(SelectValue, { placeholder: t("cloud.elizaAgentsTable.allStatuses", {
+                                        }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "pl-9 h-9 border-white/10 bg-black/40 text-white placeholder:text-white/30 " })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { className: "w-full sm:w-[150px] h-9 border-white/10 bg-black/40 text-sm", children: _jsx(SelectValue, { placeholder: t("cloud.elizaAgentsTable.allStatuses", {
                                                 defaultValue: "All statuses",
                                             }) }) }), _jsxs(SelectContent, { className: "border-white/10 bg-neutral-900", children: [_jsx(SelectItem, { value: "all", children: t("cloud.elizaAgentsTable.allStatuses", {
                                                     defaultValue: "All statuses",

package/cloud/instances/components/eliza-wallet-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eliza-wallet-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/eliza-wallet-section.tsx"],"names":[],"mappings":"AA2HA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,uBAAuB,2CAmQtE"}
+{"version":3,"file":"eliza-wallet-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/instances/components/eliza-wallet-section.tsx"],"names":[],"mappings":"AA4HA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,uBAAuB,2CAiQtE"}