@elizaos/agent 2.0.0-alpha.358 → 2.0.0-alpha.376

package/packages/app-core/src/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";
+import { AppPageSidebar } from "../shared/AppPageSidebar";
+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/packages/app-core/src/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/packages/app-core/src/components/pages/relationships/RelationshipsActivityFeed.d.ts.map

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

package/packages/app-core/src/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";
+import { formatDateTime, formatShortDate } from "../../../utils/format";
+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/packages/app-core/src/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;
+//# sourceMappingURL=RelationshipsCandidateMergesPanel.d.ts.map

package/packages/app-core/src/components/pages/relationships/RelationshipsCandidateMergesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsCandidateMergesPanel.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/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,2CAwKA"}

package/packages/app-core/src/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";
+import { formatDateTime } from "../../../utils/format";
+import { evidenceSummary, personLabel } from "./relationships-utils";
+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/packages/app-core/src/components/pages/relationships/RelationshipsPersonPanels.d.ts

@@ -0,0 +1,27 @@
+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 {};
+//# sourceMappingURL=RelationshipsPersonPanels.d.ts.map

package/packages/app-core/src/components/pages/relationships/RelationshipsPersonPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsPersonPanels.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/pages/relationships/RelationshipsPersonPanels.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAEV,yBAAyB,EAE1B,MAAM,yCAAyC,CAAC;AASjD,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"}

package/packages/app-core/src/components/pages/relationships/RelationshipsPersonPanels.js

