@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/connectors/IMessageStatusPanel.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, PagePanel } from "@elizaos/ui";
+import { useCallback, useEffect, useState } from "react";
+import { client } from "../../api/index.js";
+import { useApp } from "../../state/index.js";
+import { openExternalUrl } from "../../utils/index.js";
+export function IMessageStatusPanel() {
+    const { t } = useApp();
+    const [status, setStatus] = useState(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const permissionAction = status?.permissionAction?.type === "full_disk_access"
+        ? status.permissionAction
+        : null;
+    const isSendOnly = status?.sendOnly === true;
+    const canReadMessages = status?.connected === true && status?.chatDbAvailable === true;
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            setStatus(await client.getIMessageStatus());
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refresh();
+        return client.onWsEvent("ws-reconnected", () => {
+            void refresh();
+        });
+    }, [refresh]);
+    return (_jsx(PagePanel.Notice, { tone: error
+            ? "danger"
+            : permissionAction || isSendOnly
+                ? "warning"
+                : status?.connected
+                    ? "accent"
+                    : "default", className: "mt-4", actions: _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [permissionAction ? (_jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                        void openExternalUrl(permissionAction.url);
+                    }, children: t("pluginsview.IMessageOpenFullDiskAccess", {
+                        defaultValue: permissionAction.label,
+                    }) })) : null, _jsx(Button, { variant: "outline", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                        void refresh();
+                    }, disabled: loading, children: loading
+                        ? t("common.loading", { defaultValue: "Loading\u2026" })
+                        : t("common.refresh", { defaultValue: "Refresh" }) })] }), children: _jsxs("div", { className: "space-y-2 text-xs", children: [_jsx("div", { className: "font-semibold text-txt", children: canReadMessages
+                        ? t("pluginsview.IMessageConnected", {
+                            defaultValue: "iMessage is connected. Messages are being read from the local database.",
+                        })
+                        : isSendOnly
+                            ? t("pluginsview.IMessageSendOnly", {
+                                defaultValue: "iMessage can send, but Eliza cannot read local messages until Full Disk Access is granted.",
+                            })
+                            : t("pluginsview.IMessageNotConnected", {
+                                defaultValue: "iMessage is not connected. Eliza uses the native macOS Messages bridge on this machine.",
+                            }) }), error ? _jsx("div", { className: "text-danger", children: error }) : null, !error && status?.reason ? (_jsx("div", { className: "text-muted", children: status.reason })) : null, status?.chatDbPath ? (_jsxs("div", { className: "text-muted", children: ["Database: ", status.chatDbPath] })) : null, status?.bridgeType ? (_jsxs("div", { className: "text-muted", children: ["Bridge: ", status.bridgeType] })) : null, permissionAction ? (_jsx("ol", { className: "list-decimal space-y-1 pl-4 text-muted", children: permissionAction.instructions.map((instruction) => (_jsx("li", { children: instruction }, instruction))) })) : null, _jsx("div", { className: "text-muted", children: t("pluginsview.IMessagePermissionHint", {
+                        defaultValue: "iMessage reads ~/Library/Messages/chat.db directly. Full Disk Access must be granted to Eliza Desktop, or to Terminal/iTerm when running Eliza from a shell.",
+                    }) })] }) }));
+}

package/components/connectors/SignalQrOverlay.d.ts

