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

package/components/config-ui/ui-renderer.js

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Checkbox, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@elizaos/ui";
 import React, { createContext, useCallback, useContext, useMemo, useState, } from "react";
 import { getByPath, setByPath } from "../../config/config-catalog.js";
 import { useApp } from "../../state/index.js";
 import { confirmDesktopAction, resolveAppAssetUrl } from "../../utils/index.js";
-import { ConfigFieldErrors, getConfigInputClassName, getConfigTextareaClassName, } from "./config-control-primitives.js";
+import { Button } from "../ui/button.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select.js";
+import { ConfigFieldErrors } from "./config-control-primitives.js";
+import { getConfigInputClassName, getConfigTextareaClassName, } from "./config-control-primitives.helpers.js";
+import { evaluateUiVisibility, runValidation, sanitizeLinkHref, } from "./ui-renderer.helpers.js";
 const UiContext = createContext(null);
-const BLOCKED_LINK_PROTOCOLS = new Set([
-    "javascript",
-    "data",
-    "vbscript",
-    "file",
-]);
 function useUiCtx() {
     const ctx = useContext(UiContext);
     if (!ctx)
@@ -91,114 +89,6 @@ function resolveProps(props, ctx) {
     }
     return resolved;
 }
-// ── Visibility evaluation ────────────────────────────────────────────
-export function evaluateUiVisibility(condition, state, auth) {
-    if (!condition)
-        return true;
-    // Path-based
-    if ("path" in condition && "operator" in condition) {
-        const val = getByPath(state, condition.path);
-        const target = condition.value;
-        switch (condition.operator) {
-            case "eq":
-                return val === target;
-            case "ne":
-                return val !== target;
-            case "gt":
-                return Number(val) > Number(target);
-            case "gte":
-                return Number(val) >= Number(target);
-            case "lt":
-                return Number(val) < Number(target);
-            case "lte":
-                return Number(val) <= Number(target);
-            default:
-                return true;
-        }
-    }
-    // Auth-based
-    if ("auth" in condition) {
-        if (!auth)
-            return false;
-        switch (condition.auth) {
-            case "signedIn":
-                return auth.isSignedIn;
-            case "signedOut":
-                return !auth.isSignedIn;
-            case "admin":
-                return auth.roles?.includes("admin") ?? false;
-            default:
-                return auth.roles?.includes(condition.auth) ?? false;
-        }
-    }
-    // Logic combinators
-    if ("and" in condition)
-        return condition.and.every((c) => evaluateUiVisibility(c, state, auth));
-    if ("or" in condition)
-        return condition.or.some((c) => evaluateUiVisibility(c, state, auth));
-    if ("not" in condition)
-        return !evaluateUiVisibility(condition.not, state, auth);
-    return true;
-}
-export function sanitizeLinkHref(href) {
-    // Strip ASCII control chars (tab, LF, CR) that browsers silently remove
-    // during URL parsing, preventing bypass attacks like "java\nscript:alert(1)".
-    const raw = String(href ?? "#")
-        .trim()
-        .replace(/[\t\n\r]/g, "");
-    if (!raw)
-        return "#";
-    // Keep relative/hash links unchanged.
-    if (raw.startsWith("#") ||
-        raw.startsWith("/") ||
-        raw.startsWith("./") ||
-        raw.startsWith("../") ||
-        raw.startsWith("?")) {
-        return raw;
-    }
-    const match = /^([a-zA-Z][a-zA-Z\d+.-]*):/.exec(raw);
-    if (!match)
-        return raw;
-    const protocol = match[1].toLowerCase();
-    if (BLOCKED_LINK_PROTOCOLS.has(protocol))
-        return "#";
-    return raw;
-}
-// ── Built-in validators ─────────────────────────────────────────────
-const BUILTIN_VALIDATORS = {
-    required: (v) => v != null && v !== "",
-    email: (v) => typeof v === "string" &&
-        v.length <= 254 &&
-        /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v),
-    minLength: (v, args) => typeof v === "string" && v.length >= Number(args?.length ?? 0),
-    maxLength: (v, args) => typeof v === "string" && v.length <= Number(args?.length ?? Infinity),
-    pattern: (v, args) => {
-        if (typeof v !== "string" || !args?.pattern)
-            return true;
-        try {
-            return new RegExp(String(args.pattern)).test(v);
-        }
-        catch {
-            return true;
-        }
-    },
-    min: (v, args) => Number(v) >= Number(args?.value ?? -Infinity),
-    max: (v, args) => Number(v) <= Number(args?.value ?? Infinity),
-};
-// ── Validation runner ───────────────────────────────────────────────
-export function runValidation(checks, value, customValidators) {
-    const errors = [];
-    for (const check of checks) {
-        const fn = BUILTIN_VALIDATORS[check.fn] ?? customValidators?.[check.fn];
-        if (fn) {
-            const result = fn(value, check.args);
-            // Handle sync validators only (async handled separately)
-            if (result === false)
-                errors.push(check.message);
-        }
-    }
-    return errors;
-}
 // ── State helpers ───────────────────────────────────────────────────
 function useStatePath(statePath, ctx) {
     const value = statePath ? getByPath(ctx.state, statePath) : undefined;
@@ -519,8 +409,8 @@ const RatingComponent = (props) => {
 const SkeletonComponent = (props) => {
     const w = props.width ? String(props.width) : "100%";
     const h = props.height ? String(props.height) : "20px";
-    const rounded = props.rounded ? "rounded" : "";
-    return (_jsx("div", { className: `bg-[var(--bg-hover)] animate-pulse ${rounded}`, style: { width: w, height: h } }));
+    const roundedSm = props["rounded-sm"] ? "rounded-sm" : "";
+    return (_jsx("div", { className: `bg-[var(--bg-hover)] animate-pulse ${roundedSm}`, style: { width: w, height: h } }));
 };
 const SpinnerComponent = (props) => {
     const size = props.size === "lg"
@@ -559,7 +449,7 @@ const LinkComponent = (props, _children, ctx, el) => {
 const DropdownMenuComponent = (props, _children, ctx) => {
     const [open, setOpen] = useState(false);
     const items = props.items ?? [];
-    return (_jsxs("div", { className: "relative inline-block", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "px-3 py-1.5 text-xs", onClick: () => setOpen(!open), children: [String(props.label ?? "Menu"), " \u25BE"] }), open && (_jsx("div", { className: "absolute top-full left-0 mt-1 min-w-[120px] border border-border bg-card shadow-md z-10", children: items.map((item) => (_jsx(Button, { type: "button", variant: "ghost", className: "block w-full text-left px-3 py-1.5 text-xs hover:bg-[var(--bg-hover)] rounded-none justify-start h-auto", onClick: () => {
+    return (_jsxs("div", { className: "relative inline-block", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "px-3 py-1.5 text-xs", onClick: () => setOpen(!open), children: [String(props.label ?? "Menu"), " \u25BE"] }), open && (_jsx("div", { className: "absolute top-full left-0 mt-1 min-w-[120px] border border-border bg-card z-10", children: items.map((item) => (_jsx(Button, { type: "button", variant: "ghost", className: "block w-full text-left px-3 py-1.5 text-xs hover:bg-[var(--bg-hover)] rounded-none justify-start h-auto", onClick: () => {
                         setOpen(false);
                         if (ctx.onAction)
                             ctx.onAction("menuSelect", {
@@ -594,7 +484,7 @@ const MetricComponent = (props) => {
         : trend === "down"
             ? "text-status-danger"
             : "text-muted";
-    return (_jsxs("div", { className: "flex flex-col gap-0.5 p-3 rounded-lg border border-border bg-card", children: [_jsx("div", { className: "text-2xs text-muted uppercase tracking-wider font-medium", children: String(props.label ?? "") }), _jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "text-xl font-semibold text-[var(--txt)]", children: props.value != null ? String(props.value) : "—" }), props.unit != null && (_jsx("span", { className: "text-xs text-muted", children: String(props.unit) }))] }), props.change != null && (_jsx("div", { className: `text-xs-tight font-medium ${trendColor}`, children: String(props.change) }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-0.5 p-3 rounded-sm border border-border bg-card", children: [_jsx("div", { className: "text-2xs text-muted uppercase tracking-wider font-medium", children: String(props.label ?? "") }), _jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "text-xl font-semibold text-[var(--txt)]", children: props.value != null ? String(props.value) : "—" }), props.unit != null && (_jsx("span", { className: "text-xs text-muted", children: String(props.unit) }))] }), props.change != null && (_jsx("div", { className: `text-xs-tight font-medium ${trendColor}`, children: String(props.change) }))] }));
 };
 // ── Visualization ───────────────────────────────────────────────────
 const BarGraphComponent = (props) => {
@@ -623,7 +513,7 @@ const TooltipComponent = (props) => {
 };
 const PopoverComponent = (props) => {
     const [open, setOpen] = useState(false);
-    return (_jsxs("div", { className: "relative inline-block", children: [_jsx(Button, { type: "button", variant: "link", className: "text-xs text-accent underline p-0 h-auto", onClick: () => setOpen(!open), children: String(props.trigger ?? "Click") }), open && (_jsxs("div", { className: "absolute top-full left-0 mt-1 p-3 border border-border bg-card shadow-md z-10 min-w-[150px]", children: [_jsx("div", { className: "text-xs", children: String(props.content ?? "") }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "text-2xs text-muted mt-1 hover:text-txt p-0 h-auto", onClick: () => setOpen(false), children: "Close" })] }))] }));
+    return (_jsxs("div", { className: "relative inline-block", children: [_jsx(Button, { type: "button", variant: "link", className: "text-xs text-accent underline p-0 h-auto", onClick: () => setOpen(!open), children: String(props.trigger ?? "Click") }), open && (_jsxs("div", { className: "absolute top-full left-0 mt-1 p-3 border border-border bg-card z-10 min-w-[150px]", children: [_jsx("div", { className: "text-xs", children: String(props.content ?? "") }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "text-2xs text-muted mt-1 hover:text-txt p-0 h-auto", onClick: () => setOpen(false), children: "Close" })] }))] }));
 };
 const CollapsibleComponent = (props, children) => {
     const [open, setOpen] = useState(!!props.defaultOpen);
@@ -662,7 +552,7 @@ const DialogComponent = (props, children, ctx) => {
                 e.preventDefault();
                 close();
             }
-        }, role: "dialog", "aria-modal": "true", children: _jsxs("div", { className: "w-full max-w-md border border-border bg-card p-5 shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("div", { children: [props.title ? (_jsx("div", { className: "font-bold text-sm", children: String(props.title) })) : null, props.description ? (_jsx("div", { className: "text-xs text-muted mt-0.5", children: String(props.description) })) : null] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "text-muted hover:text-txt text-lg leading-none px-1 h-auto w-auto", onClick: close, children: "\u00D7" })] }), children] }) }));
+        }, role: "dialog", "aria-modal": "true", children: _jsxs("div", { className: "w-full max-w-md border border-border bg-card p-5 ", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("div", { children: [props.title ? (_jsx("div", { className: "font-bold text-sm", children: String(props.title) })) : null, props.description ? (_jsx("div", { className: "text-xs text-muted mt-0.5", children: String(props.description) })) : null] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "text-muted hover:text-txt text-lg leading-none px-1 h-auto w-auto", onClick: close, children: "\u00D7" })] }), children] }) }));
 };
 const DrawerComponent = (props, children, ctx) => {
     const openPath = props.openPath;
@@ -681,7 +571,7 @@ const DrawerComponent = (props, children, ctx) => {
                 e.preventDefault();
                 close();
             }
-        }, role: "dialog", "aria-modal": "true", children: _jsxs("div", { className: "w-full max-h-[80vh] bg-card p-5 shadow-lg overflow-y-auto animate-[slide-up_200ms_ease]", children: [_jsx("div", { className: "w-10 h-1 bg-border mx-auto mb-3 rounded-full" }), props.title ? (_jsx("div", { className: "font-bold text-sm", children: String(props.title) })) : null, props.description ? (_jsx("div", { className: "text-xs text-muted mt-0.5 mb-3", children: String(props.description) })) : null, children] }) }));
+        }, role: "dialog", "aria-modal": "true", children: _jsxs("div", { className: "w-full max-h-[80vh] bg-card p-5 overflow-y-auto animate-[slide-up_200ms_ease]", children: [_jsx("div", { className: "w-10 h-1 bg-border mx-auto mb-3 rounded-full" }), props.title ? (_jsx("div", { className: "font-bold text-sm", children: String(props.title) })) : null, props.description ? (_jsx("div", { className: "text-xs text-muted mt-0.5 mb-3", children: String(props.description) })) : null, children] }) }));
 };
 // ── Component map ───────────────────────────────────────────────────
 const COMPONENTS = {
@@ -758,11 +648,11 @@ function ElementRenderer({ elementId }) {
         const listData = getByPath(ctx.state, el.repeat.path);
         if (!Array.isArray(listData))
             return null;
-        return (_jsx(_Fragment, { children: listData.map((item) => {
+        return (_jsx(_Fragment, { children: listData.map((item, index) => {
                 const itemCtx = { ...ctx, repeatItem: item };
                 const childNodes = el.children.map((childId) => (_jsx(UiContext.Provider, { value: itemCtx, children: _jsx(ElementRenderer, { elementId: childId }) }, childId)));
                 const repeatKey = el.repeat?.key;
-                const itemKey = String(repeatKey != null ? item[repeatKey] : Math.random());
+                const itemKey = String(repeatKey != null ? item[repeatKey] : index);
                 return (_jsx(React.Fragment, { children: component(resolvedProps, childNodes, itemCtx, el) }, itemKey));
             }) }));
     }
@@ -820,7 +710,3 @@ export function UiRenderer({ spec, onAction, loading, auth, validators, }) {
     }
     return (_jsx(UiContext.Provider, { value: ctx, children: _jsx(ElementRenderer, { elementId: spec.root }) }));
 }
-/** Get the full list of supported component types. */
-export function getSupportedComponents() {
-    return Object.keys(COMPONENTS);
-}

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

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

package/components/connectors/BlueBubblesStatusPanel.js

@@ -1,8 +1,9 @@
 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 { PagePanel } from "../composites/page-panel/index.js";
+import { Button } from "../ui/button.js";
 function resolveWebhookTarget(status) {
     if (!status?.webhookPath) {
         return null;
@@ -43,7 +44,7 @@ export function BlueBubblesStatusPanel() {
         });
     }, [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: () => {
+    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-sm px-4 text-xs-tight font-semibold", onClick: () => {
                 void refresh();
             }, disabled: loading, children: loading
                 ? t("common.loading", { defaultValue: "Loading…" })
@@ -55,7 +56,7 @@ export function BlueBubblesStatusPanel() {
                             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", {
+                            }) }), _jsx("code", { className: "block break-all rounded-sm 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.map

@@ -1 +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"}
+{"version":3,"file":"ConnectorAccountAuditList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountAuditList.tsx"],"names":[],"mappings":"AAeA,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;AA0BD,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,KAAU,EACV,SAAS,GACV,EAAE,8BAA8B,2CAyIhC"}

package/components/connectors/ConnectorAccountAuditList.js

@@ -1,13 +1,20 @@
 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) {
+import { cn } from "../../lib/utils.js";
+import { useTranslation, } from "../../state/TranslationContext.hooks.js";
+import { Button } from "../ui/button.js";
+import { Spinner } from "../ui/spinner.js";
+import { StatusBadge } from "../ui/status-badge.js";
+function formatAuditTime(value, t) {
+    const unknown = t("connectoraudit.unknownTime", {
+        defaultValue: "Unknown time",
+    });
     if (!value)
-        return "Unknown time";
+        return unknown;
     const date = new Date(value);
-    return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
+    return Number.isNaN(date.getTime()) ? unknown : date.toLocaleString();
 }
 function metadataPreview(metadata) {
     if (!metadata || Object.keys(metadata).length === 0)
@@ -22,6 +29,7 @@ function outcomeTone(outcome) {
     return "muted";
 }
 export function ConnectorAccountAuditList({ provider, accountId, limit = 25, className, }) {
+    const { t } = useTranslation();
     const [events, setEvents] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -45,14 +53,26 @@ export function ConnectorAccountAuditList({ provider, accountId, limit = 25, cla
             setEvents([]);
             setError(err instanceof Error && err.message.trim()
                 ? err.message
-                : "Failed to load audit events");
+                : t("connectoraudit.loadError", {
+                    defaultValue: "Failed to load audit events",
+                }));
         }
         finally {
             setLoading(false);
         }
-    }, [provider, query]);
+    }, [provider, query, t]);
     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] }));
+    return (_jsxs("div", { className: cn("rounded-sm 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: t("connectoraudit.title", { defaultValue: "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": t("connectoraudit.refreshAria", {
+                            defaultValue: "Refresh connector audit events",
+                        }), title: t("connectoraudit.refreshAria", {
+                            defaultValue: "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: t("connectoraudit.empty", { defaultValue: "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, t) })] }), _jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted", children: [event.actorId ? (_jsx("span", { children: t("connectoraudit.actor", {
+                                        actor: event.actorId,
+                                        defaultValue: "Actor {{actor}}",
+                                    }) })) : null, event.accountId ? (_jsx("span", { children: t("connectoraudit.account", {
+                                        account: event.accountId,
+                                        defaultValue: "Account {{account}}",
+                                    }) })) : null] }), _jsx("pre", { className: "max-h-24 overflow-auto rounded-sm 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.map

@@ -1 +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"}
+{"version":3,"file":"ConnectorAccountCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EAEtB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAwBhC,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;AA8FD,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,2CAsP3B"}

package/components/connectors/ConnectorAccountCard.js

@@ -1,36 +1,83 @@
 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 { useModalState } from "../../hooks/useModalState.js";
+import { cn } from "../../lib/utils.js";
+import { useTranslation, } from "../../state/TranslationContext.hooks.js";
 import { EditableAccountLabel } from "../accounts/EditableAccountLabel.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
+import { Spinner } from "../ui/spinner.js";
+import { StatusBadge } from "../ui/status-badge.js";
 import { ConnectorAccountPrivacySelector } from "./ConnectorAccountPrivacySelector.js";
 import { ConnectorAccountPurposeSelector } from "./ConnectorAccountPurposeSelector.js";
-function formatRelativeTime(epochMs) {
+function formatRelativeTime(epochMs, t) {
     if (!epochMs)
-        return "Never synced";
+        return t("connectoraccount.sync.never", { defaultValue: "Never synced" });
     const diff = Date.now() - epochMs;
     if (diff < 60_000)
-        return "Synced just now";
+        return t("connectoraccount.sync.justNow", {
+            defaultValue: "Synced just now",
+        });
     if (diff < 3_600_000)
-        return `Synced ${Math.floor(diff / 60_000)}m ago`;
+        return t("connectoraccount.sync.minutes", {
+            minutes: Math.floor(diff / 60_000),
+            defaultValue: "Synced {{minutes}}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`;
+        return t("connectoraccount.sync.hours", {
+            hours: Math.floor(diff / 3_600_000),
+            defaultValue: "Synced {{hours}}h ago",
+        });
+    return t("connectoraccount.sync.days", {
+        days: Math.floor(diff / 86_400_000),
+        defaultValue: "Synced {{days}}d ago",
+    });
 }
-function deriveStatus(status) {
+function deriveStatus(status, t) {
     switch (status) {
         case "connected":
-            return { label: "Connected", tone: "success" };
+            return {
+                label: t("connectoraccount.status.connected", {
+                    defaultValue: "Connected",
+                }),
+                tone: "success",
+            };
         case "pending":
-            return { label: "Pending", tone: "warning" };
+            return {
+                label: t("connectoraccount.status.pending", {
+                    defaultValue: "Pending",
+                }),
+                tone: "warning",
+            };
         case "needs-reauth":
-            return { label: "Needs reauth", tone: "danger" };
+            return {
+                label: t("connectoraccount.status.needsReauth", {
+                    defaultValue: "Needs reauth",
+                }),
+                tone: "danger",
+            };
         case "error":
-            return { label: "Error", tone: "danger" };
+            return {
+                label: t("connectoraccount.status.error", { defaultValue: "Error" }),
+                tone: "danger",
+            };
         case "disconnected":
-            return { label: "Disconnected", tone: "muted" };
+            return {
+                label: t("connectoraccount.status.disconnected", {
+                    defaultValue: "Disconnected",
+                }),
+                tone: "muted",
+            };
         default:
-            return { label: "Unknown", tone: "muted" };
+            return {
+                label: t("connectoraccount.status.unknown", {
+                    defaultValue: "Unknown",
+                }),
+                tone: "muted",
+            };
     }
 }
 function initials(label) {
@@ -44,22 +91,17 @@ function initials(label) {
         .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 { t } = useTranslation();
+    const deleteModal = useModalState();
+    const deleteBusy = deleteModal.state.status === "submitting";
+    const confirmingDelete = deleteModal.state.status !== "closed";
     const [defaultBusy, setDefaultBusy] = useState(false);
-    const status = deriveStatus(account.status);
+    const status = deriveStatus(account.status, t);
     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 handleDelete = () => {
+        void deleteModal.submit(() => Promise.resolve(onDelete()));
+    };
     const handleMakeDefault = useCallback(async () => {
         setDefaultBusy(true);
         try {
@@ -69,12 +111,38 @@ export function ConnectorAccountCard({ account, isDefault = account.isDefault ==
             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) => {
+    return (_jsxs("div", { className: cn("flex flex-col gap-3 rounded-sm 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-sm 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: t("connectoraccount.labelAria", {
+                                            defaultValue: "Connector account label",
+                                        }) }), isDefault ? (_jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px]", children: t("connectoraccount.default", { defaultValue: "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, t) }), 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
+                                    ? t("connectoraccount.selected", { defaultValue: "Selected" })
+                                    : t("connectoraccount.use", { defaultValue: "Use" }) })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: saving || isDefault || defaultBusy, onClick: () => void handleMakeDefault(), "aria-label": t("connectoraccount.makeDefault", {
+                                    defaultValue: "Make default account",
+                                }), title: t("connectoraccount.makeDefault", {
+                                    defaultValue: "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" })) : (t("connectoraccount.test", { defaultValue: "Test" })) }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: saving || refreshBusy, onClick: () => void onRefresh(), "aria-label": t("connectoraccount.refresh", {
+                                    defaultValue: "Refresh connector account",
+                                }), title: t("connectoraccount.refresh", {
+                                    defaultValue: "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: deleteModal.open, "aria-label": t("connectoraccount.delete", {
+                                    defaultValue: "Delete connector account",
+                                }), title: t("connectoraccount.delete", {
+                                    defaultValue: "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" })] })] }) })] }));
+                                }, "aria-label": t("connectoraccount.enabledAria", {
+                                    defaultValue: "Connector account enabled",
+                                }) }), _jsx("span", { children: t("connectoraccount.enabled", { defaultValue: "Enabled" }) })] })] }), _jsx(Dialog, { open: confirmingDelete, onOpenChange: (open) => {
+                    if (!open && !deleteBusy)
+                        deleteModal.close();
+                }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("connectoraccount.removeDialog.title", {
+                                        defaultValue: "Remove this connector account?",
+                                    }) }), _jsx(DialogDescription, { children: t("connectoraccount.removeDialog.description", {
+                                        defaultValue: "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: deleteModal.close, children: t("connectoraccount.removeDialog.cancel", {
+                                        defaultValue: "Cancel",
+                                    }) }), _jsx(Button, { type: "button", variant: "destructive", disabled: deleteBusy, onClick: handleDelete, children: deleteBusy ? (_jsx(Spinner, { className: "h-3 w-3" })) : (t("connectoraccount.removeDialog.confirm", {
+                                        defaultValue: "Remove account",
+                                    })) })] })] }) })] }));
 }