@@ -0,0 +1,241 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, MetaPill, PagePanel } from "@elizaos/ui";
+import { AtSign, BadgeCheck, Brain, CalendarClock, Crown, FileText, Fingerprint, Frown, Gauge, Globe2, Link2, Mail, Meh, MessageCircle, Pencil, Phone, Smile, Sparkles, } from "lucide-react";
+import { useEffect, useRef, useState, } from "react";
+import { client } from "../../../api/client";
+import { formatDateTime, formatShortDate } from "../../../utils/format";
+import { RelationshipsIdentityCluster } from "../RelationshipsIdentityCluster";
+import { profilePrimaryValue, profileSourceLabel, topContacts, } from "./relationships-utils";
+const PANEL_PREVIEW_LIMIT = 4;
+const CONVERSATION_PREVIEW_LIMIT = 2;
+const MESSAGE_PREVIEW_LIMIT = 3;
+const TEXT_PREVIEW_LENGTH = 420;
+const SOURCE_PREFIX_PATTERN = /^\[(?:discord|telegram|slack|twitter|x|gmail|email|message)[^\]]*\]\s*/i;
+function boundedText(value, maxLength = TEXT_PREVIEW_LENGTH) {
+    const trimmed = value.trim();
+    return trimmed.length > maxLength
+        ? `${trimmed.slice(0, maxLength - 1)}...`
+        : trimmed;
+}
+function cleanPreviewText(value, maxLength = TEXT_PREVIEW_LENGTH) {
+    return boundedText(value.replace(SOURCE_PREFIX_PATTERN, ""), maxLength);
+}
+function visibleItems(items, limit = PANEL_PREVIEW_LIMIT) {
+    return items.slice(0, limit);
+}
+function overflowCount(items, limit = PANEL_PREVIEW_LIMIT) {
+    return Math.max(0, items.length - limit);
+}
+function MoreItems({ count, children, }) {
+    if (count <= 0)
+        return null;
+    return (_jsxs("details", { children: [_jsxs("summary", { className: "inline-flex cursor-pointer list-none items-center rounded-full border border-border/24 bg-card/24 px-2 py-0.5 text-2xs font-semibold text-muted transition hover:text-txt", children: ["+", count] }), _jsx("div", { className: "mt-2 space-y-2", children: children })] }));
+}
+function resolvePrimaryAvatar(person) {
+    for (const profile of person.profiles) {
+        if (profile.avatarUrl?.trim()) {
+            return profile.avatarUrl;
+        }
+    }
+    return null;
+}
+function relationshipCounterpartName(relationship, groupId) {
+    return relationship.sourcePersonId === groupId
+        ? relationship.targetPersonName
+        : relationship.sourcePersonName;
+}
+function sentimentClasses(sentiment) {
+    if (sentiment === "positive") {
+        return "border-success/28 bg-success/10 text-success";
+    }
+    if (sentiment === "negative") {
+        return "border-danger/28 bg-danger/10 text-danger";
+    }
+    return "border-warning/28 bg-warning/10 text-warning";
+}
+function sentimentIcon(sentiment) {
+    if (sentiment === "positive")
+        return Smile;
+    if (sentiment === "negative")
+        return Frown;
+    return Meh;
+}
+function sentimentAriaLabel(sentiment) {
+    if (sentiment === "positive")
+        return "Positive sentiment";
+    if (sentiment === "negative")
+        return "Negative sentiment";
+    return "Neutral sentiment";
+}
+function sourceTypeIcon(sourceType) {
+    if (sourceType === "memory")
+        return Brain;
+    if (sourceType === "contact")
+        return AtSign;
+    if (sourceType === "claim")
+        return BadgeCheck;
+    if (sourceType === "message")
+        return MessageCircle;
+    return Sparkles;
+}
+function IconPill({ icon: Icon, children, ariaLabel, }) {
+    return (_jsx(MetaPill, { compact: true, children: _jsxs("span", { role: "img", "aria-label": ariaLabel ?? "icon", className: "inline-flex items-center gap-1", children: [_jsx(Icon, { className: "h-3 w-3" }), children] }) }));
+}
+function PanelMarker({ icon: Icon, count, label, }) {
+    return (_jsx("div", { className: "mb-2 flex justify-end", children: _jsxs(MetaPill, { compact: true, "aria-label": `${label} count`, title: label, children: [_jsx(Icon, { className: "mr-1 h-3 w-3" }), count] }) }));
+}
+function findOwnerEdge(person, ownerGroupId) {
+    if (!ownerGroupId || ownerGroupId === person.groupId)
+        return null;
+    return (person.relationships.find((edge) => edge.sourcePersonId === ownerGroupId ||
+        edge.targetPersonId === ownerGroupId) ?? null);
+}
+function OwnerNameEditor({ initialName, onSaved, }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(initialName);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (!editing) {
+            setDraft(initialName);
+        }
+        else {
+            inputRef.current?.focus();
+            inputRef.current?.select();
+        }
+    }, [editing, initialName]);
+    const submit = async (event) => {
+        event.preventDefault();
+        const next = draft.trim();
+        if (!next || next === initialName) {
+            setEditing(false);
+            return;
+        }
+        setSaving(true);
+        setError(null);
+        try {
+            await client.updateConfig({ ui: { ownerName: next } });
+            onSaved(next);
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save name.");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    if (!editing) {
+        return (_jsxs("button", { type: "button", onClick: () => setEditing(true), className: "group inline-flex items-center gap-2 rounded-md text-left transition hover:bg-card/40", "aria-label": "Edit owner name", children: [_jsx("span", { className: "break-words text-[1.75rem] font-semibold leading-tight text-txt", children: initialName }), _jsx(Pencil, { className: "h-4 w-4 opacity-0 transition group-hover:opacity-60" })] }));
+    }
+    return (_jsxs("form", { onSubmit: submit, className: "flex items-center gap-2", children: [_jsx("input", { ref: inputRef, value: draft, onChange: (event) => setDraft(event.target.value), onKeyDown: (event) => {
+                    if (event.key === "Escape") {
+                        setEditing(false);
+                    }
+                }, disabled: saving, maxLength: 60, className: "min-w-0 flex-1 rounded-md border border-accent/40 bg-card/60 px-2 py-1 text-[1.5rem] font-semibold text-txt outline-none focus:border-accent", "aria-label": "Owner name" }), _jsx(Button, { type: "submit", size: "sm", disabled: saving, children: saving ? "Saving..." : "Save" }), _jsx(Button, { type: "button", size: "sm", variant: "outline", disabled: saving, onClick: () => setEditing(false), children: "Cancel" }), error ? (_jsx("span", { className: "text-xs text-danger", role: "alert", children: error })) : null] }));
+}
+function ProfileCard({ person, profile, }) {
+    const primaryValue = profilePrimaryValue(person, profile.source) ?? "Unknown profile";
+    const secondary = profile.handle ??
+        (profile.displayName && profile.displayName !== primaryValue
+            ? profile.displayName
+            : null);
+    return (_jsxs("li", { className: "flex min-w-0 items-center gap-2 rounded-lg border border-border/24 bg-card/30 px-2.5 py-1.5 text-xs", children: [profile.avatarUrl ? (_jsx("img", { src: profile.avatarUrl, alt: "", className: "h-7 w-7 shrink-0 rounded-full border border-border/24 object-cover" })) : (_jsx(AtSign, { className: "h-3 w-3 shrink-0 text-accent" })), _jsx("span", { className: "shrink-0 rounded-full bg-card/60 px-1.5 py-0.5 text-2xs font-semibold uppercase tracking-[0.1em] text-muted", children: profileSourceLabel(profile.source) }), _jsx("span", { className: "min-w-0 truncate font-semibold text-txt", children: primaryValue }), secondary ? (_jsx("span", { className: "ml-auto min-w-0 truncate text-muted", children: secondary })) : null, profile.canonical ? (_jsx(BadgeCheck, { className: "h-3 w-3 shrink-0 text-accent" })) : null] }));
+}
+function ProfilesPanel({ person }) {
+    return (_jsx("ul", { className: "space-y-1.5", children: person.profiles.map((profile) => (_jsx(ProfileCard, { person: person, profile: profile }, `${profile.source}:${profile.entityId}`))) }));
+}
+function PanelEmpty({ icon: Icon, children, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2 px-1 py-2 text-sm text-muted", children: [_jsx(Icon, { className: "h-4 w-4 text-muted/70" }), _jsx("span", { children: children })] }));
+}
+function formatCompactDate(value) {
+    return formatShortDate(value, { fallback: "—" });
+}
+function renderInlineSpeaker(speaker, text, maxLength) {
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: "font-semibold text-muted", children: [speaker, ": "] }), cleanPreviewText(text, maxLength)] }));
+}
+function DataPanel({ label, icon, count, children, }) {
+    return (_jsxs(PagePanel, { as: "section", variant: "surface", "aria-label": label, className: "px-3 py-3", children: [_jsx(PanelMarker, { icon: icon, count: count, label: label }), children] }));
+}
+export function RelationshipsPersonSummaryPanel({ person, compact = false, ownerGroupId = null, ownerDisplayName = null, onViewMemories, onOwnerNameUpdated, }) {
+    const avatarUrl = resolvePrimaryAvatar(person);
+    const contacts = topContacts(person);
+    const hasProfiles = person.profiles.length > 0;
+    const ownerEdge = findOwnerEdge(person, ownerGroupId);
+    const ownerLabel = ownerDisplayName ?? "Owner";
+    const labels = [...person.categories, ...person.tags];
+    return (_jsxs(PagePanel, { variant: "padded", className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: `${compact ? "h-10 w-10 rounded-xl" : "h-12 w-12 rounded-2xl"} hidden border border-border/24 object-cover shadow-sm sm:block` })) : null, _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [person.isOwner ? (_jsx(Crown, { className: "h-4 w-4 shrink-0 text-accent", "aria-label": "Owner" })) : null, person.isOwner ? (_jsx(OwnerNameEditor, { initialName: person.displayName, onSaved: (next) => {
+                                                    onOwnerNameUpdated?.(next);
+                                                } })) : (_jsx("div", { className: `${compact ? "text-xl" : "text-2xl"} break-words font-semibold leading-tight text-txt`, children: person.displayName }))] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted", children: [person.platforms.length > 0 ? (_jsx("span", { children: person.platforms.join(" · ") })) : null, person.lastInteractionAt ? (_jsxs("span", { className: "inline-flex items-center gap-1", title: formatDateTime(person.lastInteractionAt, {
+                                                    fallback: "No date",
+                                                }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(person.lastInteractionAt)] })) : null] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsxs(MetaPill, { compact: true, children: [_jsx(Fingerprint, { className: "mr-1 h-3 w-3" }), person.memberEntityIds.length] }), _jsxs(MetaPill, { compact: true, children: [_jsx(Link2, { className: "mr-1 h-3 w-3" }), person.relationshipCount] }), _jsxs(MetaPill, { compact: true, children: [_jsx(Brain, { className: "mr-1 h-3 w-3" }), person.factCount] }), onViewMemories ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 rounded-full px-3 text-2xs font-semibold", onClick: () => onViewMemories(person.memberEntityIds), "aria-label": "View memories", children: _jsx(Brain, { className: "h-3.5 w-3.5" }) })) : null] })] }), !person.isOwner ? (_jsx(OwnerRelationshipSection, { person: person, ownerLabel: ownerLabel, ownerEdge: ownerEdge })) : null, labels.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: labels.map((label) => (_jsx(MetaPill, { compact: true, children: label }, `label:${label}`))) })) : null, contacts.length > 0 ? (_jsx("div", { className: "grid gap-1.5 sm:grid-cols-2", children: contacts.map((contact) => {
+                    const Icon = contact.label === "Phone"
+                        ? Phone
+                        : contact.label === "Website"
+                            ? Globe2
+                            : Mail;
+                    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border/24 bg-card/30 px-2.5 py-1.5 text-xs", children: [_jsx(Icon, { className: "h-3 w-3 shrink-0 text-accent" }), _jsx("span", { className: "min-w-0 truncate text-txt", children: contact.value })] }, `${contact.label}:${contact.value}`));
+                }) })) : null, hasProfiles || person.identities.length > 0 ? (_jsxs("details", { className: "rounded-xl border border-border/24 bg-card/24 px-3 py-2", children: [_jsxs("summary", { className: "inline-flex cursor-pointer list-none items-center gap-2 rounded-full text-xs-tight font-semibold text-muted transition hover:text-txt", title: "Profiles and identities", children: [_jsx(AtSign, { className: "h-3 w-3" }), person.profiles.length, _jsx(Fingerprint, { className: "h-3 w-3" }), person.identities.length] }), _jsxs("div", { className: "mt-3 space-y-3", children: [hasProfiles ? _jsx(ProfilesPanel, { person: person }) : null, _jsx(RelationshipsIdentityCluster, { person: person })] })] })) : (_jsx(RelationshipsIdentityCluster, { person: person }))] }));
+}
+function OwnerRelationshipSection({ person, ownerLabel, ownerEdge, }) {
+    const sentiment = ownerEdge?.sentiment ?? "neutral";
+    const SentimentIcon = sentimentIcon(sentiment);
+    const memoryCount = person.relevantMemories.length;
+    const interactionCount = ownerEdge?.interactionCount ?? 0;
+    const strengthPercent = ownerEdge
+        ? Math.round(ownerEdge.strength * 100)
+        : null;
+    const types = ownerEdge?.relationshipTypes ?? [];
+    return (_jsx(PagePanel, { variant: "surface", className: "border border-accent/20 bg-accent/[0.04] px-3 py-2", title: types.join(", "), children: _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold text-txt", children: [_jsx(Crown, { className: "h-3.5 w-3.5 text-accent" }), ownerLabel, _jsx("span", { className: "text-muted", "aria-hidden": true, children: "\u2194" }), person.displayName] }), _jsxs("span", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [_jsxs("span", { role: "img", "aria-label": sentimentAriaLabel(sentiment), className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-2xs font-semibold ${sentimentClasses(sentiment)}`, children: [_jsx(SentimentIcon, { className: "h-3 w-3" }), strengthPercent !== null ? `${strengthPercent}%` : "—"] }), _jsxs(MetaPill, { compact: true, children: [_jsx(MessageCircle, { className: "mr-1 h-3 w-3" }), interactionCount] }), _jsxs(MetaPill, { compact: true, children: [_jsx(Brain, { className: "mr-1 h-3 w-3" }), memoryCount] })] })] }) }));
+}
+export function RelationshipsFactsPanel({ person, }) {
+    const shownFacts = visibleItems(person.facts);
+    const hiddenFacts = person.facts.slice(PANEL_PREVIEW_LIMIT);
+    const renderFact = (fact) => {
+        const evidenceCount = fact.evidenceMessageIds?.length ?? 0;
+        const SourceIcon = sourceTypeIcon(fact.sourceType);
+        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(IconPill, { icon: SourceIcon, ariaLabel: `${fact.sourceType} fact` }), typeof fact.confidence === "number" ? (_jsxs(IconPill, { icon: Gauge, ariaLabel: "Confidence", children: [Math.round(fact.confidence * 100), "%"] })) : null, evidenceCount > 0 ? (_jsx(IconPill, { icon: FileText, ariaLabel: "Evidence count", children: evidenceCount })) : null] }), _jsx("div", { className: "mt-2 text-sm leading-6 text-txt", children: cleanPreviewText(fact.text) })] }, fact.id));
+    };
+    return (_jsx(DataPanel, { label: "Facts", icon: BadgeCheck, count: person.facts.length, children: person.facts.length === 0 ? (_jsx(PanelEmpty, { icon: BadgeCheck, children: "No facts." })) : (_jsxs("div", { className: "space-y-2", children: [shownFacts.map(renderFact), _jsx(MoreItems, { count: overflowCount(person.facts), children: hiddenFacts.map(renderFact) })] })) }));
+}
+export function RelationshipsConnectionsPanel({ person, }) {
+    const shownRelationships = visibleItems(person.relationships);
+    const hiddenRelationships = person.relationships.slice(PANEL_PREVIEW_LIMIT);
+    const renderRelationship = (relationship) => {
+        const SentimentIcon = sentimentIcon(relationship.sentiment);
+        return (_jsx("div", { className: "rounded-xl border border-border/24 bg-card/32 px-3 py-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsxs("span", { role: "img", "aria-label": sentimentAriaLabel(relationship.sentiment), className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-2xs font-semibold ${sentimentClasses(relationship.sentiment)}`, children: [_jsx(SentimentIcon, { className: "h-3 w-3" }), Math.round(relationship.strength * 100), "%"] }), _jsxs("span", { className: "inline-flex items-center gap-1 text-2xs font-semibold text-muted", children: [_jsx(MessageCircle, { className: "h-3 w-3" }), relationship.interactionCount] }), _jsx("span", { className: "ml-1 truncate text-sm font-semibold text-txt", children: relationshipCounterpartName(relationship, person.groupId) }), _jsxs("span", { className: "ml-auto inline-flex items-center gap-1 text-2xs text-muted", title: formatDateTime(relationship.lastInteractionAt, {
+                            fallback: "No date",
+                        }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(relationship.lastInteractionAt)] })] }) }, relationship.id));
+    };
+    return (_jsx(DataPanel, { label: "Relationships", icon: Link2, count: person.relationships.length, children: person.relationships.length === 0 ? (_jsx(PanelEmpty, { icon: Link2, children: "No relationships." })) : (_jsxs("div", { className: "space-y-2", children: [shownRelationships.map(renderRelationship), _jsx(MoreItems, { count: overflowCount(person.relationships), children: hiddenRelationships.map(renderRelationship) })] })) }));
+}
+export function RelationshipsConversationsPanel({ person, }) {
+    const shownConversations = visibleItems(person.recentConversations, CONVERSATION_PREVIEW_LIMIT);
+    const hiddenConversations = person.recentConversations.slice(CONVERSATION_PREVIEW_LIMIT);
+    const renderConversation = (conversation) => (_jsxs("div", { className: "rounded-xl border border-border/24 bg-card/32 px-3 py-2.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: "min-w-0 truncate text-sm font-semibold text-txt", children: conversation.roomName }), _jsxs("div", { className: "inline-flex shrink-0 items-center gap-1 text-2xs text-muted", title: formatDateTime(conversation.lastActivityAt, {
+                            fallback: "No date",
+                        }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(conversation.lastActivityAt)] })] }), _jsxs("div", { className: "mt-2 space-y-1.5", children: [conversation.messages
+                        .slice(0, MESSAGE_PREVIEW_LIMIT)
+                        .map((message) => (_jsx("div", { className: "rounded-lg bg-card/45 px-2.5 py-1.5 text-sm leading-6 text-txt", children: renderInlineSpeaker(message.speaker, message.text, 300) }, message.id))), conversation.messages.length > MESSAGE_PREVIEW_LIMIT ? (_jsxs("div", { className: "text-xs-tight text-muted", children: ["+", conversation.messages.length - MESSAGE_PREVIEW_LIMIT] })) : null] })] }, conversation.roomId));
+    return (_jsx(DataPanel, { label: "Conversations", icon: MessageCircle, count: person.recentConversations.length, children: person.recentConversations.length === 0 ? (_jsx(PanelEmpty, { icon: MessageCircle, children: "No conversations." })) : (_jsxs("div", { className: "grid gap-2 xl:grid-cols-2", children: [shownConversations.map(renderConversation), _jsx("div", { className: "xl:col-span-2", children: _jsx(MoreItems, { count: overflowCount(person.recentConversations, CONVERSATION_PREVIEW_LIMIT), children: _jsx("div", { className: "grid gap-2 xl:grid-cols-2", children: hiddenConversations.map(renderConversation) }) }) })] })) }));
+}
+export function RelationshipsRelevantMemoriesPanel({ person, }) {
+    const shownMemories = visibleItems(person.relevantMemories);
+    const hiddenMemories = person.relevantMemories.slice(PANEL_PREVIEW_LIMIT);
+    const renderMemory = (memory) => {
+        const SourceIcon = sourceTypeIcon(memory.sourceType);
+        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(IconPill, { icon: SourceIcon, ariaLabel: memory.sourceType }), memory.createdAt ? (_jsxs("span", { className: "ml-auto inline-flex items-center gap-1 text-2xs text-muted", title: formatDateTime(memory.createdAt, {
+                                fallback: "No date",
+                            }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(memory.createdAt)] })) : null] }), _jsx("div", { className: "mt-1 text-sm leading-6 text-txt", children: renderInlineSpeaker(memory.speaker, memory.text, TEXT_PREVIEW_LENGTH) })] }, memory.id));
+    };
+    return (_jsx(DataPanel, { label: "Memories", icon: Brain, count: person.relevantMemories.length, children: person.relevantMemories.length === 0 ? (_jsx(PanelEmpty, { icon: Brain, children: "No memories." })) : (_jsxs("div", { className: "space-y-2", children: [shownMemories.map(renderMemory), _jsx(MoreItems, { count: overflowCount(person.relevantMemories), children: hiddenMemories.map(renderMemory) })] })) }));
+}
+export function RelationshipsUserPreferencesPanel({ person, }) {
+    const shownPreferences = visibleItems(person.userPersonalityPreferences);
+    const hiddenPreferences = person.userPersonalityPreferences.slice(PANEL_PREVIEW_LIMIT);
+    const renderPreference = (preference) => (_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(IconPill, { icon: Sparkles, ariaLabel: "Preference", children: preference.category ?? "preference" }), preference.createdAt ? (_jsxs("span", { className: "ml-auto inline-flex items-center gap-1 text-2xs text-muted", title: formatDateTime(preference.createdAt, {
+                            fallback: "No date",
+                        }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(preference.createdAt)] })) : null] }), _jsx("div", { className: "mt-2 text-sm leading-6 text-txt", children: cleanPreviewText(preference.text) }), preference.originalRequest ? (_jsxs("details", { className: "mt-2", children: [_jsxs("summary", { className: "inline-flex cursor-pointer list-none items-center rounded-full border border-border/24 bg-card/24 px-2 py-0.5 text-2xs font-semibold text-muted transition hover:text-txt", children: [_jsx(FileText, { className: "mr-1 h-3 w-3" }), "request"] }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: cleanPreviewText(preference.originalRequest, 260) })] })) : null] }, preference.id));
+    return (_jsx(DataPanel, { label: "Preferences", icon: Sparkles, count: person.userPersonalityPreferences.length, children: person.userPersonalityPreferences.length === 0 ? (_jsx(PanelEmpty, { icon: Sparkles, children: "No preferences." })) : (_jsxs("div", { className: "space-y-2", children: [shownPreferences.map(renderPreference), _jsx(MoreItems, { count: overflowCount(person.userPersonalityPreferences), children: hiddenPreferences.map(renderPreference) })] })) }));
+}

