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

package/components/connectors/BlueBubblesStatusPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlueBubblesStatusPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/BlueBubblesStatusPanel.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,sBAAsB,4CAoFrC"}

package/components/connectors/BlueBubblesStatusPanel.js

@@ -0,0 +1,61 @@
+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";
+function resolveWebhookTarget(status) {
+    if (!status?.webhookPath) {
+        return null;
+    }
+    const baseUrl = client.getBaseUrl();
+    if (typeof baseUrl === "string" && /^https?:\/\//.test(baseUrl)) {
+        return new URL(status.webhookPath, `${baseUrl}/`).toString();
+    }
+    if (typeof window !== "undefined" &&
+        (window.location.protocol === "http:" ||
+            window.location.protocol === "https:")) {
+        return new URL(status.webhookPath, window.location.origin).toString();
+    }
+    return status.webhookPath;
+}
+export function BlueBubblesStatusPanel() {
+    const { t } = useApp();
+    const [status, setStatus] = useState(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            setStatus(await client.getBlueBubblesStatus());
+        }
+        catch (nextError) {
+            setError(nextError instanceof Error ? nextError.message : String(nextError));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refresh();
+        return client.onWsEvent("ws-reconnected", () => {
+            void refresh();
+        });
+    }, [refresh]);
+    const webhookTarget = resolveWebhookTarget(status);
+    return (_jsx(PagePanel.Notice, { tone: error ? "danger" : status?.connected ? "accent" : "default", className: "mt-4", actions: _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…" })
+                : t("common.refresh", { defaultValue: "Refresh" }) }), children: _jsxs("div", { className: "space-y-2 text-xs", children: [_jsx("div", { className: "font-semibold text-txt", children: status?.connected
+                        ? t("pluginsview.BlueBubblesConnected", {
+                            defaultValue: "BlueBubbles is connected.",
+                        })
+                        : t("pluginsview.BlueBubblesNotConnected", {
+                            defaultValue: "BlueBubbles is not connected yet. Save the server URL and password above, then refresh.",
+                        }) }), error ? _jsx("div", { className: "text-danger", children: error }) : null, !error && status?.reason ? (_jsx("div", { className: "text-muted", children: status.reason })) : null, webhookTarget ? (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "font-medium text-txt", children: t("pluginsview.BlueBubblesWebhookTarget", {
+                                defaultValue: "Webhook target",
+                            }) }), _jsx("code", { className: "block break-all rounded-lg border border-border/40 bg-bg/70 px-3 py-2 text-xs-tight text-muted-strong", children: webhookTarget })] })) : null, _jsx("div", { className: "text-muted", children: t("pluginsview.BlueBubblesWebhookHint", {
+                        defaultValue: "Point your BlueBubbles webhook at the app API host so new iMessage events stream into the inbox.",
+                    }) })] }) }));
+}

package/components/connectors/ConnectorAccountAuditList.d.ts

@@ -0,0 +1,8 @@
+export interface ConnectorAccountAuditListProps {
+    provider: string;
+    accountId?: string;
+    limit?: number;
+    className?: string;
+}
+export declare function ConnectorAccountAuditList({ provider, accountId, limit, className, }: ConnectorAccountAuditListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountAuditList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountAuditList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountAuditList.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,KAAU,EACV,SAAS,GACV,EAAE,8BAA8B,2CAsHhC"}

package/components/connectors/ConnectorAccountAuditList.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Spinner, StatusBadge } from "@elizaos/ui";
+import { RefreshCw } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "../../api/index.js";
+function formatAuditTime(value) {
+    if (!value)
+        return "Unknown time";
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
+}
+function metadataPreview(metadata) {
+    if (!metadata || Object.keys(metadata).length === 0)
+        return "{}";
+    return JSON.stringify(metadata);
+}
+function outcomeTone(outcome) {
+    if (outcome === "success")
+        return "success";
+    if (outcome === "failure")
+        return "danger";
+    return "muted";
+}
+export function ConnectorAccountAuditList({ provider, accountId, limit = 25, className, }) {
+    const [events, setEvents] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const query = useMemo(() => ({
+        ...(accountId ? { accountId } : {}),
+        limit,
+    }), [accountId, limit]);
+    const refresh = useCallback(async () => {
+        if (!provider.trim()) {
+            setEvents([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        try {
+            const response = await client.listConnectorAccountAuditEvents(provider, query);
+            setEvents(response.events);
+            setError(null);
+        }
+        catch (err) {
+            setEvents([]);
+            setError(err instanceof Error && err.message.trim()
+                ? err.message
+                : "Failed to load audit events");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [provider, query]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    return (_jsxs("div", { className: cn("rounded-lg border border-border/45 bg-card/35 text-sm", className), children: [_jsxs("div", { className: "flex min-h-11 items-center justify-between gap-3 border-b border-border/35 px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-xs font-semibold uppercase text-muted", children: "Audit trail" }), _jsxs("div", { className: "truncate text-xs text-muted", children: [provider, accountId ? ` / ${accountId}` : ""] })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: loading, onClick: () => void refresh(), "aria-label": "Refresh connector audit events", title: "Refresh connector audit events", className: "h-8 w-8 p-0", children: loading ? (_jsx(Spinner, { className: "h-3.5 w-3.5" })) : (_jsx(RefreshCw, { className: "h-3.5 w-3.5", "aria-hidden": true })) })] }), error ? (_jsx("div", { className: "px-3 py-2 text-xs text-danger", children: error })) : null, !loading && !error && events.length === 0 ? (_jsx("div", { className: "px-3 py-6 text-center text-xs text-muted", children: "No audit events." })) : null, events.length > 0 ? (_jsx("div", { className: "max-h-80 divide-y divide-border/20 overflow-auto", children: events.map((event) => (_jsxs("div", { className: "grid gap-2 px-3 py-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(StatusBadge, { label: event.outcome, tone: outcomeTone(event.outcome), withDot: true }), _jsx("span", { className: "font-medium text-txt", children: event.action }), _jsx("span", { className: "ml-auto text-xs text-muted", children: formatAuditTime(event.createdAt) })] }), _jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted", children: [event.actorId ? _jsxs("span", { children: ["Actor ", event.actorId] }) : null, event.accountId ? (_jsxs("span", { children: ["Account ", event.accountId] })) : null] }), _jsx("pre", { className: "max-h-24 overflow-auto rounded-md border border-border/30 bg-bg/35 p-2 text-[11px] leading-relaxed text-muted", children: metadataPreview(event.metadata) })] }, event.id))) })) : null] }));
+}