package/components/connectors/ConnectorAccountList.d.ts

@@ -1,4 +1,5 @@
-import type { ConnectorAccountCreateInput } from "../../api/client-agent";
+import type { ConnectorAccountCreateInput, ConnectorAccountRole } from "../../api/client-agent";
+import { type UseConnectorAccountsResult } from "../../hooks/useConnectorAccounts";
 export interface ConnectorAccountListProps {
     provider: string;
     connectorId?: string;
@@ -8,6 +9,26 @@ export interface ConnectorAccountListProps {
     selectedAccountId?: string | null;
     onSelectedAccountIdChange?: (accountId: string | null) => void;
     onAddAccount?: () => Promise<ConnectorAccountCreateInput | undefined> | ConnectorAccountCreateInput | undefined;
+    /**
+     * When set, this list represents accounts for a single connector role:
+     * `OWNER` shows only the user's own account(s); `AGENT` shows only the
+     * agent's separate identity account(s). Filters the rendered accounts and
+     * threads the role into the OAuth start request so the cloud stores the
+     * resulting connection under the correct role. When omitted, the legacy
+     * "single flat list of accounts" behavior is preserved.
+     */
+    accountRole?: ConnectorAccountRole;
+    /**
+     * Optional pre-built `useConnectorAccounts` result. When provided, the
+     * component reuses this external hook state instead of instantiating its
+     * own — used by `OwnerAgentConnectorSetupPanel` to share a single polling
+     * instance across the OWNER and AGENT sections. The list still filters
+     * the shared `accounts` array by `accountRole` locally.
+     *
+     * When omitted, the list calls `useConnectorAccounts` internally as
+     * before, preserving the legacy single-list behavior.
+     */
+    externalAccounts?: UseConnectorAccountsResult;
 }
-export declare function ConnectorAccountList({ provider, connectorId, title, className, pollMs, selectedAccountId, onSelectedAccountIdChange, onAddAccount, }: ConnectorAccountListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectorAccountList({ provider, connectorId, title, className, pollMs, selectedAccountId, onSelectedAccountIdChange, onAddAccount, accountRole, externalAccounts, }: ConnectorAccountListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ConnectorAccountList.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ConnectorAccountList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/connectors/ConnectorAccountList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,2BAA2B,EAE3B,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,0BAA0B,EAEhC,MAAM,kCAAkC,CAAC;AAM1C,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;IACd;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;CAC/C;AA0CD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAsB,EACtB,KAAK,EACL,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACX,gBAAgB,GACjB,EAAE,yBAAyB,2CAqJ3B"}