@elizaos/ui 2.0.3-beta.6 → 2.0.3-beta.7

package/cloud/documents/index.js

@@ -1,45 +0,0 @@
-/**
- * Documents (Knowledge) cloud domain — barrel + route/section registration.
- *
- * Lifted from `@elizaos/cloud-frontend/src/dashboard/documents/*` and its data
- * hook (`src/lib/data/agents.ts`). Documents is a per-character knowledge
- * surface (list / upload-file / upload-text / delete / semantic-query against
- * `/api/v1/documents`, characterId-scoped); the canonical home is an
- * agent-scoped view (PLAN §"`dashboard/documents` → AGENT-VIEW (Knowledge)").
- *
- *  - {@link DocumentsSection} is the zero-prop component Wave 3 hands to
- *    `registerSettingsSection({ id: "documents", Component: DocumentsSection })`
- *    or mounts as a standalone view.
- *  - {@link documentsCloudRoute} is registered **at import time** at
- *    `dashboard/documents`. Unlike `dashboard/api-keys`, this path has no
- *    `CloudRouterShell` redirect to shadow, so eager registration is safe and
- *    keeps the standalone deep link live. {@link registerDocumentsCloudRoute}
- *    is also exported for re-registration at a custom path if needed.
- */
-import { lazy } from "react";
-import { registerCloudRoute, } from "../shell/cloud-route-registry.js";
-export { DocumentsPageClient } from "./components/documents-page-client.js";
-export { DocumentsSurface, default as DocumentsRoute } from "./DocumentsRoute.js";
-export { DocumentsSection } from "./DocumentsSection.js";
-export { useMyAgents } from "./lib/agents.js";
-export { useDeleteDocument, useDocuments, useQueryDocuments, useUploadFiles, useUploadText, } from "./lib/documents.js";
-/** Stable view/section id + URL path slug for the Documents surface. */
-export const DOCUMENTS_SECTION_ID = "documents";
-export const DOCUMENTS_ROUTE_PATH = "dashboard/documents";
-/** Lazy route element for the standalone Documents surface (code-split). */
-const DocumentsRouteLazy = lazy(() => import("./DocumentsRoute.js"));
-/** Cloud-route definition for the standalone Documents (Knowledge) surface. */
-export const documentsCloudRoute = {
-    path: DOCUMENTS_ROUTE_PATH,
-    element: DocumentsRouteLazy,
-    group: "dashboard",
-};
-/**
- * Register (or re-register) the standalone Documents route. Exported for an
- * explicit custom-path mount; the default registration below runs at import
- * time since `dashboard/documents` has no shell redirect to collide with.
- */
-export function registerDocumentsCloudRoute(override) {
-    registerCloudRoute({ ...documentsCloudRoute, ...override });
-}
-registerDocumentsCloudRoute();

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

@@ -1,23 +0,0 @@
-/**
- * Documents-domain data hook: the caller's characters (= the per-character
- * scope selector for knowledge/documents).
- *
- * Ported from `@elizaos/cloud-frontend/src/lib/data/agents.ts`, rewired to the
- * shared cloud `api<T>` client. Only the fields the documents view consumes are
- * narrowed off the projection (`GET /api/my-agents/characters`).
- */
-/**
- * A character row from `GET /api/my-agents/characters`. Fields mirror the
- * server projection in `packages/cloud-api/my-agents/characters/route.ts`.
- */
-export interface MyAgentCharacter {
-    id: string;
-    name: string;
-    bio: string | string[] | null;
-}
-/**
- * `GET /api/my-agents/characters` — the caller's characters, used as the
- * per-character scope selector for documents/knowledge.
- */
-export declare function useMyAgents(): import("@tanstack/react-query").UseQueryResult<NoInfer<MyAgentCharacter[]>, Error>;
-//# sourceMappingURL=agents.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-/**
- * Documents-domain data hook: the caller's characters (= the per-character
- * scope selector for knowledge/documents).
- *
- * Ported from `@elizaos/cloud-frontend/src/lib/data/agents.ts`, rewired to the
- * shared cloud `api<T>` client. Only the fields the documents view consumes are
- * narrowed off the projection (`GET /api/my-agents/characters`).
- */
-import { useQuery } from "@tanstack/react-query";
-import { api } from "../../lib/api-client.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.
- */
-export function useMyAgents() {
-    const gate = useAuthenticatedQueryGate();
-    return useQuery({
-        queryKey: authenticatedQueryKey(["my-agents", "characters"], gate),
-        queryFn: async () => {
-            const data = await api("/api/my-agents/characters");
-            return data.data.characters;
-        },
-        enabled: gate.enabled,
-    });
-}

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