package/components/connectors/ConnectorAccountCard.d.ts

@@ -0,0 +1,17 @@
+import type { ConnectorAccountRecord, ConnectorAccountUpdateInput } from "../../api/client-agent";
+export interface ConnectorAccountCardProps {
+    account: ConnectorAccountRecord;
+    isDefault?: boolean;
+    selected?: boolean;
+    saving?: boolean;
+    testBusy?: boolean;
+    refreshBusy?: boolean;
+    onSelect?: () => void;
+    onUpdate: (body: ConnectorAccountUpdateInput) => Promise<void>;
+    onTest: () => Promise<void>;
+    onRefresh: () => Promise<void>;
+    onDelete: () => Promise<void>;
+    onMakeDefault: () => Promise<void>;
+}
+export declare function ConnectorAccountCard({ account, isDefault, selected, saving, testBusy, refreshBusy, onSelect, onUpdate, onTest, onRefresh, onDelete, onMakeDefault, }: ConnectorAccountCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,sBAAsB,EAEtB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAKhC,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AA2CD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,SAAsC,EACtC,QAAgB,EAChB,MAAc,EACd,QAAgB,EAChB,WAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,yBAAyB,2CAqN3B"}

package/components/connectors/ConnectorAccountCard.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Checkbox, cn, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Spinner, StatusBadge, } from "@elizaos/ui";
+import { RefreshCw, Star, Trash2 } from "lucide-react";
+import { useCallback, useState } from "react";
+import { EditableAccountLabel } from "../accounts/EditableAccountLabel.js";
+import { ConnectorAccountPrivacySelector } from "./ConnectorAccountPrivacySelector.js";
+import { ConnectorAccountPurposeSelector } from "./ConnectorAccountPurposeSelector.js";
+function formatRelativeTime(epochMs) {
+    if (!epochMs)
+        return "Never synced";
+    const diff = Date.now() - epochMs;
+    if (diff < 60_000)
+        return "Synced just now";
+    if (diff < 3_600_000)
+        return `Synced ${Math.floor(diff / 60_000)}m ago`;
+    if (diff < 86_400_000)
+        return `Synced ${Math.floor(diff / 3_600_000)}h ago`;
+    return `Synced ${Math.floor(diff / 86_400_000)}d ago`;
+}
+function deriveStatus(status) {
+    switch (status) {
+        case "connected":
+            return { label: "Connected", tone: "success" };
+        case "pending":
+            return { label: "Pending", tone: "warning" };
+        case "needs-reauth":
+            return { label: "Needs reauth", tone: "danger" };
+        case "error":
+            return { label: "Error", tone: "danger" };
+        case "disconnected":
+            return { label: "Disconnected", tone: "muted" };
+        default:
+            return { label: "Unknown", tone: "muted" };
+    }
+}
+function initials(label) {
+    const trimmed = label.trim();
+    if (!trimmed)
+        return "?";
+    return trimmed
+        .split(/\s+/)
+        .slice(0, 2)
+        .map((part) => part.charAt(0).toUpperCase())
+        .join("");
+}
+export function ConnectorAccountCard({ account, isDefault = account.isDefault === true, selected = false, saving = false, testBusy = false, refreshBusy = false, onSelect, onUpdate, onTest, onRefresh, onDelete, onMakeDefault, }) {
+    const [confirmingDelete, setConfirmingDelete] = useState(false);
+    const [deleteBusy, setDeleteBusy] = useState(false);
+    const [defaultBusy, setDefaultBusy] = useState(false);
+    const status = deriveStatus(account.status);
+    const displayHandle = account.handle ?? account.externalId ?? null;
+    const enabled = account.enabled !== false;
+    const handleDelete = useCallback(async () => {
+        setDeleteBusy(true);
+        try {
+            await onDelete();
+            setConfirmingDelete(false);
+        }
+        finally {
+            setDeleteBusy(false);
+        }
+    }, [onDelete]);
+    const handleMakeDefault = useCallback(async () => {
+        setDefaultBusy(true);
+        try {
+            await onMakeDefault();
+        }
+        finally {
+            setDefaultBusy(false);
+        }
+    }, [onMakeDefault]);
+    return (_jsxs("div", { className: cn("flex flex-col gap-3 rounded-lg border border-border/45 bg-card/35 px-3 py-3 transition-opacity", !enabled && "opacity-60", selected && "border-accent/70 bg-accent/5"), children: [_jsxs("div", { className: "flex flex-wrap items-start gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border/50 bg-bg-accent text-xs font-semibold text-muted", children: account.avatarUrl ? (_jsx("img", { src: account.avatarUrl, alt: "", className: "h-full w-full object-cover" })) : (initials(account.label)) }), _jsxs("div", { className: "min-w-[180px] flex-1 space-y-1", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsx(StatusBadge, { label: status.label, tone: status.tone, withDot: true }), _jsx(EditableAccountLabel, { value: account.label, disabled: saving, onSubmit: (label) => onUpdate({ label }), inputAriaLabel: "Connector account label" }), isDefault ? (_jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px]", children: "Default" })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px] text-muted", children: [displayHandle ? (_jsx("span", { className: "max-w-[220px] truncate", children: displayHandle })) : null, _jsx("span", { children: formatRelativeTime(account.lastSyncedAt) }), account.statusDetail ? (_jsx("span", { className: "max-w-[260px] truncate text-warn", children: account.statusDetail })) : null] })] }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5", children: [onSelect ? (_jsx(Button, { type: "button", variant: selected ? "default" : "outline", size: "sm", disabled: saving || selected, onClick: onSelect, className: "h-7 px-2 text-xs", children: selected ? "Selected" : "Use" })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: saving || isDefault || defaultBusy, onClick: () => void handleMakeDefault(), "aria-label": "Make default account", title: "Make default account", className: "h-7 w-7 p-0", children: defaultBusy ? (_jsx(Spinner, { className: "h-3 w-3" })) : (_jsx(Star, { className: "h-3.5 w-3.5", "aria-hidden": true })) }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: saving || testBusy, onClick: () => void onTest(), className: "h-7 px-2 text-xs", children: testBusy ? _jsx(Spinner, { className: "h-3 w-3" }) : "Test" }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: saving || refreshBusy, onClick: () => void onRefresh(), "aria-label": "Refresh connector account", title: "Refresh connector account", className: "h-7 w-7 p-0", children: refreshBusy ? (_jsx(Spinner, { className: "h-3 w-3" })) : (_jsx(RefreshCw, { className: "h-3.5 w-3.5", "aria-hidden": true })) }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: saving, onClick: () => setConfirmingDelete(true), "aria-label": "Delete connector account", title: "Delete connector account", className: "h-7 w-7 p-0 text-destructive hover:bg-destructive/10", children: _jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(ConnectorAccountPurposeSelector, { value: account.role, disabled: saving, accountLabel: account.label, onChange: (role, confirmation) => {
+                            void onUpdate({ role, confirmation });
+                        } }), _jsx(ConnectorAccountPrivacySelector, { value: account.privacy, disabled: saving, accountLabel: account.label, onChange: (privacy, confirmation) => onUpdate({ privacy, confirmation }) }), _jsxs("div", { className: "inline-flex items-center gap-1.5 text-xs text-muted", children: [_jsx(Checkbox, { checked: enabled, disabled: saving, onCheckedChange: (checked) => {
+                                    void onUpdate({ enabled: checked === true });
+                                }, "aria-label": "Connector account enabled" }), _jsx("span", { children: "Enabled" })] })] }), _jsx(Dialog, { open: confirmingDelete, onOpenChange: (open) => {
+                    if (!deleteBusy)
+                        setConfirmingDelete(open);
+                }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Remove this connector account?" }), _jsx(DialogDescription, { children: "Removing the account deletes its connector metadata and may revoke stored auth state once backend support is enabled. This cannot be undone." })] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", disabled: deleteBusy, onClick: () => setConfirmingDelete(false), children: "Cancel" }), _jsx(Button, { type: "button", variant: "destructive", disabled: deleteBusy, onClick: () => void handleDelete(), children: deleteBusy ? _jsx(Spinner, { className: "h-3 w-3" }) : "Remove account" })] })] }) })] }));
+}