@@ -0,0 +1,7 @@
+interface SignalQrOverlayProps {
+    accountId?: string;
+    onConnected?: () => void;
+}
+export declare function SignalQrOverlay({ accountId, onConnected, }: SignalQrOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SignalQrOverlay.d.ts.map

package/components/connectors/SignalQrOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalQrOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/SignalQrOverlay.tsx"],"names":[],"mappings":"AAMA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAwC,EACxC,WAAW,GACZ,EAAE,oBAAoB,2CAiLtB"}

package/components/connectors/SignalQrOverlay.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useEffect, useRef } from "react";
+import { useSignalPairing } from "../../hooks/index.js";
+import { DEFAULT_CONNECTOR_ACCOUNT_ID } from "../../hooks/useConnectorAccounts.js";
+import { useApp } from "../../state/index.js";
+export function SignalQrOverlay({ accountId = DEFAULT_CONNECTOR_ACCOUNT_ID, onConnected, }) {
+    const { status, qrDataUrl, phoneNumber, error, startPairing, stopPairing, disconnect, } = useSignalPairing(accountId);
+    const { t } = useApp();
+    const firedRef = useRef(false);
+    useEffect(() => {
+        if (status !== "connected" || !onConnected || firedRef.current) {
+            return;
+        }
+        firedRef.current = true;
+        const timer = setTimeout(onConnected, 1200);
+        return () => clearTimeout(timer);
+    }, [onConnected, status]);
+    if (status === "connected") {
+        return (_jsxs("div", { className: "mt-3 p-4 border border-ok bg-[var(--ok-subtle)]", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-ok" }), _jsxs("span", { className: "text-xs font-medium text-ok", children: [t("common.connected"), phoneNumber ? ` (${phoneNumber})` : ""] })] }), _jsx("div", { className: "mt-1 text-2xs text-muted", children: onConnected
+                        ? "Finishing Signal setup..."
+                        : "Signal is paired. Auth state is saved for automatic reconnection." }), !onConnected ? (_jsx(Button, { variant: "destructive", size: "sm", className: "mt-2 text-2xs", onClick: () => void disconnect(), children: t("common.disconnect") })) : null] }));
+    }
+    if (status === "error" || status === "timeout") {
+        return (_jsxs("div", { className: "mt-3 p-4 border border-danger bg-[var(--destructive-subtle)]", children: [_jsx("div", { className: "mb-2 text-xs text-danger", children: status === "timeout"
+                        ? "Signal pairing timed out. Start a new session and scan again."
+                        : (error ?? "Signal pairing failed.") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("whatsappqroverlay.TryAgain", {
+                        defaultValue: "Try again",
+                    }) })] }));
+    }
+    if (status === "idle" || status === "disconnected") {
+        return (_jsxs("div", { className: "mt-3 p-4 border border-border bg-bg-hover", children: [_jsx("div", { className: "mb-2 text-xs text-muted", children: t("signalqroverlay.PairUsingSignalDesktop", {
+                        defaultValue: "Pair Signal by generating a provisioning QR code and scanning it from Signal Desktop.",
+                    }) }), error ? _jsx("div", { className: "mb-2 text-xs text-danger", children: error }) : null, _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("signalqroverlay.ConnectSignal", {
+                        defaultValue: "Connect Signal",
+                    }) })] }));
+    }
+    return (_jsx("div", { className: "mt-3 p-4", style: {
+            border: "1px solid rgba(255,255,255,0.08)",
+            background: "rgba(255,255,255,0.04)",
+        }, children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "shrink-0", children: qrDataUrl ? (_jsx("img", { src: qrDataUrl, alt: "Signal QR Code", className: "h-48 w-48 bg-white dark:bg-white", style: {
+                            imageRendering: "pixelated",
+                            border: "1px solid var(--border)",
+                        } })) : (_jsx("div", { className: "flex h-48 w-48 items-center justify-center", style: {
+                            border: "1px solid var(--border)",
+                            background: "var(--bg-hover)",
+                        }, children: _jsx("span", { className: "animate-pulse text-xs text-muted", children: t("signalqroverlay.GeneratingQR", {
+                                defaultValue: "Generating QR…",
+                            }) }) })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "mb-2 text-xs font-medium text-txt", children: t("signalqroverlay.ScanWithSignalDesktop", {
+                                defaultValue: "Scan with Signal Desktop",
+                            }) }), _jsxs("ol", { className: "m-0 list-decimal space-y-1 pl-4 text-xs-tight text-muted", children: [_jsx("li", { children: t("signalqroverlay.OpenSignalDesktop", {
+                                        defaultValue: "Open Signal Desktop on your Mac.",
+                                    }) }), _jsx("li", { children: t("signalqroverlay.OpenLinkedDevices", {
+                                        defaultValue: "Open Signal settings and choose Linked Devices.",
+                                    }) }), _jsx("li", { children: t("signalqroverlay.ScanPrompt", {
+                                        defaultValue: "Choose Link New Device and scan the QR code shown here.",
+                                    }) })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "mt-3 text-2xs text-muted", onClick: () => void stopPairing(), children: t("common.cancel") })] })] }) }));
+}