@@ -1,54 +0,0 @@
-/**
- * Documents-domain data layer: per-character knowledge CRUD + query against
- * `/api/v1/documents`.
- *
- * Replaces the raw `fetch()` + manual loading/error state the cloud-frontend
- * page client carried with the shared typed `api`/`apiFetch` client and
- * react-query. The list query is keyed by `characterId` so switching the scope
- * selector refetches; mutations invalidate the list so the UI never has to
- * `window.location.reload()`.
- *
- * Service-unavailable (503) is a first-class, non-throwing result so the page
- * can render the "Knowledge service is not available" surface instead of an
- * error boundary.
- */
-import type { CloudDocument, QueryResult } from "@elizaos/cloud-shared/lib/types/documents";
-export type { CloudDocument, QueryResult };
-interface DocumentMutationResponse {
-    message?: string;
-}
-/** Discriminated result so 503 (service down) is not an error path. */
-export type DocumentsListState = {
-    status: "ok";
-    documents: CloudDocument[];
-} | {
-    status: "service-unavailable";
-    message: string;
-};
-/**
- * List documents for the selected character. Disabled until a character is
- * selected (the scope selector). 503 resolves to a `service-unavailable`
- * state rather than throwing.
- */
-export declare function useDocuments(characterId: string | null): import("@tanstack/react-query").UseQueryResult<NoInfer<DocumentsListState>, Error>;
-export declare function useDeleteDocument(characterId: string | null): import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
-export interface UploadFilesInput {
-    files: File[];
-    /** Pre-resolved MIME types, aligned with `files` by index. */
-    mimeTypes: string[];
-    characterId: string | null;
-}
-export declare function useUploadFiles(characterId: string | null): import("@tanstack/react-query").UseMutationResult<DocumentMutationResponse, Error, UploadFilesInput, unknown>;
-export interface UploadTextInput {
-    content: string;
-    filename: string;
-    characterId: string | null;
-}
-export declare function useUploadText(characterId: string | null): import("@tanstack/react-query").UseMutationResult<DocumentMutationResponse, Error, UploadTextInput, unknown>;
-export interface QueryDocumentsInput {
-    query: string;
-    limit: number;
-    characterId: string | null;
-}
-export declare function useQueryDocuments(): import("@tanstack/react-query").UseMutationResult<QueryResult[], Error, QueryDocumentsInput, unknown>;
-//# sourceMappingURL=documents.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"documents.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/documents/lib/documents.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAInD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAU3C,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD,uEAAuE;AACvE,MAAM,MAAM,kBAAkB,GAC1B;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,aAAa,EAAE,CAAA;CAAE,GAC5C;IAAE,MAAM,EAAE,qBAAqB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAmBvD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,sFAMtD;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,mFAkB3D;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8DAA8D;IAC9D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,iHA2BxD;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,gHAuBvD;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,0GAUhC"}

package/cloud/documents/lib/documents.js