package/components/connectors/ConnectorAccountList.d.ts

@@ -0,0 +1,13 @@
+import type { ConnectorAccountCreateInput } from "../../api/client-agent";
+export interface ConnectorAccountListProps {
+    provider: string;
+    connectorId?: string;
+    title?: string;
+    className?: string;
+    pollMs?: number;
+    selectedAccountId?: string | null;
+    onSelectedAccountIdChange?: (accountId: string | null) => void;
+    onAddAccount?: () => Promise<ConnectorAccountCreateInput | undefined> | ConnectorAccountCreateInput | undefined;
+}
+export declare function ConnectorAccountList({ provider, connectorId, title, className, pollMs, selectedAccountId, onSelectedAccountIdChange, onAddAccount, }: ConnectorAccountListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,yBAAyB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MACX,OAAO,CAAC,2BAA2B,GAAG,SAAS,CAAC,GAChD,2BAA2B,GAC3B,SAAS,CAAC;CACf;AA6BD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAsB,EACtB,KAA4B,EAC5B,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,yBAAyB,EACzB,YAAY,GACb,EAAE,yBAAyB,2CA0I3B"}

package/components/connectors/ConnectorAccountList.js

@@ -0,0 +1,82 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, cn, Spinner } from "@elizaos/ui";
+import { Plus } from "lucide-react";
+import { useEffect, useMemo } from "react";
+import { useConnectorAccounts } from "../../hooks/useConnectorAccounts.js";
+import { ConnectorAccountCard } from "./ConnectorAccountCard.js";
+function sortConnectorAccounts(accounts, defaultAccountId) {
+    return [...accounts].sort((a, b) => {
+        const aDefault = a.id === defaultAccountId ||
+            (defaultAccountId === null &&
+                a.isDefault === true &&
+                a.enabled !== false &&
+                a.status === "connected");
+        const bDefault = b.id === defaultAccountId ||
+            (defaultAccountId === null &&
+                b.isDefault === true &&
+                b.enabled !== false &&
+                b.status === "connected");
+        if (aDefault !== bDefault)
+            return aDefault ? -1 : 1;
+        return a.label.localeCompare(b.label);
+    });
+}
+function openConnectorAuthUrl(authUrl) {
+    if (!authUrl || typeof window === "undefined")
+        return;
+    window.open(authUrl, "_blank", "noopener,noreferrer");
+}
+export function ConnectorAccountList({ provider, connectorId = provider, title = "Connector accounts", className, pollMs, selectedAccountId, onSelectedAccountIdChange, onAddAccount, }) {
+    const connectorAccounts = useConnectorAccounts(provider, connectorId, {
+        pollMs,
+        initialSelectedAccountId: selectedAccountId,
+    });
+    const setConnectorSelectedAccountId = connectorAccounts.setSelectedAccountId;
+    useEffect(() => {
+        if (selectedAccountId !== undefined) {
+            setConnectorSelectedAccountId(selectedAccountId);
+        }
+    }, [selectedAccountId, setConnectorSelectedAccountId]);
+    const sortedAccounts = useMemo(() => sortConnectorAccounts(connectorAccounts.accounts, connectorAccounts.defaultAccountId), [connectorAccounts.accounts, connectorAccounts.defaultAccountId]);
+    const handleSelect = (accountId) => {
+        setConnectorSelectedAccountId(accountId);
+        onSelectedAccountIdChange?.(accountId);
+    };
+    const handleAdd = async () => {
+        if (onAddAccount) {
+            const body = await onAddAccount();
+            if (!body)
+                return;
+            await connectorAccounts.add(body);
+            return;
+        }
+        const result = await connectorAccounts.startOAuth({
+            metadata: {
+                requestedRole: "OWNER",
+                privacy: "owner_only",
+            },
+        });
+        openConnectorAuthUrl(result.authUrl);
+    };
+    const addBusy = connectorAccounts.saving.has(`add:${provider}:${connectorId}`) ||
+        connectorAccounts.saving.has(`oauth:${provider}:${connectorId}:new`);
+    return (_jsxs("div", { className: cn("mt-3 flex flex-col gap-2 rounded-xl border border-border/40 bg-bg-accent/40 p-3", className), children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: [title, " (", sortedAccounts.length, ")"] }), _jsxs(Button, { type: "button", variant: "default", size: "sm", disabled: addBusy, onClick: () => void handleAdd(), className: "h-8 gap-1 px-2.5 text-xs", children: [addBusy ? (_jsx(Spinner, { className: "h-3 w-3" })) : (_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true })), "Add account"] })] }), connectorAccounts.loading && !connectorAccounts.data ? (_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsx(Spinner, { className: "h-3 w-3" }), "Loading connector accounts..."] })) : null, connectorAccounts.error ? (_jsx("div", { className: "rounded-lg border border-border/45 bg-card/30 px-3 py-2 text-xs text-muted", children: connectorAccounts.error })) : null, sortedAccounts.length === 0 && !connectorAccounts.loading ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 px-3 py-6 text-center text-xs text-muted", children: "No connector accounts yet." })) : (_jsx("div", { className: "flex flex-col gap-2", children: sortedAccounts.map((account) => {
+                    const isDefault = account.id === connectorAccounts.defaultAccountId ||
+                        (connectorAccounts.defaultAccountId === null &&
+                            account.isDefault === true &&
+                            account.enabled !== false &&
+                            account.status === "connected");
+                    return (_jsx(ConnectorAccountCard, { account: account, isDefault: isDefault, selected: account.id === connectorAccounts.effectiveAccountId ||
+                            account.id === selectedAccountId, saving: connectorAccounts.saving.has(account.id), testBusy: connectorAccounts.saving.has(`test:${account.id}`), refreshBusy: connectorAccounts.saving.has(`refresh:${account.id}`), onSelect: () => handleSelect(account.id), onUpdate: async (body) => {
+                            await connectorAccounts.update(account.id, body);
+                        }, onTest: async () => {
+                            await connectorAccounts.test(account.id);
+                        }, onRefresh: async () => {
+                            await connectorAccounts.refreshAccount(account.id);
+                        }, onDelete: async () => {
+                            await connectorAccounts.remove(account.id);
+                        }, onMakeDefault: async () => {
+                            await connectorAccounts.makeDefault(account.id);
+                        } }, account.id));
+                }) }))] }));
+}

