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

package/components/pages/plugin-view-modal.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Input } from "@elizaos/ui";
+import { iconImageSource, pluginResourceLinkLabel, resolveIcon, } from "./plugin-list-utils.js";
+function ResolvedPluginIcon({ plugin, emojiClassName, iconClassName, imageClassName, imageStyle, }) {
+    const icon = resolveIcon(plugin);
+    if (!icon)
+        return "🧩";
+    if (typeof icon === "string") {
+        const imageSrc = iconImageSource(icon);
+        return imageSrc ? (_jsx("img", { src: imageSrc, alt: "", className: imageClassName, style: imageStyle })) : (_jsx("span", { className: emojiClassName, children: icon }));
+    }
+    const IconComponent = icon;
+    return _jsx(IconComponent, { className: iconClassName });
+}
+export function PluginGameModal({ effectiveGameSelected, gameMobileDetail, gameNarrow, gameVisiblePlugins, isConnectorLikeMode, pluginConfigs, pluginSaveSuccess, pluginSaving, resultLabel, saveLabel, savedLabel, savingLabel, sectionTitle, selectedPlugin, selectedPluginLinks, t, togglingPlugins, onBack, onConfigSave, onOpenExternalUrl, onParamChange, onSelectPlugin, onTestConnection, onTogglePlugin, }) {
+    return (_jsxs("div", { className: "plugins-game-modal plugins-game-modal--inline", children: [_jsxs("div", { className: `plugins-game-list-panel${gameNarrow && gameMobileDetail ? " is-hidden" : ""}`, children: [_jsx("div", { className: "plugins-game-list-head", children: _jsx("div", { className: "plugins-game-section-title", children: sectionTitle }) }), _jsx("div", { className: "plugins-game-list-scroll", role: "listbox", "aria-label": `${sectionTitle} list`, children: gameVisiblePlugins.length === 0 ? (_jsx("div", { className: "plugins-game-list-empty", children: t("pluginsview.NoResultsFound", {
+                                label: resultLabel,
+                                defaultValue: "No {{label}} found",
+                            }) })) : (gameVisiblePlugins.map((plugin) => (_jsxs(Button, { variant: "ghost", type: "button", role: "option", "aria-selected": effectiveGameSelected === plugin.id, className: `plugins-game-card${effectiveGameSelected === plugin.id ? " is-selected" : ""}${!plugin.enabled ? " is-disabled" : ""} h-auto`, onClick: () => onSelectPlugin(plugin.id), children: [_jsx("div", { className: "plugins-game-card-icon-shell", children: _jsx("span", { className: "plugins-game-card-icon", children: _jsx(ResolvedPluginIcon, { plugin: plugin, imageClassName: "plugins-game-card-icon", imageStyle: { objectFit: "contain" }, iconClassName: "w-5 h-5" }) }) }), _jsxs("div", { className: "plugins-game-card-body", children: [_jsx("div", { className: "plugins-game-card-name", children: plugin.name }), _jsx("div", { className: "plugins-game-card-meta", children: _jsx("span", { className: `plugins-game-badge ${plugin.enabled ? "is-on" : "is-off"}`, children: plugin.enabled ? t("common.on") : t("common.off") }) })] })] }, plugin.id)))) })] }), _jsx("div", { className: `plugins-game-detail-panel${gameNarrow && !gameMobileDetail ? " is-hidden" : ""}`, children: selectedPlugin ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "plugins-game-detail-head", children: [gameNarrow && (_jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "plugins-game-back-btn", onClick: onBack, children: t("common.back") })), _jsxs("div", { className: "plugins-game-detail-title-row", children: [_jsx("div", { className: "plugins-game-detail-icon-shell", children: _jsx("span", { className: "plugins-game-detail-icon", children: _jsx(ResolvedPluginIcon, { plugin: selectedPlugin, imageClassName: "plugins-game-detail-icon", iconClassName: "w-6 h-6" }) }) }), _jsxs("div", { className: "plugins-game-detail-main", children: [_jsx("div", { className: "plugins-game-detail-name", children: selectedPlugin.name }), selectedPlugin.version && (_jsxs("span", { className: "plugins-game-version", children: ["v", selectedPlugin.version] }))] }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: `plugins-game-toggle ${selectedPlugin.enabled ? "is-on" : "is-off"}`, onClick: () => void onTogglePlugin(selectedPlugin.id, !selectedPlugin.enabled), disabled: togglingPlugins.has(selectedPlugin.id), children: selectedPlugin.enabled ? t("common.on") : t("common.off") })] })] }), _jsx("div", { className: "plugins-game-detail-description", children: selectedPlugin.description }), (selectedPlugin.tags?.length ?? 0) > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 px-3 pb-3", children: selectedPlugin.tags?.map((tag) => (_jsx("span", { className: "text-2xs px-1.5 py-px border border-border bg-black/10 text-muted lowercase tracking-wide whitespace-nowrap", children: tag }, `${selectedPlugin.id}:${tag}`))) })), selectedPluginLinks.length > 0 && (_jsx("div", { className: "plugins-game-detail-links flex flex-wrap gap-2 px-3 pb-3", children: selectedPluginLinks.map((link) => (_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "plugins-game-link-btn border border-border bg-transparent px-2.5 py-1 text-xs-tight text-muted transition-colors hover:border-accent hover:text-txt", onClick: () => {
+                                    void onOpenExternalUrl(link.url);
+                                }, children: pluginResourceLinkLabel(t, link.key) }, `${selectedPlugin.id}:${link.key}`))) })), selectedPlugin.parameters &&
+                            selectedPlugin.parameters.length > 0 && (_jsx("div", { className: "plugins-game-detail-config", children: selectedPlugin.parameters.map((param) => (_jsxs("div", { id: `field-${param.key}`, children: [_jsx("label", { htmlFor: `input-${param.key}`, className: "text-xs-tight tracking-wider text-muted block mb-1", children: param.key }), _jsx(Input, { id: `input-${param.key}`, type: param.sensitive ? "password" : "text", className: "w-full px-2 py-1 text-xs", placeholder: param.description, value: pluginConfigs[selectedPlugin.id]?.[param.key] ??
+                                            param.currentValue ??
+                                            "", onChange: (event) => onParamChange(selectedPlugin.id, param.key, event.target.value) })] }, param.key))) })), _jsxs("div", { className: "plugins-game-detail-actions", children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "plugins-game-action-btn", onClick: () => void onTestConnection(selectedPlugin.id), children: t("pluginsview.TestConnection") }), _jsx(Button, { variant: "default", size: "sm", type: "button", className: `plugins-game-action-btn plugins-game-save-btn${pluginSaveSuccess.has(selectedPlugin.id) ? " is-saved" : ""}`, onClick: () => void onConfigSave(selectedPlugin.id), disabled: pluginSaving.has(selectedPlugin.id), children: pluginSaving.has(selectedPlugin.id)
+                                        ? savingLabel
+                                        : pluginSaveSuccess.has(selectedPlugin.id)
+                                            ? savedLabel
+                                            : saveLabel })] })] })) : (_jsxs("div", { className: "plugins-game-detail-empty", children: [_jsx("span", { className: "plugins-game-detail-empty-icon", children: "\uD83E\uDDE9" }), _jsxs("span", { className: "plugins-game-detail-empty-text", children: [t("pluginsview.SelectA"), " ", isConnectorLikeMode ? "connector" : "plugin", " ", t("pluginsview.toC")] })] })) })] }));
+}