@@ -1,118 +0,0 @@
-/**
- * Documents-domain data layer: per-character knowledge CRUD + query against
- * `/api/v1/documents`.
- *
- * Replaces the raw `fetch()` + manual loading/error state the cloud-frontend
- * page client carried with the shared typed `api`/`apiFetch` client and
- * react-query. The list query is keyed by `characterId` so switching the scope
- * selector refetches; mutations invalidate the list so the UI never has to
- * `window.location.reload()`.
- *
- * Service-unavailable (503) is a first-class, non-throwing result so the page
- * can render the "Knowledge service is not available" surface instead of an
- * error boundary.
- */
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { ApiError, api, apiFetch } from "../../lib/api-client.js";
-const DOCUMENTS_BASE = "/api/v1/documents";
-function documentsListKey(characterId) {
-    return ["cloud", "documents", characterId];
-}
-async function fetchDocuments(characterId) {
-    const query = characterId
-        ? `?characterId=${encodeURIComponent(characterId)}`
-        : "";
-    try {
-        const data = await api(`${DOCUMENTS_BASE}${query}`);
-        return { status: "ok", documents: data.documents ?? [] };
-    }
-    catch (error) {
-        if (error instanceof ApiError && error.status === 503) {
-            return { status: "service-unavailable", message: error.message };
-        }
-        throw error;
-    }
-}
-/**
- * List documents for the selected character. Disabled until a character is
- * selected (the scope selector). 503 resolves to a `service-unavailable`
- * state rather than throwing.
- */
-export function useDocuments(characterId) {
-    return useQuery({
-        queryKey: documentsListKey(characterId),
-        queryFn: () => fetchDocuments(characterId),
-        enabled: characterId !== null,
-    });
-}
-export function useDeleteDocument(characterId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: async (documentId) => {
-            const query = characterId
-                ? `?characterId=${encodeURIComponent(characterId)}`
-                : "";
-            await apiFetch(`${DOCUMENTS_BASE}/${encodeURIComponent(documentId)}${query}`, { method: "DELETE" });
-        },
-        onSuccess: () => {
-            void queryClient.invalidateQueries({
-                queryKey: documentsListKey(characterId),
-            });
-        },
-    });
-}
-export function useUploadFiles(characterId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: async ({ files, mimeTypes, characterId: cid, }) => {
-            const formData = new FormData();
-            if (cid)
-                formData.append("characterId", cid);
-            files.forEach((file, index) => {
-                const blob = new Blob([file], {
-                    type: mimeTypes[index] ?? file.type ?? "application/octet-stream",
-                });
-                formData.append("files", blob, file.name);
-            });
-            return api(`${DOCUMENTS_BASE}/upload-file`, {
-                method: "POST",
-                body: formData,
-            });
-        },
-        onSuccess: () => {
-            void queryClient.invalidateQueries({
-                queryKey: documentsListKey(characterId),
-            });
-        },
-    });
-}
-export function useUploadText(characterId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: async ({ content, filename, characterId: cid, }) => api(DOCUMENTS_BASE, {
-            method: "POST",
-            json: {
-                content,
-                contentType: "text/plain",
-                filename,
-                characterId: cid || undefined,
-            },
-        }),
-        onSuccess: () => {
-            void queryClient.invalidateQueries({
-                queryKey: documentsListKey(characterId),
-            });
-        },
-    });
-}
-export function useQueryDocuments() {
-    return useMutation({
-        mutationFn: async ({ query, limit, characterId }) => {
-            const data = await api(`${DOCUMENTS_BASE}/query`, {
-                method: "POST",
-                json: { query, limit, characterId: characterId || undefined },
-            });
-            return data.results ?? [];
-        },
-    });
-}

package/cloud/instances/AgentChatPage.d.ts

@@ -1,13 +0,0 @@
-/**
- * In-dashboard quick chat (`/dashboard/agents/:id/chat`).
- *
- * Ported from
- * `@elizaos/cloud-frontend/src/dashboard/agents/[id]/chat/Page.tsx`. This is the
- * lightweight JSON-RPC bridge chat kept as a convenience for a quick exchange
- * from the management surface; for dedicated agents it offers "Open web UI"
- * (the real full Eliza experience via the pairing flow). The richer connect →
- * chat flow against the active cloud server lives in the app's main chat
- * surface.
- */
-export default function AgentChatPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AgentChatPage.d.ts.map

package/cloud/instances/AgentChatPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentChatPage.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/instances/AgentChatPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAmZH,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0CpC"}

package/cloud/instances/AgentChatPage.js