package/components/connectors/TelegramAccountConnectorPanel.d.ts

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

package/components/connectors/TelegramAccountConnectorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelegramAccountConnectorPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/TelegramAccountConnectorPanel.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,6BAA6B,4CAgS5C"}

package/components/connectors/TelegramAccountConnectorPanel.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, PagePanel } from "@elizaos/ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "../../api/index.js";
+import { useApp } from "../../state/index.js";
+function accountLabel(status) {
+    const account = status?.account;
+    if (!account) {
+        return null;
+    }
+    if (account.username) {
+        return `@${account.username}`;
+    }
+    const parts = [account.firstName, account.lastName].filter(Boolean);
+    if (parts.length > 0) {
+        return parts.join(" ");
+    }
+    return account.phone;
+}
+function currentPrompt(status) {
+    switch (status?.status) {
+        case "waiting_for_provisioning_code":
+            return {
+                label: "Telegram app provisioning code",
+                placeholder: "Code from Telegram after the my.telegram.org login prompt",
+                field: "provisioningCode",
+            };
+        case "waiting_for_telegram_code":
+            return {
+                label: status.isCodeViaApp
+                    ? "Telegram app login code"
+                    : "Telegram SMS login code",
+                placeholder: status.isCodeViaApp
+                    ? "Code delivered inside Telegram"
+                    : "SMS code delivered to your phone",
+                field: "telegramCode",
+            };
+        case "waiting_for_password":
+            return {
+                label: "Telegram two-factor password",
+                placeholder: "Telegram account password",
+                field: "password",
+            };
+        default:
+            return {
+                label: "",
+                placeholder: "",
+                field: null,
+            };
+    }
+}
+export function TelegramAccountConnectorPanel() {
+    const { t } = useApp();
+    const [status, setStatus] = useState(null);
+    const [phone, setPhone] = useState("");
+    const [inputValue, setInputValue] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [submitting, setSubmitting] = useState(false);
+    const [disconnecting, setDisconnecting] = useState(false);
+    const [restarting, setRestarting] = useState(false);
+    const [error, setError] = useState(null);
+    const prompt = useMemo(() => currentPrompt(status), [status]);
+    const refreshStatus = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const nextStatus = await client.getTelegramAccountStatus();
+            setStatus(nextStatus);
+            setPhone((current) => current || nextStatus.phone || "");
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refreshStatus();
+        return client.onWsEvent("ws-reconnected", () => {
+            void refreshStatus();
+        });
+    }, [refreshStatus]);
+    const startAuth = useCallback(async () => {
+        const trimmedPhone = phone.trim();
+        if (!trimmedPhone && !(status?.phone ?? "").trim()) {
+            setError("Telegram phone number is required.");
+            return;
+        }
+        setSubmitting(true);
+        setError(null);
+        try {
+            const nextStatus = await client.startTelegramAccountAuth(trimmedPhone);
+            setStatus(nextStatus);
+            setPhone(nextStatus.phone ?? trimmedPhone);
+            setInputValue("");
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [phone, status?.phone]);
+    const submitAuthInput = useCallback(async () => {
+        if (!prompt.field || !inputValue.trim()) {
+            return;
+        }
+        setSubmitting(true);
+        setError(null);
+        try {
+            const payload = prompt.field === "password"
+                ? { password: inputValue }
+                : { [prompt.field]: inputValue.trim() };
+            const nextStatus = await client.submitTelegramAccountAuth(payload);
+            setStatus(nextStatus);
+            setInputValue("");
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [inputValue, prompt.field]);
+    const disconnect = useCallback(async () => {
+        setDisconnecting(true);
+        setError(null);
+        try {
+            const nextStatus = await client.disconnectTelegramAccount();
+            setStatus(nextStatus);
+            setPhone("");
+            setInputValue("");
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setDisconnecting(false);
+        }
+    }, []);
+    const restartAgent = useCallback(async () => {
+        setRestarting(true);
+        setError(null);
+        try {
+            await client.restartAndWait();
+            await refreshStatus();
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setRestarting(false);
+        }
+    }, [refreshStatus]);
+    const connectedLabel = accountLabel(status);
+    return (_jsx(PagePanel.Notice, { tone: error || status?.status === "error" ? "danger" : "default", className: "mt-4", children: _jsxs("div", { className: "space-y-3 text-xs", children: [_jsx("div", { className: "font-semibold text-txt", children: t("pluginsview.TelegramAccountSetupTitle", {
+                        defaultValue: "Connect your Telegram account",
+                    }) }), _jsx("div", { className: "text-muted", children: t("pluginsview.TelegramAccountSetupHint", {
+                        defaultValue: "This is separate from the Telegram bot connector. The app logs into Telegram as you, saves a local session, and then the Telegram account connector comes online after the agent restarts.",
+                    }) }), loading ? (_jsx("div", { className: "text-muted", children: t("common.loading", { defaultValue: "Loading\u2026" }) })) : null, connectedLabel ? (_jsx("div", { className: "rounded-lg border border-border/40 bg-bg/60 px-3 py-2 text-xs-tight text-muted-strong", children: status?.serviceConnected
+                        ? `Connected as ${connectedLabel}.`
+                        : `Authenticated as ${connectedLabel}.` })) : null, status?.status === "idle" || status?.status === "error" ? (_jsxs("div", { className: "space-y-2", children: [_jsx("input", { type: "tel", value: phone, onChange: (event) => {
+                                setPhone(event.target.value);
+                                if (error) {
+                                    setError(null);
+                                }
+                            }, placeholder: "+15551234567", className: "h-8 w-full rounded-lg border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none" }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                                void startAuth();
+                            }, disabled: submitting, children: submitting
+                                ? t("common.connecting", { defaultValue: "Starting\u2026" })
+                                : t("common.connect", { defaultValue: "Connect" }) })] })) : null, prompt.field ? (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-muted", children: prompt.label }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: prompt.field === "password" ? "password" : "text", value: inputValue, onChange: (event) => {
+                                        setInputValue(event.target.value);
+                                        if (error) {
+                                            setError(null);
+                                        }
+                                    }, placeholder: prompt.placeholder, className: "h-8 flex-1 rounded-lg border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none", onKeyDown: (event) => {
+                                        if (event.key === "Enter") {
+                                            void submitAuthInput();
+                                        }
+                                    } }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                                        void submitAuthInput();
+                                    }, disabled: submitting || !inputValue.trim(), children: submitting
+                                        ? t("common.submitting", { defaultValue: "Submitting\u2026" })
+                                        : t("common.continue", { defaultValue: "Continue" }) })] })] })) : null, status?.restartRequired ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-border/40 bg-bg/60 px-3 py-2 text-xs-tight text-muted-strong", children: [_jsx("div", { children: t("pluginsview.TelegramAccountRestartHint", {
+                                defaultValue: "Telegram authentication is saved locally. Restart the agent to bring the connector online.",
+                            }) }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                                void restartAgent();
+                            }, disabled: restarting, children: restarting
+                                ? t("common.restarting", { defaultValue: "Restarting\u2026" })
+                                : t("common.restart", { defaultValue: "Restart agent" }) })] })) : null, status?.status !== "idle" ? (_jsx(Button, { variant: "outline", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                        void disconnect();
+                    }, disabled: disconnecting, children: disconnecting
+                        ? t("common.disconnecting", {
+                            defaultValue: "Disconnecting\u2026",
+                        })
+                        : t("common.disconnect", { defaultValue: "Disconnect" }) })) : null, status?.status === "waiting_for_provisioning_code" ? (_jsx("div", { className: "text-muted", children: t("pluginsview.TelegramAccountProvisioningExplain", {
+                        defaultValue: "Telegram first asks the app to provision credentials through my.telegram.org. Enter the code Telegram sent you there, then the app will request the normal account login code.",
+                    }) })) : null, status?.status === "waiting_for_telegram_code" ? (_jsx("div", { className: "text-muted", children: status.isCodeViaApp
+                        ? "Enter the login code that Telegram sent inside your Telegram app."
+                        : "Enter the login code that Telegram sent by SMS." })) : null, status?.status === "waiting_for_password" ? (_jsx("div", { className: "text-muted", children: "Enter your Telegram two-factor password to finish linking this account." })) : null, error || status?.error ? (_jsx("div", { className: "text-danger", children: error ?? status?.error })) : null] }) }));
+}