package/components/connectors/ConnectorAccountPrivacySelector.d.ts

@@ -0,0 +1,13 @@
+import type { ConnectorAccountPrivacy } from "../../api/client-agent";
+export interface ConnectorAccountPrivacySelectorProps {
+    value?: ConnectorAccountPrivacy;
+    onChange: (value: ConnectorAccountPrivacy, confirmation?: {
+        privacy?: string;
+        publicAcknowledged?: boolean;
+    }) => Promise<void> | void;
+    disabled?: boolean;
+    id?: string;
+    accountLabel?: string;
+}
+export declare function ConnectorAccountPrivacySelector({ value, onChange, disabled, id, accountLabel, }: ConnectorAccountPrivacySelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountPrivacySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountPrivacySelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountPrivacySelector.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAUtE,MAAM,WAAW,oCAAoC;IACnD,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,CACR,KAAK,EAAE,uBAAuB,EAC9B,YAAY,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;KAAE,KAC9D,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,EAAE,EACF,YAAY,GACb,EAAE,oCAAoC,2CA8LtC"}

package/components/connectors/ConnectorAccountPrivacySelector.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Checkbox, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Spinner, } from "@elizaos/ui";
+import { useId, useMemo, useState } from "react";
+import { CONNECTOR_ACCOUNT_PRIVACY_OPTIONS, CONNECTOR_PRIVACY_PUBLIC_CONFIRMATION, CONNECTOR_PRIVACY_TYPED_CONFIRMATION, getConnectorPrivacyConfirmationRequirement, getConnectorPrivacyOption, isConnectorPrivacyConfirmationSatisfied, } from "./connector-account-options.js";
+export function ConnectorAccountPrivacySelector({ value, onChange, disabled = false, id, accountLabel, }) {
+    const resolved = getConnectorPrivacyOption(value).value;
+    const [pendingValue, setPendingValue] = useState(null);
+    const [typedValue, setTypedValue] = useState("");
+    const [publicAcknowledged, setPublicAcknowledged] = useState(false);
+    const [confirmBusy, setConfirmBusy] = useState(false);
+    const generatedId = useId();
+    const confirmInputId = `${id ?? generatedId}-privacy-confirm`;
+    const pendingRequirement = useMemo(() => pendingValue
+        ? getConnectorPrivacyConfirmationRequirement(resolved, pendingValue)
+        : "none", [pendingValue, resolved]);
+    const pendingOption = pendingValue
+        ? getConnectorPrivacyOption(pendingValue)
+        : null;
+    const expectedPhrase = pendingRequirement === "public"
+        ? CONNECTOR_PRIVACY_PUBLIC_CONFIRMATION
+        : CONNECTOR_PRIVACY_TYPED_CONFIRMATION;
+    const confirmEnabled = isConnectorPrivacyConfirmationSatisfied(pendingRequirement, typedValue, publicAcknowledged);
+    const closeDialog = () => {
+        if (confirmBusy)
+            return;
+        setPendingValue(null);
+        setTypedValue("");
+        setPublicAcknowledged(false);
+    };
+    const handleValueChange = (next) => {
+        const privacy = next;
+        const requirement = getConnectorPrivacyConfirmationRequirement(resolved, privacy);
+        if (requirement === "none") {
+            void onChange(privacy);
+            return;
+        }
+        setTypedValue("");
+        setPublicAcknowledged(false);
+        setPendingValue(privacy);
+    };
+    const handleConfirm = async () => {
+        if (!pendingValue || !confirmEnabled)
+            return;
+        setConfirmBusy(true);
+        try {
+            await onChange(pendingValue, {
+                privacy: expectedPhrase,
+                publicAcknowledged,
+            });
+            setPendingValue(null);
+            setTypedValue("");
+            setPublicAcknowledged(false);
+        }
+        finally {
+            setConfirmBusy(false);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-w-[210px] items-center gap-2", children: [_jsx("span", { className: "shrink-0 text-[10px] font-medium uppercase tracking-wider text-muted", children: "Privacy" }), _jsxs(Select, { value: resolved, disabled: disabled, onValueChange: handleValueChange, children: [_jsx(SelectTrigger, { id: id, className: "h-8 w-[150px] rounded-lg border border-border bg-card text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONNECTOR_ACCOUNT_PRIVACY_OPTIONS.map((option) => (_jsx(SelectItem, { value: option.value, children: _jsxs("div", { className: "flex flex-col gap-0.5 py-0.5", children: [_jsx("span", { className: "text-sm font-medium text-txt", children: option.label }), _jsx("span", { className: "text-xs text-muted", children: option.description })] }) }, option.value))) })] })] }), _jsx(Dialog, { open: pendingValue !== null, onOpenChange: (open) => {
+                    if (!open)
+                        closeDialog();
+                }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: pendingRequirement === "public"
+                                        ? "Make connector account public?"
+                                        : "Share connector account access?" }), _jsx(DialogDescription, { children: pendingRequirement === "public"
+                                        ? "Public visibility can expose this account identity outside the owner and team."
+                                        : "This changes the account from owner-only visibility to a shared visibility level." })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-border/50 bg-bg-accent/40 px-3 py-2 text-xs text-muted", children: [_jsx("span", { className: "font-medium text-txt", children: accountLabel ?? "Connector account" }), " ", "will be set to", " ", _jsx("span", { className: "font-medium text-txt", children: pendingOption?.label ?? pendingValue }), "."] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("label", { htmlFor: confirmInputId, className: "text-xs font-medium text-txt", children: ["Type ", expectedPhrase, " to confirm"] }), _jsx(Input, { id: confirmInputId, value: typedValue, onChange: (event) => setTypedValue(event.target.value), disabled: confirmBusy, className: "h-9 text-sm" })] }), pendingRequirement === "public" ? (_jsxs("div", { className: "flex items-start gap-2 text-xs text-muted", children: [_jsx(Checkbox, { checked: publicAcknowledged, disabled: confirmBusy, onCheckedChange: (checked) => setPublicAcknowledged(checked === true), "aria-label": "Confirm public connector account visibility" }), _jsx("span", { children: "I understand this may reveal connector identity and account presence publicly." })] })) : null] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", disabled: confirmBusy, onClick: closeDialog, children: "Cancel" }), _jsx(Button, { type: "button", variant: pendingRequirement === "public" ? "destructive" : "default", disabled: !confirmEnabled || confirmBusy, onClick: () => void handleConfirm(), children: confirmBusy ? _jsx(Spinner, { className: "h-3 w-3" }) : "Confirm" })] })] }) })] }));
+}