package/components/pages/plugin-view-sidebar.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode, RefCallback } from "react";
+import type { PluginInfo } from "../../api";
+import type { PluginsViewMode, SubgroupTag, TranslateFn } from "./plugin-list-utils";
+type RenderResolvedIconOptions = {
+    className?: string;
+    emojiClassName?: string;
+};
+interface ConnectorDesktopSidebarProps {
+    collapseLabel: string;
+    connectorExpandedIds: Set<string>;
+    connectorSelectedId: string | null;
+    desktopConnectorLayout: boolean;
+    expandLabel: string;
+    hasPluginToggleInFlight: boolean;
+    mode: PluginsViewMode;
+    pluginSearch: string;
+    registerConnectorRailItem: (pluginId: string) => RefCallback<HTMLElement>;
+    registerConnectorSidebarItem: (pluginId: string) => RefCallback<HTMLElement>;
+    registerConnectorSidebarViewport: RefCallback<HTMLElement>;
+    renderResolvedIcon: (plugin: PluginInfo, options?: RenderResolvedIconOptions) => ReactNode;
+    resultLabel: string;
+    subgroupFilter: string;
+    subgroupTags: SubgroupTag[];
+    t: TranslateFn;
+    togglingPlugins: Set<string>;
+    visiblePlugins: PluginInfo[];
+    onConnectorSelect: (pluginId: string) => void;
+    onConnectorSectionToggle: (pluginId: string) => void;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    onSubgroupFilterChange: (value: string) => void;
+    onTogglePlugin: (pluginId: string, enabled: boolean) => Promise<void>;
+}
+export declare function ConnectorSidebar({ collapseLabel, connectorExpandedIds, connectorSelectedId, desktopConnectorLayout, expandLabel, hasPluginToggleInFlight, mode, pluginSearch, registerConnectorRailItem, registerConnectorSidebarItem, registerConnectorSidebarViewport, renderResolvedIcon, resultLabel, subgroupFilter, subgroupTags, t, togglingPlugins, visiblePlugins, onConnectorSelect, onConnectorSectionToggle, onSearchChange, onSearchClear, onSubgroupFilterChange, onTogglePlugin, }: ConnectorDesktopSidebarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=plugin-view-sidebar.d.ts.map

package/components/pages/plugin-view-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-view-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/plugin-view-sidebar.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG5C,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAE7B,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,UAAU,4BAA4B;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,sBAAsB,EAAE,OAAO,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,OAAO,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC;IAC1E,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC;IAC7E,gCAAgC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3D,kBAAkB,EAAE,CAClB,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,yBAAyB,KAChC,SAAS,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,CAAC,EAAE,WAAW,CAAC;IACf,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,cAAc,EAAE,UAAU,EAAE,CAAC;IAC7B,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,wBAAwB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,EACX,uBAAuB,EACvB,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,gCAAgC,EAChC,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,CAAC,EACD,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,cAAc,GACf,EAAE,4BAA4B,kDAoK9B"}

package/components/pages/plugin-view-sidebar.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectValue, SettingsControls, SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, Switch, } from "@elizaos/ui";
+import { ChevronRight } from "lucide-react";
+import { getBrandIcon } from "../conversations/brand-icons.js";
+import { AppPageSidebar } from "../shared/AppPageSidebar.js";
+export function ConnectorSidebar({ collapseLabel, connectorExpandedIds, connectorSelectedId, desktopConnectorLayout, expandLabel, hasPluginToggleInFlight, mode, pluginSearch, registerConnectorRailItem, registerConnectorSidebarItem, registerConnectorSidebarViewport, renderResolvedIcon, resultLabel, subgroupFilter, subgroupTags, t, togglingPlugins, visiblePlugins, onConnectorSelect, onConnectorSectionToggle, onSearchChange, onSearchClear, onSubgroupFilterChange, onTogglePlugin, }) {
+    if (!desktopConnectorLayout)
+        return null;
+    const sidebarSearchLabel = mode === "social" ? "Search connectors" : "Search plugins";
+    const filterSelectLabel = subgroupTags.find((tag) => tag.id === subgroupFilter)?.label ?? "All";
+    const hasActivePluginFilters = pluginSearch.trim().length > 0 || subgroupFilter !== "all";
+    return (_jsx(AppPageSidebar, { ref: registerConnectorSidebarViewport, testId: "connectors-settings-sidebar", collapsible: true, contentIdentity: mode === "social" ? "connectors" : "plugins", header: _jsx(SidebarHeader, { search: {
+                value: pluginSearch,
+                onChange: (event) => onSearchChange(event.target.value),
+                onClear: onSearchClear,
+                placeholder: sidebarSearchLabel,
+                "aria-label": sidebarSearchLabel,
+            } }), collapsedRailItems: visiblePlugins.map((plugin) => {
+            const isSelected = connectorSelectedId === plugin.id;
+            const RailBrandIcon = getBrandIcon(plugin.id);
+            return (_jsx(SidebarContent.RailItem, { ref: registerConnectorRailItem(plugin.id), "aria-label": plugin.name, title: plugin.name, active: isSelected, indicatorTone: plugin.enabled ? "accent" : undefined, onClick: () => onConnectorSelect(plugin.id), children: _jsx(SidebarContent.RailMedia, { children: RailBrandIcon ? (_jsx(RailBrandIcon, { className: "h-5 w-5 shrink-0" })) : (renderResolvedIcon(plugin)) }) }, plugin.id));
+        }), children: _jsx(SidebarScrollRegion, { children: _jsxs(SidebarPanel, { children: [_jsx("div", { className: "mb-3", children: _jsxs(Select, { value: subgroupFilter, onValueChange: onSubgroupFilterChange, children: [_jsx(SettingsControls.SelectTrigger, { "aria-label": mode === "social"
+                                        ? "Filter connector category"
+                                        : "Filter plugin category", variant: "filter", className: "w-full", children: _jsx(SelectValue, { children: filterSelectLabel }) }), _jsx(SelectContent, { children: subgroupTags.map((tag) => (_jsxs(SelectItem, { value: tag.id, children: [tag.label, " (", tag.count, ")"] }, tag.id))) })] }) }), visiblePlugins.length === 0 ? (_jsx(SidebarContent.EmptyState, { className: "px-4 py-6", children: hasActivePluginFilters
+                            ? `No ${resultLabel} match the current filters.`
+                            : `No ${resultLabel} available.` })) : (visiblePlugins.map((plugin) => {
+                        const isSelected = connectorSelectedId === plugin.id;
+                        const isExpanded = connectorExpandedIds.has(plugin.id);
+                        const isToggleBusy = togglingPlugins.has(plugin.id);
+                        const toggleDisabled = isToggleBusy || (hasPluginToggleInFlight && !isToggleBusy);
+                        const SidebarBrandIcon = getBrandIcon(plugin.id);
+                        return (_jsxs(SidebarContent.Item, { as: "div", active: isSelected, className: "items-center gap-1.5 px-2.5 py-2 scroll-mt-3", ref: registerConnectorSidebarItem(plugin.id), children: [_jsxs(SidebarContent.ItemButton, { role: "option", "aria-selected": isSelected, onClick: () => onConnectorSelect(plugin.id), "aria-current": isSelected ? "page" : undefined, className: "items-center gap-2", children: [_jsx(SidebarContent.ItemIcon, { active: isSelected, className: "mt-0 h-8 w-8 shrink-0 p-1.5", children: SidebarBrandIcon ? (_jsx(SidebarBrandIcon, { className: "h-4 w-4 shrink-0" })) : (renderResolvedIcon(plugin, {
+                                                className: "h-4 w-4 shrink-0 rounded-[var(--radius-sm)] object-contain",
+                                                emojiClassName: "text-sm",
+                                            })) }), _jsx(SidebarContent.ItemBody, { children: _jsx("span", { className: "block truncate text-sm font-semibold leading-5 text-txt", children: plugin.name }) })] }), _jsxs("div", { className: "flex shrink-0 flex-row items-center gap-1", children: [_jsx(Switch, { checked: plugin.enabled, disabled: toggleDisabled, onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), onCheckedChange: (checked) => {
+                                                void onTogglePlugin(plugin.id, checked);
+                                            }, "aria-label": `${plugin.enabled ? t("common.off") : t("common.on")} ${plugin.name}` }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0 rounded-none border-0 bg-transparent text-muted transition-colors hover:bg-transparent hover:text-txt", "aria-label": `${isExpanded ? collapseLabel : expandLabel} ${plugin.name} in sidebar`, onClick: (event) => {
+                                                event.stopPropagation();
+                                                onConnectorSectionToggle(plugin.id);
+                                            }, children: _jsx(ChevronRight, { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-90" : ""}` }) })] })] }, plugin.id));
+                    }))] }) }) }));
+}

package/components/pages/relationships/RelationshipsActivityFeed.d.ts

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

package/components/pages/relationships/RelationshipsActivityFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsActivityFeed.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pages/relationships/RelationshipsActivityFeed.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,yBAAyB,4CA6HxC"}

package/components/pages/relationships/RelationshipsActivityFeed.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { Fingerprint, Link2, Tags } from "lucide-react";
+import { useEffect, useState } from "react";
+import { client } from "../../../api/client.js";
+import { formatDateTime, formatShortDate } from "../../../utils/format.js";
+const ACTIVITY_TYPE_STYLES = {
+    relationship: {
+        bg: "rgba(99, 102, 241, 0.15)",
+        fg: "rgb(99, 102, 241)",
+        icon: Link2,
+    },
+    fact: {
+        bg: "rgba(34, 197, 94, 0.15)",
+        fg: "rgb(34, 197, 94)",
+        icon: Tags,
+    },
+    identity: {
+        bg: "rgba(168, 85, 247, 0.15)",
+        fg: "rgb(168, 85, 247)",
+        icon: Fingerprint,
+    },
+};
+const ACTIVITY_PAGE_SIZE = 25;
+export function RelationshipsActivityFeed() {
+    const [activity, setActivity] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [loadingMore, setLoadingMore] = useState(false);
+    const [hasMore, setHasMore] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        void client
+            .getRelationshipsActivity(ACTIVITY_PAGE_SIZE, 0)
+            .then((response) => {
+            if (!cancelled) {
+                setActivity(response.activity);
+                setHasMore(response.hasMore);
+            }
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setError(err instanceof Error
+                    ? err.message
+                    : "Failed to load activity feed.");
+            }
+        })
+            .finally(() => {
+            if (!cancelled) {
+                setLoading(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const loadMore = () => {
+        setLoadingMore(true);
+        setError(null);
+        void client
+            .getRelationshipsActivity(ACTIVITY_PAGE_SIZE, activity.length)
+            .then((response) => {
+            setActivity((current) => [...current, ...response.activity]);
+            setHasMore(response.hasMore);
+        })
+            .catch((err) => setError(err instanceof Error ? err.message : "Failed to load activity feed."))
+            .finally(() => setLoadingMore(false));
+    };
+    if (loading) {
+        return (_jsx("div", { className: "px-4 py-3 text-sm text-muted", children: "Loading activity\u2026" }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "rounded-2xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: error }));
+    }
+    if (activity.length === 0) {
+        return _jsx("p", { className: "px-4 py-3 text-sm text-muted", children: "No activity." });
+    }
+    return (_jsxs("div", { className: "space-y-1.5", children: [activity.map((item) => {
+                const style = ACTIVITY_TYPE_STYLES[item.type];
+                const ActivityIcon = style.icon;
+                return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border/24 bg-card/28 px-2.5 py-2", children: [_jsx("span", { role: "img", "aria-label": `${item.type} event`, title: item.type, className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full", style: { backgroundColor: style.bg, color: style.fg }, children: _jsx(ActivityIcon, { className: "h-3 w-3" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: item.summary }), item.detail ? (_jsx("div", { className: "truncate text-xs text-muted", children: item.detail })) : null] }), item.timestamp ? (_jsx("span", { className: "shrink-0 text-2xs text-muted", title: formatDateTime(item.timestamp, { fallback: "" }), children: formatShortDate(item.timestamp, { fallback: "" }) })) : null] }, `${item.personId}-${item.type}-${item.timestamp ?? "none"}-${item.summary}`));
+            }), hasMore ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-8 rounded-lg px-3", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading..." : "Load more" })) : null] }));
+}

package/components/pages/relationships/RelationshipsCandidateMergesPanel.d.ts

@@ -0,0 +1,6 @@
+import type { RelationshipsGraphSnapshot } from "../../../api/client-types-relationships";
+export declare function RelationshipsCandidateMergesPanel({ graph, onResolved, }: {
+    graph: RelationshipsGraphSnapshot;
+    onResolved: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RelationshipsCandidateMergesPanel.d.ts.map

package/components/pages/relationships/RelationshipsCandidateMergesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsCandidateMergesPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pages/relationships/RelationshipsCandidateMergesPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,yCAAyC,CAAC;AAIjD,wBAAgB,iCAAiC,CAAC,EAChD,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,0BAA0B,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,kDAwKA"}

package/components/pages/relationships/RelationshipsCandidateMergesPanel.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, MetaPill, PagePanel } from "@elizaos/ui";
+import { CalendarClock, Check, FileText, Fingerprint, Gauge, X, } from "lucide-react";
+import { useState } from "react";
+import { client } from "../../../api/client.js";
+import { formatDateTime } from "../../../utils/format.js";
+import { evidenceSummary, personLabel } from "./relationships-utils.js";
+export function RelationshipsCandidateMergesPanel({ graph, onResolved, }) {
+    const [pending, setPending] = useState(new Set());
+    const [errors, setErrors] = useState(new Map());
+    const candidates = graph.candidateMerges;
+    if (candidates.length === 0) {
+        return null;
+    }
+    const setError = (id, message) => {
+        setErrors((previous) => {
+            const next = new Map(previous);
+            if (message === null) {
+                next.delete(id);
+            }
+            else {
+                next.set(id, message);
+            }
+            return next;
+        });
+    };
+    const setPendingState = (id, isPending) => {
+        setPending((previous) => {
+            const next = new Set(previous);
+            if (isPending) {
+                next.add(id);
+            }
+            else {
+                next.delete(id);
+            }
+            return next;
+        });
+    };
+    const resolveCandidate = async (candidate, action) => {
+        setPendingState(candidate.id, true);
+        setError(candidate.id, null);
+        try {
+            if (action === "accept") {
+                await client.acceptRelationshipsCandidate(candidate.id);
+            }
+            else {
+                await client.rejectRelationshipsCandidate(candidate.id);
+            }
+            onResolved();
+        }
+        catch (err) {
+            setError(candidate.id, err instanceof Error
+                ? err.message
+                : `Failed to ${action} merge proposal.`);
+        }
+        finally {
+            setPendingState(candidate.id, false);
+        }
+    };
+    return (_jsxs(PagePanel, { as: "section", variant: "surface", "aria-label": "Identity merges", className: "px-3 py-3", children: [_jsx("div", { className: "mb-2 flex justify-end", children: _jsxs(MetaPill, { compact: true, "aria-label": "Identity merge count", title: "Identity merges", children: [_jsx(Fingerprint, { className: "mr-1 h-3 w-3" }), candidates.length] }) }), _jsx("div", { className: "space-y-2", children: candidates.map((candidate) => {
+                    const isPending = pending.has(candidate.id);
+                    const errorMessage = errors.get(candidate.id) ?? null;
+                    const evidenceCount = candidate.evidence.identityIds?.length ?? 0;
+                    const evidenceText = evidenceSummary(candidate);
+                    return (_jsxs("div", { className: "rounded-xl border border-border/24 bg-card/32 px-3 py-2.5", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(MetaPill, { compact: true, children: _jsxs("span", { role: "img", "aria-label": "Confidence", className: "inline-flex items-center gap-1", children: [_jsx(Gauge, { className: "h-3 w-3" }), Math.round(candidate.confidence * 100), "%"] }) }), _jsx(MetaPill, { compact: true, children: _jsxs("span", { role: "img", "aria-label": "Evidence count", className: "inline-flex items-center gap-1", children: [_jsx(FileText, { className: "h-3 w-3" }), evidenceCount] }) }), _jsx(MetaPill, { compact: true, children: _jsxs("span", { role: "img", "aria-label": "Proposed at", className: "inline-flex items-center gap-1", children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatDateTime(candidate.proposedAt, {
+                                                    fallback: "No date",
+                                                })] }) })] }), _jsxs("div", { className: "mt-2 text-sm font-semibold text-txt", children: [personLabel(graph, candidate.entityA), " ", _jsx("span", { className: "text-muted", children: "\u2194" }), " ", personLabel(graph, candidate.entityB)] }), evidenceText !== "No evidence" ? (_jsx("div", { className: "mt-1 truncate text-xs leading-5 text-muted", children: evidenceText })) : null, errorMessage ? (_jsx("div", { className: "mt-2 text-xs text-danger", children: errorMessage })) : null, _jsxs("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [_jsxs(Button, { type: "button", size: "sm", variant: "default", className: "h-7 gap-1.5 rounded-full px-2.5 text-2xs", disabled: isPending, onClick: () => {
+                                            void resolveCandidate(candidate, "accept");
+                                        }, children: [_jsx(Check, { className: "h-3 w-3" }), isPending ? "Working…" : "Accept"] }), _jsxs(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 gap-1.5 rounded-full px-2.5 text-2xs", disabled: isPending, onClick: () => {
+                                            void resolveCandidate(candidate, "reject");
+                                        }, children: [_jsx(X, { className: "h-3 w-3" }), "Reject"] })] })] }, candidate.id));
+                }) })] }));
+}