package/components/connectors/TelegramBotSetupPanel.d.ts

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

package/components/connectors/TelegramBotSetupPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelegramBotSetupPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/TelegramBotSetupPanel.tsx"],"names":[],"mappings":"AAaA,wBAAgB,qBAAqB,4CA6JpC"}

package/components/connectors/TelegramBotSetupPanel.js

@@ -0,0 +1,81 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, PagePanel } from "@elizaos/ui";
+import { useCallback, useState } from "react";
+import { client } from "../../api/index.js";
+import { useApp } from "../../state/index.js";
+export function TelegramBotSetupPanel() {
+    const { t } = useApp();
+    const [status, setStatus] = useState("idle");
+    const [token, setToken] = useState("");
+    const [botInfo, setBotInfo] = useState(null);
+    const [error, setError] = useState(null);
+    const validateAndSave = useCallback(async () => {
+        const trimmed = token.trim();
+        if (!trimmed) {
+            setError("Please paste your bot token");
+            return;
+        }
+        setStatus("validating");
+        setError(null);
+        try {
+            const res = (await client.fetch("/api/telegram-setup/validate-token", {
+                method: "POST",
+                body: JSON.stringify({ token: trimmed }),
+            }));
+            if (res.ok && res.bot) {
+                setBotInfo(res.bot);
+                setStatus("connected");
+                setToken("");
+            }
+            else {
+                setError(res.error ?? "Invalid bot token");
+                setStatus("error");
+            }
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+            setStatus("error");
+        }
+    }, [token]);
+    const disconnect = useCallback(async () => {
+        try {
+            await client.fetch("/api/telegram-setup/disconnect", { method: "POST" });
+            setBotInfo(null);
+            setStatus("idle");
+        }
+        catch {
+            // ignore
+        }
+    }, []);
+    if (status === "connected" && botInfo) {
+        return (_jsx(PagePanel.Notice, { tone: "accent", className: "mt-4", children: _jsxs("div", { className: "space-y-2 text-xs", children: [_jsxs("div", { className: "font-semibold text-txt", children: [t("pluginsview.TelegramConnected", {
+                                defaultValue: "Telegram bot connected",
+                            }), " \u2014 ", _jsxs("span", { className: "text-muted-strong", children: ["@", botInfo.username] })] }), _jsx("div", { className: "text-muted", children: t("pluginsview.TelegramConnectedHint", {
+                            defaultValue: "Your bot is saved and will auto-connect on next start. Enable the Telegram plugin above if it isn't already active.",
+                        }) }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                            void disconnect();
+                        }, children: t("common.disconnect", { defaultValue: "Disconnect" }) })] }) }));
+    }
+    return (_jsx(PagePanel.Notice, { tone: status === "error" ? "danger" : "default", className: "mt-4", children: _jsxs("div", { className: "space-y-3 text-xs", children: [_jsx("div", { className: "font-semibold text-txt", children: t("pluginsview.TelegramSetupTitle", {
+                        defaultValue: "Connect a Telegram Bot",
+                    }) }), _jsxs("ol", { className: "list-inside list-decimal space-y-1 text-muted", children: [_jsxs("li", { children: [t("common.open", {
+                                    defaultValue: "Open ",
+                                }), _jsx("a", { href: "https://t.me/BotFather", target: "_blank", rel: "noopener noreferrer", className: "font-medium text-accent underline", children: "@BotFather" }), t("pluginsview.TelegramStep1b", {
+                                    defaultValue: " on Telegram",
+                                })] }), _jsx("li", { children: t("pluginsview.TelegramStep2", {
+                                defaultValue: "Send /newbot and follow the prompts to create your bot",
+                            }) }), _jsx("li", { children: t("pluginsview.TelegramStep3", {
+                                defaultValue: "Copy the bot token and paste it below",
+                            }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "password", value: token, onChange: (e) => {
+                                setToken(e.target.value);
+                                if (status === "error")
+                                    setStatus("idle");
+                            }, placeholder: "123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11", className: "h-8 flex-1 rounded-lg border border-border/50 bg-bg/70 px-3 text-xs-tight text-txt placeholder:text-muted/50 focus:border-accent focus:outline-none", onKeyDown: (e) => {
+                                if (e.key === "Enter")
+                                    void validateAndSave();
+                            } }), _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-xl px-4 text-xs-tight font-semibold", onClick: () => {
+                                void validateAndSave();
+                            }, disabled: status === "validating" || !token.trim(), children: status === "validating"
+                                ? t("common.validating", { defaultValue: "Validating\u2026" })
+                                : t("common.connect", { defaultValue: "Connect" }) })] }), error ? _jsx("div", { className: "text-danger", children: error }) : null] }) }));
+}