package/components/connectors/ConnectorAccountPurposeSelector.d.ts

@@ -0,0 +1,12 @@
+import type { ConnectorAccountRole } from "../../api/client-agent";
+export interface ConnectorAccountPurposeSelectorProps {
+    value?: ConnectorAccountRole;
+    onChange: (value: ConnectorAccountRole, confirmation?: {
+        role?: string;
+    }) => Promise<void> | void;
+    disabled?: boolean;
+    id?: string;
+    accountLabel?: string;
+}
+export declare function ConnectorAccountPurposeSelector({ value, onChange, disabled, id, accountLabel, }: ConnectorAccountPurposeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountPurposeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountPurposeSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountPurposeSelector.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AASnE,MAAM,WAAW,oCAAoC;IACnD,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,CACR,KAAK,EAAE,oBAAoB,EAC3B,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAC7B,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,EAAE,EACF,YAAY,GACb,EAAE,oCAAoC,2CAuJtC"}

package/components/connectors/ConnectorAccountPurposeSelector.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@elizaos/ui";
+import { useId, useMemo, useState } from "react";
+import { CONNECTOR_ACCOUNT_PURPOSE_OPTIONS, CONNECTOR_OWNER_ROLE_CONFIRMATION, getConnectorPurposeOption, getConnectorRoleConfirmationRequirement, isConnectorRoleConfirmationSatisfied, } from "./connector-account-options.js";
+export function ConnectorAccountPurposeSelector({ value, onChange, disabled = false, id, accountLabel, }) {
+    const resolved = getConnectorPurposeOption(value).value;
+    const [pendingValue, setPendingValue] = useState(null);
+    const [typedValue, setTypedValue] = useState("");
+    const [confirmBusy, setConfirmBusy] = useState(false);
+    const generatedId = useId();
+    const confirmInputId = `${id ?? generatedId}-role-confirm`;
+    const pendingRequirement = useMemo(() => pendingValue
+        ? getConnectorRoleConfirmationRequirement(resolved, pendingValue)
+        : "none", [pendingValue, resolved]);
+    const confirmEnabled = isConnectorRoleConfirmationSatisfied(pendingRequirement, typedValue);
+    const closeDialog = () => {
+        if (confirmBusy)
+            return;
+        setPendingValue(null);
+        setTypedValue("");
+    };
+    const handleValueChange = (next) => {
+        const role = next;
+        if (role === resolved)
+            return;
+        const requirement = getConnectorRoleConfirmationRequirement(resolved, role);
+        if (requirement === "none") {
+            void onChange(role);
+            return;
+        }
+        setTypedValue("");
+        setPendingValue(role);
+    };
+    const handleConfirm = async () => {
+        if (!pendingValue || !confirmEnabled)
+            return;
+        setConfirmBusy(true);
+        try {
+            await onChange(pendingValue, { role: CONNECTOR_OWNER_ROLE_CONFIRMATION });
+            setPendingValue(null);
+            setTypedValue("");
+        }
+        finally {
+            setConfirmBusy(false);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-w-[180px] items-center gap-2", children: [_jsx("span", { className: "shrink-0 text-[10px] font-medium uppercase tracking-wider text-muted", children: "Acts as:" }), _jsxs(Select, { value: resolved, disabled: disabled, onValueChange: handleValueChange, children: [_jsx(SelectTrigger, { id: id, className: "h-8 w-[132px] rounded-lg border border-border bg-card text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONNECTOR_ACCOUNT_PURPOSE_OPTIONS.map((option) => (_jsx(SelectItem, { value: option.value, children: _jsxs("div", { className: "flex flex-col gap-0.5 py-0.5", children: [_jsx("span", { className: "text-sm font-medium text-txt", children: option.label }), _jsx("span", { className: "text-xs text-muted", children: option.description })] }) }, option.value))) })] })] }), _jsx(Dialog, { open: pendingValue !== null, onOpenChange: (open) => {
+                    if (!open)
+                        closeDialog();
+                }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Assign OWNER role?" }), _jsx(DialogDescription, { children: "OWNER accounts can access owner-gated connector data and perform owner-scoped connector actions." })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-border/50 bg-bg-accent/40 px-3 py-2 text-xs text-muted", children: [_jsx("span", { className: "font-medium text-txt", children: accountLabel ?? "Connector account" }), " ", "will be promoted to", " ", _jsx("span", { className: "font-medium text-txt", children: "OWNER" }), "."] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("label", { htmlFor: confirmInputId, className: "text-xs font-medium text-txt", children: ["Type ", CONNECTOR_OWNER_ROLE_CONFIRMATION, " to confirm"] }), _jsx(Input, { id: confirmInputId, value: typedValue, onChange: (event) => setTypedValue(event.target.value), disabled: confirmBusy, className: "h-9 text-sm" })] })] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", disabled: confirmBusy, onClick: closeDialog, children: "Cancel" }), _jsx(Button, { type: "button", variant: "destructive", disabled: !confirmEnabled || confirmBusy, onClick: () => void handleConfirm(), children: confirmBusy ? (_jsx("span", { className: "h-3 w-3 animate-spin rounded-full border border-current border-t-transparent" })) : ("Confirm") })] })] }) })] }));
+}