@@ -1,217 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BrandButton, DashboardErrorState, DashboardLoadingState, } from "@elizaos/ui/cloud-ui";
-import { ArrowLeft, ExternalLink, Loader2, MessageCircle, RefreshCw, Send, } from "lucide-react";
-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 { useRequireAuth } from "./lib/use-session-auth.js";
-function getErrorMessage(error) {
-    if (error instanceof ApiError)
-        return error.message;
-    return error.message;
-}
-function displayName(agent) {
-    const name = agent.agentName;
-    if (name && name.trim().length > 0)
-        return name;
-    return agent.id.slice(0, 8);
-}
-function bridgeReplyText(result) {
-    if (!result)
-        return null;
-    if (typeof result.text === "string" && result.text.trim().length > 0) {
-        return result.text;
-    }
-    if (typeof result.response === "string" &&
-        result.response.trim().length > 0) {
-        return result.response;
-    }
-    if (typeof result.message === "string" && result.message.trim().length > 0) {
-        return result.message;
-    }
-    return null;
-}
-function AgentBridgeChat({ agent }) {
-    const t = useT();
-    const name = useMemo(() => displayName(agent), [agent]);
-    const [messages, setMessages] = useState([]);
-    const [inputText, setInputText] = useState("");
-    const [isSending, setIsSending] = useState(false);
-    const [bridgeState, setBridgeState] = useState("idle");
-    const [bridgeError, setBridgeError] = useState(null);
-    const [chatAvailable, setChatAvailable] = useState(true);
-    const messagesEndRef = useRef(null);
-    const isRunning = agent.status === "running";
-    const hasStandaloneWebUi = agent.executionTier !== "shared" && Boolean(agent.webUiUrl);
-    const canUseBridgeChat = isRunning && chatAvailable;
-    useEffect(() => {
-        if (messages.length === 0 && !isSending)
-            return;
-        messagesEndRef.current?.scrollIntoView({
-            behavior: "smooth",
-            block: "end",
-        });
-    }, [isSending, messages.length]);
-    const postBridge = useCallback((method, params) => api(`/api/v1/eliza/agents/${agent.id}/bridge`, {
-        method: "POST",
-        json: {
-            jsonrpc: "2.0",
-            id: `${method}-${Date.now()}`,
-            method,
-            params,
-        },
-    }), [agent.id]);
-    const checkBridge = useCallback(async () => {
-        if (!isRunning)
-            return;
-        setBridgeState("checking");
-        setBridgeError(null);
-        try {
-            const response = await postBridge("status.get", {});
-            if (response.error)
-                throw new Error(response.error.message);
-            setChatAvailable(response.result?.chat !== false);
-            setBridgeState("ready");
-        }
-        catch (error) {
-            const message = getErrorMessage(error instanceof Error ? error : new Error(String(error)));
-            setChatAvailable(true);
-            setBridgeState("error");
-            setBridgeError(message);
-        }
-    }, [isRunning, postBridge]);
-    useEffect(() => {
-        void checkBridge();
-    }, [checkBridge]);
-    const sendMessage = useCallback(async () => {
-        const text = inputText.trim();
-        if (!text || isSending || !canUseBridgeChat)
-            return;
-        const requestId = Date.now();
-        const userMessage = {
-            id: `user-${requestId}`,
-            role: "user",
-            text,
-        };
-        setMessages((current) => [...current, userMessage]);
-        setInputText("");
-        setIsSending(true);
-        setBridgeError(null);
-        try {
-            const response = await postBridge("message.send", {
-                text,
-                userId: "dashboard",
-                roomId: `dashboard-${agent.id}`,
-            });
-            if (response.error)
-                throw new Error(response.error.message);
-            const reply = bridgeReplyText(response.result);
-            if (!reply)
-                throw new Error("Agent returned an empty response");
-            setMessages((current) => [
-                ...current,
-                {
-                    id: `agent-${Date.now()}`,
-                    role: "agent",
-                    text: reply,
-                },
-            ]);
-            setBridgeState("ready");
-        }
-        catch (error) {
-            const message = getErrorMessage(error instanceof Error ? error : new Error(String(error)));
-            setBridgeState("error");
-            setBridgeError(message);
-            setMessages((current) => [
-                ...current,
-                {
-                    id: `system-${Date.now()}`,
-                    role: "system",
-                    text: message,
-                },
-            ]);
-            toast.error(message);
-        }
-        finally {
-            setIsSending(false);
-        }
-    }, [agent.id, canUseBridgeChat, inputText, isSending, postBridge]);
-    return (_jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [_jsxs(Link, { to: `/dashboard/agents/${agent.id}`, className: "group inline-flex items-center gap-2 text-sm text-white/50 hover:text-white transition-colors", children: [_jsx("div", { className: "flex items-center justify-center w-7 h-7 bg-black/40 group-hover:bg-white/10 transition-colors", children: _jsx(ArrowLeft, { className: "h-3.5 w-3.5" }) }), _jsx("span", { children: t("cloud.agents.chat.backToAgent", {
-                            defaultValue: "Back to agent",
-                        }) })] }), _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center border border-[#FF5800]/25 bg-[#FF5800]/10", children: _jsx(MessageCircle, { className: "h-5 w-5 text-[#FF5800]" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "truncate text-xl font-semibold text-white", style: { fontFamily: "var(--font-roboto-mono)" }, children: t("cloud.agents.chat.titleWithName", {
-                                            defaultValue: "Chat — {{name}}",
-                                            name,
-                                        }) }), _jsx("p", { className: "truncate font-mono text-xs text-white/40", children: agent.id })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(BrandButton, { variant: "outline", size: "sm", onClick: checkBridge, disabled: !isRunning || bridgeState === "checking", children: [bridgeState === "checking" ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(RefreshCw, { className: "h-3.5 w-3.5" })), t("cloud.agents.chat.refresh", { defaultValue: "Refresh" })] }), hasStandaloneWebUi && isRunning && (_jsxs(BrandButton, { variant: "primary", size: "sm", onClick: () => openWebUIWithPairing(agent.id), children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), t("cloud.agents.chat.openWebUi", {
-                                        defaultValue: "Open web UI",
-                                    })] }))] })] }), _jsx("div", { className: "border border-white/10 bg-black", children: _jsxs("div", { className: "flex min-h-[420px] flex-col", children: [!isRunning && (_jsxs("div", { className: "border-b border-yellow-500/20 bg-yellow-500/5 px-4 py-3 text-sm text-yellow-200/80", children: [t("cloud.agents.chat.agentIsStatus", {
-                                    defaultValue: "This agent is",
-                                }), " ", _jsx("span", { className: "font-mono", children: agent.status }), ".", " ", t("cloud.agents.chat.startBeforeChat", {
-                                    defaultValue: "Start the agent before chatting.",
-                                })] })), bridgeError && isRunning && (_jsx("div", { className: "border-b border-red-500/20 bg-red-500/5 px-4 py-3 text-sm text-red-200/80", children: bridgeError })), chatAvailable === false && isRunning && (_jsx("div", { className: "border-b border-white/10 bg-white/[0.03] px-4 py-3 text-sm text-white/60", children: t("cloud.agents.chat.webOnly", {
-                                defaultValue: "This custom app is online. Chat is handled by its Web UI.",
-                            }) })), _jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [messages.length === 0 ? (_jsx("div", { className: "flex h-full min-h-[280px] items-center justify-center text-center text-sm text-white/35", children: chatAvailable === false && isRunning
-                                        ? t("cloud.agents.chat.emptyWebOnly", {
-                                            defaultValue: "Open the Web UI to interact with this app.",
-                                        })
-                                        : isRunning
-                                            ? t("cloud.agents.chat.emptyReady", {
-                                                defaultValue: "Send a message to start this session.",
-                                            })
-                                            : t("cloud.agents.chat.emptyStopped", {
-                                                defaultValue: "Agent chat is unavailable while stopped.",
-                                            }) })) : (messages.map((message) => (_jsx("div", { className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, children: _jsx("div", { className: `max-w-[85%] whitespace-pre-wrap border px-3 py-2 text-sm leading-6 ${message.role === "user"
-                                            ? "border-[#FF5800]/35 bg-[#FF5800]/10 text-white"
-                                            : message.role === "agent"
-                                                ? "border-white/10 bg-white/[0.04] text-white/90"
-                                                : "border-red-500/20 bg-red-500/5 text-red-200/80"}`, children: message.text }) }, message.id)))), isSending && (_jsx("div", { className: "flex justify-start", children: _jsxs("div", { className: "inline-flex items-center gap-2 border border-white/10 bg-white/[0.04] px-3 py-2 text-sm text-white/55", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), t("cloud.agents.chat.waiting", {
-                                                defaultValue: "Waiting for reply",
-                                            })] }) })), _jsx("div", { ref: messagesEndRef })] }), _jsx("form", { className: "border-t border-white/10 p-3", onSubmit: (event) => {
-                                event.preventDefault();
-                                void sendMessage();
-                            }, children: _jsxs("div", { className: "flex gap-2", children: [_jsx("textarea", { value: inputText, onChange: (event) => setInputText(event.target.value), disabled: !canUseBridgeChat || isSending, rows: 2, placeholder: chatAvailable === false
-                                            ? t("cloud.agents.chat.webOnlyPlaceholder", {
-                                                defaultValue: "Open the Web UI to interact",
-                                            })
-                                            : 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  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" }) })] })] }) })] }) })] }));
-}
-export default function AgentChatPage() {
-    const t = useT();
-    const session = useRequireAuth();
-    const { id } = useParams();
-    const enabled = session.ready && session.authenticated;
-    const query = useAgent(enabled ? id : undefined);
-    const titleId = id ? id.slice(0, 8) : "";
-    useDocumentTitle(t("cloud.agents.chat.metaTitleLoading", {
-        defaultValue: "Chat {{id}} — Agent",
-        id: titleId,
-    }));
-    if (!session.ready || (enabled && query.isLoading)) {
-        return (_jsx(DashboardLoadingState, { label: t("cloud.agents.chat.loading", {
-                defaultValue: "Loading agent",
-            }) }));
-    }
-    if (query.error instanceof ApiError && query.error.status === 404) {
-        return _jsx(Navigate, { to: "/dashboard/agents", replace: true });
-    }
-    if (query.error) {
-        const msg = query.error instanceof Error
-            ? query.error.message
-            : t("cloud.agents.chat.errorFailedLoad", {
-                defaultValue: "Failed to load agent",
-            });
-        return _jsx(DashboardErrorState, { message: msg });
-    }
-    const agent = query.data;
-    if (!agent)
-        return _jsx(Navigate, { to: "/dashboard/agents", replace: true });
-    return _jsx(AgentBridgeChat, { agent: agent });
-}

package/cloud-ui/components/image-gen/empty-state.d.ts

@@ -1,3 +0,0 @@
-export declare function ImageEmptyState(): import("react/jsx-runtime").JSX.Element;
-export { ImageEmptyState as EmptyState };
-//# sourceMappingURL=empty-state.d.ts.map

package/cloud-ui/components/image-gen/empty-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/empty-state.tsx"],"names":[],"mappings":"AAQA,wBAAgB,eAAe,4CAQ9B;AAGD,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAC"}

package/cloud-ui/components/image-gen/empty-state.js

@@ -1,12 +0,0 @@
-/**
- * Empty state for image generator using the shared EmptyState component.
- */
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image as ImageIcon } from "lucide-react";
-import { EmptyState } from "../../../components/ui/empty-state.js";
-export function ImageEmptyState() {
-    return (_jsx(EmptyState, { variant: "dashed", icon: _jsx(ImageIcon, { className: "h-6 w-6 text-[#FF5800]" }), title: "Enter a prompt to generate" }));
-}
-// Backward-compatible export
-export { ImageEmptyState as EmptyState };

package/cloud-ui/components/image-gen/enhanced-loading.d.ts

@@ -1,14 +0,0 @@
-/**
- * Enhanced loading component with animated background and random loading messages.
- * Displays progress bar and animated spinner for image generation.
- *
- * @param props.message - Optional custom loading message
- * @param props.progress - Optional progress percentage (0-100)
- */
-interface EnhancedLoadingProps {
-    message?: string;
-    progress?: number;
-}
-export declare function EnhancedLoading({ message, progress }: EnhancedLoadingProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=enhanced-loading.d.ts.map

package/cloud-ui/components/image-gen/enhanced-loading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enhanced-loading.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/enhanced-loading.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAeH,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAgD1E"}

package/cloud-ui/components/image-gen/enhanced-loading.js

@@ -1,23 +0,0 @@
-/**
- * Enhanced loading component with animated background and random loading messages.
- * Displays progress bar and animated spinner for image generation.
- *
- * @param props.message - Optional custom loading message
- * @param props.progress - Optional progress percentage (0-100)
- */
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2, Sparkles } from "lucide-react";
-import { useState } from "react";
-const LOADING_MESSAGES = [
-    "Painting pixels with AI magic...",
-    "Mixing colors and dreams...",
-    "Bringing your vision to life...",
-    "Consulting with digital artists...",
-    "Adding the finishing touches...",
-];
-export function EnhancedLoading({ message, progress }) {
-    const [randomMessage] = useState(() => LOADING_MESSAGES[Math.floor(Math.random() * LOADING_MESSAGES.length)]);
-    const displayMessage = message || randomMessage;
-    return (_jsxs("div", { className: "relative w-full h-[500px] rounded-none border border-white/10 bg-black/40 overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-[#FF5800]/5" }), _jsxs("div", { className: "relative z-10 flex flex-col items-center justify-center h-full px-6 space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 animate-ping opacity-75", children: _jsx("div", { className: "w-12 h-12 rounded-full bg-[#FF5800]/20" }) }), _jsx("div", { className: "relative flex items-center justify-center w-12 h-12 rounded-full bg-black/60 border border-[#FF5800]/40", children: _jsx(Loader2, { className: "w-6 h-6 text-[#FF5800] animate-spin" }) })] }), _jsxs("div", { className: "text-center space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-white", children: displayMessage }), progress !== undefined && (_jsx("div", { className: "w-48 h-1.5 rounded-full bg-white/10 overflow-hidden", children: _jsx("div", { className: "h-full bg-[#FF5800] transition-all duration-500", style: { width: `${progress}%` } }) })), _jsx("p", { className: "text-xs text-white/60", children: "This may take 10-30 seconds" })] }), _jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/50", children: [_jsx(Sparkles, { className: "h-3 w-3 text-[#FF5800]" }), _jsx("span", { children: "AI Model Active" })] })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EACL,KAAK,WAAW,EAChB,gBAAgB,EAChB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC"}

package/cloud-ui/components/image-gen/index.js

@@ -1,4 +0,0 @@
-export { ImageEmptyState } from "./empty-state.js";
-export { EnhancedLoading } from "./enhanced-loading.js";
-export { LoadingState as ImageLoadingState } from "./loading-state.js";
-export { ImagePromptInput, } from "./prompt-input.js";

package/cloud-ui/components/image-gen/loading-state.d.ts

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

package/cloud-ui/components/image-gen/loading-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/loading-state.tsx"],"names":[],"mappings":"AASA,wBAAgB,YAAY,4CAoB3B"}

package/cloud-ui/components/image-gen/loading-state.js

@@ -1,11 +0,0 @@
-/**
- * Loading state component for image generation displaying skeleton placeholders.
- * Shows animated loading spinner and placeholder elements.
- */
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from "../../../components/ui/skeleton.js";
-import { Spinner } from "../../../components/ui/spinner.js";
-export function LoadingState() {
-    return (_jsxs("div", { className: "space-y-6 animate-in fade-in duration-500", children: [_jsx("div", { className: "rounded-none border border-white/10 bg-black/40 overflow-hidden max-h-[500px]", children: _jsx(Skeleton, { className: "w-full aspect-square" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Skeleton, { className: "h-12 rounded-none" }), _jsx(Skeleton, { className: "h-12 rounded-none" })] }), _jsxs("div", { className: "flex items-center justify-center gap-2 py-3", children: [_jsx(Spinner, { size: 16, className: "text-[#FF5800]" }), _jsx("p", { className: "text-sm font-medium text-white/60", children: "Creating your image..." })] })] }));
-}