package/components/connectors/WhatsAppQrOverlay.d.ts

@@ -0,0 +1,9 @@
+interface WhatsAppQrOverlayProps {
+    accountId?: string;
+    /** Called when QR pairing succeeds — parent should install plugin + close modal. */
+    onConnected?: () => void;
+    connectedMessage?: string;
+}
+export declare function WhatsAppQrOverlay({ accountId, onConnected, connectedMessage, }: WhatsAppQrOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WhatsAppQrOverlay.d.ts.map

package/components/connectors/WhatsAppQrOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsAppQrOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/WhatsAppQrOverlay.tsx"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAwC,EACxC,WAAW,EACX,gBAAgB,GACjB,EAAE,sBAAsB,2CAuLxB"}

package/components/connectors/WhatsAppQrOverlay.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useEffect, useRef } from "react";
+import { useWhatsAppPairing } from "../../hooks/index.js";
+import { DEFAULT_CONNECTOR_ACCOUNT_ID } from "../../hooks/useConnectorAccounts.js";
+import { useApp } from "../../state/index.js";
+export function WhatsAppQrOverlay({ accountId = DEFAULT_CONNECTOR_ACCOUNT_ID, onConnected, connectedMessage, }) {
+    const { status, qrDataUrl, phoneNumber, error, startPairing, stopPairing, disconnect, } = useWhatsAppPairing(accountId);
+    const { t } = useApp();
+    // Fire onConnected once when status transitions to "connected"
+    const firedRef = useRef(false);
+    useEffect(() => {
+        if (status === "connected" && onConnected && !firedRef.current) {
+            firedRef.current = true;
+            // Small delay so the user sees the success state briefly
+            const timer = setTimeout(onConnected, 1200);
+            return () => clearTimeout(timer);
+        }
+    }, [status, onConnected]);
+    // ── Connected ────────────────────────────────────────────────────────
+    if (status === "connected") {
+        return (_jsxs("div", { className: "p-4 mt-3 border border-ok bg-[var(--ok-subtle)]", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-ok" }), _jsxs("span", { className: "text-xs font-medium text-ok", children: [t("common.connected"), phoneNumber ? ` (+${phoneNumber})` : ""] })] }), _jsx("div", { className: "text-2xs mt-1 text-muted", children: connectedMessage ??
+                        (onConnected
+                            ? "Finishing WhatsApp setup..."
+                            : "WhatsApp is paired. Auth state is saved for automatic reconnection.") }), !onConnected && (_jsx(Button, { variant: "destructive", size: "sm", className: "mt-2 text-2xs", onClick: () => void disconnect(), children: t("common.disconnect") }))] }));
+    }
+    // ── Error / Timeout ──────────────────────────────────────────────────
+    if (status === "error" || status === "timeout") {
+        return (_jsxs("div", { className: "p-4 mt-3 border border-danger bg-[var(--destructive-subtle)]", children: [_jsx("div", { className: "text-xs mb-2 text-danger", children: status === "timeout"
+                        ? "QR code expired. Please try again."
+                        : (error ?? "An error occurred.") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("whatsappqroverlay.TryAgain") })] }));
+    }
+    // ── Idle ──────────────────────────────────────────────────────────────
+    if (status === "idle" || status === "disconnected") {
+        return (_jsxs("div", { className: "p-4 mt-3 border border-border bg-bg-hover", children: [_jsx("div", { className: "text-xs mb-2 text-muted", children: t("whatsappqroverlay.ScanAQRCodeWith") }), _jsx("div", { className: "text-2xs mb-2 opacity-70 text-muted", children: t("whatsappqroverlay.UsesAnUnofficialW") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("whatsappqroverlay.ConnectWhatsApp") })] }));
+    }
+    // ── Initializing / Waiting for QR ────────────────────────────────────
+    return (_jsx("div", { className: "p-4 mt-3", style: {
+            border: "1px solid rgba(255,255,255,0.08)",
+            background: "rgba(255,255,255,0.04)",
+        }, children: _jsxs("div", { className: "flex flex-col items-start gap-4 sm:flex-row", children: [_jsx("div", { className: "shrink-0", children: qrDataUrl ? (_jsx("img", { src: qrDataUrl, alt: "WhatsApp QR Code", className: "h-40 w-40 bg-white dark:bg-white sm:h-48 sm:w-48", style: {
+                            imageRendering: "pixelated",
+                            border: "1px solid var(--border)",
+                        } })) : (_jsx("div", { className: "flex h-40 w-40 items-center justify-center sm:h-48 sm:w-48", style: {
+                            border: "1px solid var(--border)",
+                            background: "var(--bg-hover)",
+                        }, children: _jsx("span", { className: "text-xs animate-pulse text-muted", children: t("whatsappqroverlay.GeneratingQR") }) })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-xs font-medium mb-2 text-txt", children: t("whatsappqroverlay.ScanWithWhatsApp") }), _jsxs("ol", { className: "text-xs-tight space-y-1 list-decimal pl-4 m-0 text-muted", children: [_jsx("li", { children: t("whatsappqroverlay.OpenWhatsAppOnYou") }), _jsxs("li", { children: [t("whatsappqroverlay.Tap"), " ", _jsx("strong", { children: t("whatsappqroverlay.Menu") }), " or", " ", _jsx("strong", { children: t("nav.settings") }), " ", t("whatsappqroverlay.andSelect"), " ", _jsx("strong", { children: t("whatsappqroverlay.LinkedDevices") })] }), _jsxs("li", { children: [t("whatsappqroverlay.Tap"), " ", _jsx("strong", { children: t("whatsappqroverlay.LinkADevice") })] }), _jsx("li", { children: t("whatsappqroverlay.PointYourPhoneAt") })] }), _jsxs("div", { className: "mt-3 flex items-center gap-2", children: [_jsx("span", { className: "inline-block w-1.5 h-1.5 rounded-full animate-pulse", style: { background: "var(--accent)" } }), _jsx("span", { className: "text-2xs text-muted", children: t("whatsappqroverlay.QRRefreshesAutomat") })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "mt-3 text-2xs text-muted", onClick: () => void stopPairing(), children: t("common.cancel") })] })] }) }));
+}

package/components/connectors/connector-account-options.d.ts

@@ -0,0 +1,42 @@
+import type { ConnectorAccountCreateInput, ConnectorAccountPrivacy, ConnectorAccountPurpose, ConnectorAccountRole } from "../../api/client-agent";
+export interface ConnectorAccountOption<T extends string> {
+    value: T;
+    label: string;
+    description: string;
+}
+export type ConnectorPrivacyConfirmationRequirement = "none" | "typed" | "public";
+export type ConnectorRoleConfirmationRequirement = "none" | "owner";
+export declare const CONNECTOR_PLUGIN_MANAGED_MODE_ID = "plugin-managed";
+export declare const CONNECTOR_ACCOUNT_MANAGEMENT_PANEL_PREFIX = "connector-account-management";
+export type ConnectorManagementMode = typeof CONNECTOR_PLUGIN_MANAGED_MODE_ID | "cloud-managed" | "local-setup" | "local-config";
+export interface ConnectorPluginManagedAccountOption extends ConnectorAccountOption<typeof CONNECTOR_PLUGIN_MANAGED_MODE_ID> {
+    connectorId: string;
+    provider: string;
+    title: string;
+    defaultRole: ConnectorAccountRole;
+    defaultPurpose: readonly ConnectorAccountPurpose[];
+    supportsOAuth: boolean;
+    aliases?: readonly string[];
+}
+export declare const CONNECTOR_ACCOUNT_PURPOSE_OPTIONS: readonly ConnectorAccountOption<ConnectorAccountRole>[];
+export declare const CONNECTOR_ACCOUNT_PRIVACY_OPTIONS: readonly ConnectorAccountOption<ConnectorAccountPrivacy>[];
+export declare const CONNECTOR_PRIVACY_TYPED_CONFIRMATION = "SHARE";
+export declare const CONNECTOR_PRIVACY_PUBLIC_CONFIRMATION = "PUBLIC";
+export declare const CONNECTOR_OWNER_ROLE_CONFIRMATION = "OWNER";
+export declare const CONNECTOR_PLUGIN_MANAGED_ACCOUNT_OPTIONS: readonly ConnectorPluginManagedAccountOption[];
+export declare function normalizeConnectorCatalogId(connectorId: string): string;
+export declare function getConnectorPluginManagedAccountOption(connectorId: string | undefined): ConnectorPluginManagedAccountOption | null;
+export declare function hasConnectorPluginManagedAccounts(connectorId: string | undefined): boolean;
+export declare function connectorAccountManagementPanelPluginId(connectorId: string): string | null;
+export declare function parseConnectorAccountManagementPanelPluginId(pluginId: string): {
+    provider: string;
+    connectorId: string;
+} | null;
+export declare function getConnectorPluginManagedAccountCreateInput(connectorId: string): ConnectorAccountCreateInput | undefined;
+export declare function getConnectorPurposeOption(value: ConnectorAccountRole | undefined): ConnectorAccountOption<ConnectorAccountRole>;
+export declare function getConnectorPrivacyOption(value: ConnectorAccountPrivacy | undefined): ConnectorAccountOption<ConnectorAccountPrivacy>;
+export declare function getConnectorPrivacyConfirmationRequirement(current: ConnectorAccountPrivacy | undefined, next: ConnectorAccountPrivacy): ConnectorPrivacyConfirmationRequirement;
+export declare function isConnectorPrivacyConfirmationSatisfied(requirement: ConnectorPrivacyConfirmationRequirement, typedValue: string, publicAcknowledged: boolean): boolean;
+export declare function getConnectorRoleConfirmationRequirement(current: ConnectorAccountRole | undefined, next: ConnectorAccountRole): ConnectorRoleConfirmationRequirement;
+export declare function isConnectorRoleConfirmationSatisfied(requirement: ConnectorRoleConfirmationRequirement, typedValue: string): boolean;
+//# sourceMappingURL=connector-account-options.d.ts.map

package/components/connectors/connector-account-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector-account-options.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/connector-account-options.ts"],"names":[],"mappings":"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"}