package/packages/app-core/src/components/pages/relationships/RelationshipsSidebar.d.ts

@@ -0,0 +1,10 @@
+import type { RelationshipsGraphSnapshot } from "../../../api/client-types-relationships";
+export declare function RelationshipsSidebar({ search, graph, selectedPersonId, onSearchChange, onSearchClear, onSelectPersonId, }: {
+    search: string;
+    graph: RelationshipsGraphSnapshot | null;
+    selectedPersonId: string | null;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    onSelectPersonId: (personId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RelationshipsSidebar.d.ts.map

package/packages/app-core/src/components/pages/relationships/RelationshipsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/pages/relationships/RelationshipsSidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAG1F,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,2CA+CA"}

package/packages/app-core/src/components/pages/relationships/RelationshipsSidebar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, } from "@elizaos/ui";
+import { Crown } from "lucide-react";
+import { AppPageSidebar } from "../../shared/AppPageSidebar";
+export function RelationshipsSidebar({ search, graph, selectedPersonId, onSearchChange, onSearchClear, onSelectPersonId, }) {
+    return (_jsxs(AppPageSidebar, { testId: "relationships-sidebar", collapsible: true, contentIdentity: "relationships", children: [_jsx(SidebarHeader, { search: {
+                    value: search,
+                    onChange: (event) => onSearchChange(event.target.value),
+                    placeholder: "Search",
+                    "aria-label": "Search people",
+                    onClear: onSearchClear,
+                } }), _jsx(SidebarPanel, { children: _jsx(SidebarScrollRegion, { className: "mt-2", children: _jsx("div", { className: "space-y-1", children: graph?.people.map((person) => {
+                            const active = person.primaryEntityId === selectedPersonId;
+                            return (_jsxs(SidebarContent.Item, { active: active, onClick: () => onSelectPersonId(person.primaryEntityId), "aria-current": active ? "page" : undefined, children: [_jsx(SidebarContent.ItemIcon, { active: active, children: person.displayName.charAt(0).toUpperCase() }), _jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-left", children: [_jsx(SidebarContent.ItemTitle, { children: person.displayName }), person.isOwner ? (_jsx(Crown, { className: "h-3.5 w-3.5 shrink-0 text-accent" })) : null] })] }, person.groupId));
+                        }) }) }) })] }));
+}

package/packages/app-core/src/components/pages/relationships/RelationshipsWorkspaceView.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export declare function RelationshipsWorkspaceView({ contentHeader, embedded, onViewMemories, }: {
+    contentHeader?: ReactNode;
+    embedded?: boolean;
+    onViewMemories?: (entityIds: string[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RelationshipsWorkspaceView.d.ts.map

package/packages/app-core/src/components/pages/relationships/RelationshipsWorkspaceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/pages/relationships/RelationshipsWorkspaceView.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAyBf,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,QAAgB,EAChB,cAAc,GACf,EAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAChD,2CAwVA"}