package/components/connectors/ConnectorAccountSetupScope.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export interface ConnectorAccountSetupScopeProps {
+    provider: string;
+    connectorId?: string;
+    children: (accountId: string | null) => ReactNode;
+}
+export declare function ConnectorAccountSetupScope({ provider, connectorId, children, }: ConnectorAccountSetupScopeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectorAccountSetupScope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorAccountSetupScope.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountSetupScope.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,CAAC;CACnD;AAUD,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,WAAsB,EACtB,QAAQ,GACT,EAAE,+BAA+B,2CA4EjC"}

package/components/connectors/ConnectorAccountSetupScope.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@elizaos/ui";
+import { useConnectorAccounts } from "../../hooks/useConnectorAccounts.js";
+function canUseSetupAccount(account) {
+    return account.enabled !== false && account.status === "connected";
+}
+function formatPrivacy(value) {
+    return (value ?? "owner_only").replace(/_/g, " ");
+}
+export function ConnectorAccountSetupScope({ provider, connectorId = provider, children, }) {
+    const accounts = useConnectorAccounts(provider, connectorId, { pollMs: 0 });
+    const selectedAccount = accounts.accounts.find((account) => account.id === accounts.effectiveAccountId) ?? null;
+    const selectedSetupAccountId = selectedAccount && canUseSetupAccount(selectedAccount)
+        ? selectedAccount.id
+        : null;
+    return (_jsxs(_Fragment, { children: [accounts.accounts.length > 0 ? (_jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 rounded-lg border border-border/45 bg-bg-accent/35 px-3 py-2", children: [_jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted", children: "Setup account" }), _jsxs(Select, { value: selectedSetupAccountId ?? undefined, onValueChange: (accountId) => {
+                            const account = accounts.accounts.find((item) => item.id === accountId);
+                            if (!account || !canUseSetupAccount(account))
+                                return;
+                            accounts.setSelectedAccountId(accountId);
+                        }, children: [_jsx(SelectTrigger, { className: "h-8 min-w-[180px] rounded-lg border border-border bg-card text-xs", children: _jsx(SelectValue, { placeholder: "Choose account" }) }), _jsx(SelectContent, { children: accounts.accounts.map((account) => {
+                                    const usable = canUseSetupAccount(account);
+                                    return (_jsx(SelectItem, { value: account.id, disabled: !usable, children: _jsxs("div", { className: "flex flex-col gap-0.5 py-0.5", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-txt", children: [_jsx("span", { className: "truncate", children: account.label }), _jsx(Badge, { variant: "outline", className: "text-[9px] uppercase", children: account.role })] }), account.handle || account.externalId ? (_jsx("span", { className: "text-xs text-muted", children: account.handle ?? account.externalId })) : null, _jsxs("span", { className: "text-[10px] capitalize text-muted", children: [account.status, usable ? "" : " unavailable", " \u00B7", " ", formatPrivacy(account.privacy)] })] }) }, account.id));
+                                }) })] }), !selectedSetupAccountId ? (_jsx("span", { className: "text-xs text-warn", children: "Choose a connected account to continue." })) : null] })) : null, children(selectedSetupAccountId)] }));
+}

package/components/connectors/ConnectorModeSelector.d.ts

@@ -0,0 +1,37 @@
+import { type ConnectorManagementMode } from "./connector-account-options";
+export type ConnectorMode = {
+    id: string;
+    label: string;
+    description: string;
+    managementMode?: ConnectorManagementMode;
+};
+/**
+ * Returns available modes for each connector based on deployment context.
+ */
+export declare function getConnectorModes(connectorId: string, options?: {
+    elizaCloudConnected?: boolean;
+}): ConnectorMode[];
+/**
+ * Maps connector mode to the plugin ID that ConnectorSetupPanel renders.
+ */
+export declare function modeToSetupPluginId(connectorId: string, modeId: string): string | null;
+export declare function getDefaultConnectorModeId(connectorId: string, modes: ConnectorMode[]): string;
+export declare function ConnectorModeSelector({ connectorId, selectedMode, onModeChange, elizaCloudConnected, }: {
+    connectorId: string;
+    selectedMode: string;
+    onModeChange: (modeId: string) => void;
+    elizaCloudConnected?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Hook to manage connector mode state. Reads initial mode from config
+ * or defaults to the first available mode.
+ */
+export declare function useConnectorMode(connectorId: string, options?: {
+    elizaCloudConnected?: boolean;
+}): {
+    modes: ConnectorMode[];
+    selectedMode: string;
+    setSelectedMode: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setupPluginId: string | null;
+};
+//# sourceMappingURL=ConnectorModeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorModeSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorModeSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAI7B,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C,CAAC;AAmBF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE,GAC1C,aAAa,EAAE,CA4KjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,IAAI,CA+Bf;AAED,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,aAAa,EAAE,GACrB,MAAM,CAmBR;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,kDAsCA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;EAkB5C"}