package/components/pages/relationships/RelationshipsPersonPanels.d.ts

@@ -0,0 +1,30 @@
+import type { RelationshipsPersonDetail } from "../../../api/client-types-relationships";
+type RelationshipsDisplayPerson = RelationshipsPersonDetail;
+export declare function RelationshipsPersonSummaryPanel({ person, compact, ownerGroupId, ownerDisplayName, onViewMemories, onOwnerNameUpdated, }: {
+    person: RelationshipsDisplayPerson;
+    compact?: boolean;
+    ownerGroupId?: string | null;
+    ownerDisplayName?: string | null;
+    onViewMemories?: (entityIds: string[]) => void;
+    onOwnerNameUpdated?: (next: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsFactsPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsConnectionsPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsConversationsPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsRelevantMemoriesPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsUserPreferencesPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsDocumentsPanel({ person, }: {
+    person: RelationshipsDisplayPerson;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RelationshipsPersonPanels.d.ts.map

package/components/pages/relationships/RelationshipsPersonPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsPersonPanels.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pages/relationships/RelationshipsPersonPanels.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAEV,yBAAyB,EAE1B,MAAM,yCAAyC,CAAC;AAUjD,KAAK,0BAA0B,GAAG,yBAAyB,CAAC;AAwW5D,wBAAgB,+BAA+B,CAAC,EAC9C,MAAM,EACN,OAAe,EACf,YAAmB,EACnB,gBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,2CAwJA;AA0DD,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CA8CA;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CA4DA;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CA6EA;AAED,wBAAgB,kCAAkC,CAAC,EACjD,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CAqDA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CA8DA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,GACP,EAAE;IACD,MAAM,EAAE,0BAA0B,CAAC;CACpC,2CAgJA"}