@elizaos/ui 2.0.0-alpha.20 → 2.0.0-alpha.201

package/packages/app-core/src/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";
+import { useApp } from "../../state";
+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/packages/app-core/src/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/packages/app-core/src/components/connectors/TelegramBotSetupPanel.d.ts.map

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

package/packages/app-core/src/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";
+import { useApp } from "../../state";
+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("pluginsview.TelegramStep1", {
+                                    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/packages/app-core/src/components/connectors/WhatsAppQrOverlay.d.ts

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

package/packages/app-core/src/components/connectors/WhatsAppQrOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsAppQrOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/connectors/WhatsAppQrOverlay.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAqB,EACrB,WAAW,GACZ,EAAE,sBAAsB,2CAsLxB"}

package/packages/app-core/src/components/connectors/WhatsAppQrOverlay.js

@@ -0,0 +1,52 @@
+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";
+import { useApp } from "../../state";
+export function WhatsAppQrOverlay({ accountId = "default", onConnected, }) {
+    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("onboarding.connected"), phoneNumber ? ` (+${phoneNumber})` : ""] })] }), _jsx("div", { className: "text-2xs mt-1 text-muted", children: onConnected
+                        ? "Installing WhatsApp plugin and restarting agent..."
+                        : "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("providerswitcher.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 items-start gap-4", children: [_jsx("div", { className: "shrink-0", children: qrDataUrl ? (_jsx("img", { src: qrDataUrl, alt: "WhatsApp QR Code", className: "w-48 h-48 bg-white dark:bg-white", style: {
+                            imageRendering: "pixelated",
+                            border: "1px solid var(--border)",
+                        } })) : (_jsx("div", { className: "w-48 h-48 flex items-center justify-center", 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/packages/app-core/src/components/conversations/ConversationRenameDialog.d.ts

@@ -0,0 +1,9 @@
+export interface ConversationRenameDialogProps {
+    open: boolean;
+    conversationId: string | null;
+    /** Raw API title (not localized). */
+    initialTitle: string;
+    onClose: () => void;
+}
+export declare function ConversationRenameDialog({ open, conversationId, initialTitle, onClose, }: ConversationRenameDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConversationRenameDialog.d.ts.map

package/packages/app-core/src/components/conversations/ConversationRenameDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationRenameDialog.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/conversations/ConversationRenameDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,OAAO,GACR,EAAE,6BAA6B,2CA2D/B"}

package/packages/app-core/src/components/conversations/ConversationRenameDialog.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChatConversationRenameDialog } from "@elizaos/ui";
+import { useEffect, useState } from "react";
+import { useApp } from "../../state";
+export function ConversationRenameDialog({ open, conversationId, initialTitle, onClose, }) {
+    const { handleRenameConversation, suggestConversationTitle, t } = useApp();
+    const [draft, setDraft] = useState(initialTitle);
+    const [suggesting, setSuggesting] = useState(false);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        if (open) {
+            setDraft(initialTitle);
+            setSuggesting(false);
+            setSaving(false);
+        }
+    }, [open, initialTitle]);
+    const handleSuggest = async () => {
+        if (!conversationId || suggesting || saving)
+            return;
+        setSuggesting(true);
+        try {
+            const suggested = await suggestConversationTitle(conversationId);
+            if (suggested)
+                setDraft(suggested);
+        }
+        finally {
+            setSuggesting(false);
+        }
+    };
+    const handleSave = async () => {
+        if (!conversationId || saving || suggesting)
+            return;
+        const trimmed = draft.trim();
+        if (!trimmed)
+            return;
+        setSaving(true);
+        try {
+            await handleRenameConversation(conversationId, trimmed);
+            onClose();
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(ChatConversationRenameDialog, { open: open, title: t("conversations.renameDialogTitle"), description: t("conversations.renameDialogDescription"), inputLabel: t("conversations.renameDialogLabel"), value: draft, onChange: setDraft, onClose: onClose, onSave: () => void handleSave(), onSuggest: () => void handleSuggest(), saveDisabled: !conversationId || !draft.trim() || saving || suggesting, saveLabel: t("conversations.renameDialogSave"), savePendingLabel: t("conversations.renameDialogSaving"), saving: saving, suggestDisabled: !conversationId || suggesting || saving, suggestLabel: t("conversations.renameDialogSuggest"), suggestPendingLabel: t("conversations.renameDialogSuggesting"), suggesting: suggesting }));
+}

package/packages/app-core/src/components/conversations/ConversationsSidebar.d.ts

@@ -0,0 +1,9 @@
+type ConversationsSidebarVariant = "default" | "game-modal";
+interface ConversationsSidebarProps {
+    mobile?: boolean;
+    onClose?: () => void;
+    variant?: ConversationsSidebarVariant;
+}
+export declare function ConversationsSidebar({ mobile, onClose, variant, }: ConversationsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConversationsSidebar.d.ts.map

package/packages/app-core/src/components/conversations/ConversationsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/conversations/ConversationsSidebar.tsx"],"names":[],"mappings":"AA8EA,KAAK,2BAA2B,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5D,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;AAiDD,wBAAgB,oBAAoB,CAAC,EACnC,MAAc,EACd,OAAO,EACP,OAAmB,GACpB,EAAE,yBAAyB,2CAsqB3B"}