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

package/components/pages/relationships/RelationshipsPersonPanels.js

@@ -0,0 +1,319 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, MetaPill, PagePanel } from "@elizaos/ui";
+import { AtSign, BadgeCheck, Bot, Brain, CalendarClock, Crown, FileText, Fingerprint, Frown, Gauge, Globe2, Link2, Mail, Meh, MessageCircle, Pencil, Phone, Shield, Smile, Sparkles, User, } from "lucide-react";
+import { useEffect, useRef, useState, } from "react";
+import { client } from "../../../api/client.js";
+import { shouldUseHashNavigation } from "../../../navigation/index.js";
+import { formatDateTime, formatShortDate } from "../../../utils/format.js";
+import { RelationshipsIdentityCluster } from "../RelationshipsIdentityCluster.js";
+import { profilePrimaryValue, profileSourceLabel, topContacts, } from "./relationships-utils.js";
+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) })] })) }));
+}
+export function RelationshipsDocumentsPanel({ person, }) {
+    const [documents, setDocuments] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const memberEntityKey = person.memberEntityIds.join("\0");
+    const openDocumentsPage = () => {
+        if (typeof window === "undefined")
+            return;
+        const path = "/character/documents";
+        if (shouldUseHashNavigation()) {
+            window.location.hash = path;
+        }
+        else {
+            window.history.pushState(null, "", path);
+            window.dispatchEvent(new PopStateEvent("popstate"));
+        }
+    };
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        const entityIds = Array.from(new Set(memberEntityKey.split("\0").filter((id) => id.trim().length > 0)));
+        async function load() {
+            try {
+                const responses = await Promise.all(entityIds.map((entityId) => client.listDocuments({
+                    scope: "user-private",
+                    scopedToEntityId: entityId,
+                    limit: 100,
+                })));
+                if (cancelled)
+                    return;
+                const byId = new Map();
+                for (const response of responses) {
+                    for (const doc of response.documents) {
+                        byId.set(doc.id, doc);
+                    }
+                }
+                setDocuments(Array.from(byId.values()).sort((left, right) => Number(right.createdAt ?? 0) - Number(left.createdAt ?? 0)));
+            }
+            catch (loadError) {
+                if (cancelled)
+                    return;
+                setError(loadError instanceof Error
+                    ? loadError.message
+                    : "Failed to load documents.");
+                setDocuments([]);
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        }
+        if (entityIds.length === 0) {
+            setDocuments([]);
+            setLoading(false);
+        }
+        else {
+            load();
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [memberEntityKey]);
+    const shownDocuments = visibleItems(documents);
+    const hiddenDocuments = documents.slice(PANEL_PREVIEW_LIMIT);
+    const renderDocument = (doc) => {
+        const ScopeIcon = doc.scope === "owner-private"
+            ? Shield
+            : doc.scope === "agent-private"
+                ? Bot
+                : doc.scope === "global"
+                    ? Globe2
+                    : User;
+        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: FileText, ariaLabel: "Document", children: doc.filename }), _jsx(IconPill, { icon: ScopeIcon, ariaLabel: "Scope", children: doc.scope ?? "global" }), doc.createdAt ? (_jsxs("span", { className: "ml-auto inline-flex items-center gap-1 text-2xs text-muted", title: formatDateTime(doc.createdAt, { fallback: "No date" }), children: [_jsx(CalendarClock, { className: "h-3 w-3" }), formatCompactDate(doc.createdAt)] })) : null] }), doc.content?.text ? (_jsx("div", { className: "mt-2 text-sm leading-6 text-txt", children: cleanPreviewText(doc.content.text) })) : null, _jsxs("button", { type: "button", onClick: openDocumentsPage, className: "mt-2 inline-flex items-center gap-1 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(Link2, { className: "h-3 w-3" }), "Open"] })] }, doc.id));
+    };
+    return (_jsx(DataPanel, { label: "Documents", icon: FileText, count: documents.length, children: loading ? (_jsx(PanelEmpty, { icon: FileText, children: "Loading documents..." })) : error ? (_jsx(PanelEmpty, { icon: FileText, children: error })) : documents.length === 0 ? (_jsx(PanelEmpty, { icon: FileText, children: "No documents." })) : (_jsxs("div", { className: "space-y-2", children: [shownDocuments.map(renderDocument), _jsx(MoreItems, { count: overflowCount(documents), children: hiddenDocuments.map(renderDocument) })] })) }));
+}

package/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/components/pages/relationships/RelationshipsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../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/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.js";
+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/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/components/pages/relationships/RelationshipsWorkspaceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pages/relationships/RelationshipsWorkspaceView.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AA0Bf,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,2CA2VA"}

package/components/pages/relationships/RelationshipsWorkspaceView.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, PageLayout, PagePanel } from "@elizaos/ui";
+import { Filter, RefreshCw, Search, X } from "lucide-react";
+import { useCallback, useDeferredValue, useEffect, useRef, useState, } from "react";
+import { client } from "../../../api/client.js";
+import { useApp } from "../../../state/useApp.js";
+import { RelationshipsGraphPanel } from "../RelationshipsGraphPanel.js";
+import { RelationshipsActivityFeed } from "./RelationshipsActivityFeed.js";
+import { RelationshipsCandidateMergesPanel } from "./RelationshipsCandidateMergesPanel.js";
+import { RelationshipsConnectionsPanel, RelationshipsConversationsPanel, RelationshipsDocumentsPanel, RelationshipsFactsPanel, RelationshipsPersonSummaryPanel, RelationshipsRelevantMemoriesPanel, RelationshipsUserPreferencesPanel, } from "./RelationshipsPersonPanels.js";
+import { RelationshipsSidebar } from "./RelationshipsSidebar.js";
+import { buildRelationshipsGraphQuery, platformOptions, sortPeople, } from "./relationships-utils.js";
+export function RelationshipsWorkspaceView({ contentHeader, embedded = false, onViewMemories, }) {
+    const { t, setTab } = useApp();
+    const [search, setSearch] = useState("");
+    const [platform, setPlatform] = useState("all");
+    const [graphLoading, setGraphLoading] = useState(true);
+    const [graphError, setGraphError] = useState(null);
+    const [graph, setGraph] = useState(null);
+    const [selectedPersonId, setSelectedPersonId] = useState(null);
+    const [detailLoading, setDetailLoading] = useState(false);
+    const [detailError, setDetailError] = useState(null);
+    const [detail, setDetail] = useState(null);
+    const graphRequestId = useRef(0);
+    const deferredSearch = useDeferredValue(search);
+    const loadGraph = useCallback(async (query = buildRelationshipsGraphQuery("", "all")) => {
+        const requestId = graphRequestId.current + 1;
+        graphRequestId.current = requestId;
+        setGraphLoading(true);
+        setGraphError(null);
+        try {
+            const snapshot = await client.getRelationshipsGraph(query);
+            if (requestId !== graphRequestId.current) {
+                return;
+            }
+            setGraph({
+                ...snapshot,
+                people: sortPeople(snapshot.people),
+            });
+        }
+        catch (error) {
+            if (requestId !== graphRequestId.current) {
+                return;
+            }
+            setGraphError(error instanceof Error
+                ? error.message
+                : "Failed to load the relationships graph.");
+            setGraph(null);
+        }
+        finally {
+            if (requestId === graphRequestId.current) {
+                setGraphLoading(false);
+            }
+        }
+    }, []);
+    useEffect(() => {
+        void loadGraph(buildRelationshipsGraphQuery(deferredSearch, platform));
+    }, [deferredSearch, loadGraph, platform]);
+    useEffect(() => {
+        if (!graph || graph.people.length === 0) {
+            setSelectedPersonId(null);
+            setDetail(null);
+            return;
+        }
+        const stillSelected = graph.people.some((person) => person.primaryEntityId === selectedPersonId);
+        if (!stillSelected) {
+            setSelectedPersonId(graph.people[0].primaryEntityId);
+        }
+    }, [graph, selectedPersonId]);
+    useEffect(() => {
+        if (!selectedPersonId) {
+            setDetail(null);
+            return;
+        }
+        let cancelled = false;
+        setDetail(null);
+        setDetailLoading(true);
+        setDetailError(null);
+        void client
+            .getRelationshipsPerson(selectedPersonId)
+            .then((person) => {
+            if (!cancelled) {
+                setDetail(person);
+            }
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setDetail(null);
+                setDetailError(err instanceof Error
+                    ? err.message
+                    : "Failed to load the selected person.");
+            }
+        })
+            .finally(() => {
+            if (!cancelled) {
+                setDetailLoading(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [selectedPersonId]);
+    const platforms = platformOptions(graph);
+    const selectedSummary = graph?.people.find((person) => person.primaryEntityId === selectedPersonId) ?? null;
+    const selectedGroupId = selectedSummary?.groupId ?? null;
+    const ownerSummary = graph?.people.find((person) => person.isOwner) ?? null;
+    const ownerGroupId = ownerSummary?.groupId ?? null;
+    const ownerDisplayName = ownerSummary?.displayName ?? null;
+    const handleViewMemories = onViewMemories ??
+        (() => {
+            setTab("memories");
+        });
+    const refreshGraph = () => {
+        void loadGraph(buildRelationshipsGraphQuery(deferredSearch, platform));
+    };
+    const toolbar = (_jsx(PagePanel, { variant: "surface", className: "px-3 py-3", children: _jsx("div", { className: "flex flex-col gap-3", children: _jsxs("div", { className: embedded
+                    ? "grid min-w-0 gap-2 md:grid-cols-[minmax(16rem,1fr)_minmax(12rem,14rem)_auto]"
+                    : "flex min-w-0 flex-col gap-2 sm:flex-row sm:justify-end", children: [embedded ? (_jsxs(_Fragment, { children: [_jsx("label", { className: "sr-only", htmlFor: "relationships-search", children: "Search people, aliases, handles" }), _jsxs("div", { className: "relative min-w-0 flex-1", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" }), _jsx("input", { id: "relationships-search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search", "aria-label": "Search people, aliases, handles", className: "h-9 w-full rounded-lg border border-border/35 bg-card/45 pl-9 pr-10 text-sm text-txt outline-none transition focus:border-accent/55" }), search ? (_jsx("button", { type: "button", className: "absolute right-1.5 top-1.5 inline-flex h-6 w-6 items-center justify-center rounded-md text-muted transition hover:bg-bg-hover hover:text-txt", onClick: () => setSearch(""), "aria-label": "Clear relationship search", children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] })] })) : null, _jsxs("div", { className: "relative min-w-0", children: [_jsx("label", { className: "sr-only", htmlFor: "relationships-platform", children: "Platform filter" }), _jsx(Filter, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" }), _jsxs("select", { id: "relationships-platform", value: platform, onChange: (event) => setPlatform(event.target.value), "aria-label": "Platform filter", className: "h-9 w-full rounded-lg border border-border/35 bg-card/45 pl-9 pr-8 text-sm text-txt outline-none transition focus:border-accent/55", children: [_jsx("option", { value: "all", children: "All" }), platforms.map((entry) => (_jsx("option", { value: entry, children: entry }, entry)))] })] }), _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-9 w-9 shrink-0 rounded-lg p-0", onClick: refreshGraph, "aria-label": "Refresh relationships", children: _jsx(RefreshCw, { className: `h-4 w-4 ${graphLoading ? "animate-spin" : ""}` }) })] }) }) }));
+    const content = (_jsxs("div", { className: `flex min-h-0 flex-1 flex-col ${embedded ? "gap-3" : "gap-4"}`, "data-testid": embedded ? "relationships-embedded-view" : undefined, children: [toolbar, detailError ? (_jsx("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: detailError })) : null, graphError && !graph ? (_jsx(PagePanel.Empty, { variant: "panel", className: embedded ? "min-h-[18rem]" : "min-h-[24rem]", title: "Relationships failed to load", description: graphError })) : !graph && graphLoading ? (_jsx(PagePanel.Loading, { heading: t("common.loading", { defaultValue: "Loading..." }) })) : !graph || graph.people.length === 0 ? (_jsx(PagePanel.Empty, { variant: "panel", className: embedded ? "min-h-[18rem]" : "min-h-[24rem]", description: search || platform !== "all"
+                    ? "No people match these filters."
+                    : "No relationship data yet.", title: search || platform !== "all"
+                    ? "No matching relationships"
+                    : "No relationships data available" })) : (_jsxs(_Fragment, { children: [graphError ? (_jsx("div", { className: "rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: graphError })) : null, _jsxs("div", { className: embedded
+                            ? "grid min-h-0 gap-3"
+                            : "grid min-h-0 gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(22rem,0.65fr)]", children: [_jsx(PagePanel, { variant: "surface", className: "px-3 py-3 sm:px-4 sm:py-4", children: _jsx(RelationshipsGraphPanel, { snapshot: graph, selectedGroupId: selectedGroupId, compact: embedded, onSelectPersonId: setSelectedPersonId }) }), detail ? (_jsx("div", { className: "transition-opacity duration-200", children: _jsx(RelationshipsPersonSummaryPanel, { person: detail, compact: embedded, ownerGroupId: ownerGroupId, ownerDisplayName: ownerDisplayName, onViewMemories: handleViewMemories, onOwnerNameUpdated: () => refreshGraph() }) })) : detailLoading ? (_jsx(PagePanel.Loading, { heading: "Loading person..." })) : (_jsx(PagePanel.Empty, { variant: "panel", title: "Select a person", description: "Choose a person from the list or graph." }))] }), detail ? (_jsxs("div", { className: "grid gap-3 transition-opacity duration-200 xl:grid-cols-2", children: [_jsx(RelationshipsFactsPanel, { person: detail }), _jsx(RelationshipsConnectionsPanel, { person: detail }), _jsx("div", { className: "xl:col-span-2", children: _jsx(RelationshipsConversationsPanel, { person: detail }) }), _jsx(RelationshipsRelevantMemoriesPanel, { person: detail }), _jsx(RelationshipsUserPreferencesPanel, { person: detail }), _jsx("div", { className: "xl:col-span-2", children: _jsx(RelationshipsDocumentsPanel, { person: detail }) })] })) : null, !embedded ? (_jsxs(_Fragment, { children: [_jsx(RelationshipsCandidateMergesPanel, { graph: graph, onResolved: refreshGraph }), _jsx(PagePanel, { as: "section", variant: "surface", "aria-label": "Activity", className: "px-3 py-3", children: _jsx("div", { className: "max-h-[24rem] overflow-auto pr-1", children: _jsx(RelationshipsActivityFeed, {}) }) })] })) : null] }))] }));
+    if (embedded) {
+        return content;
+    }
+    return (_jsx(PageLayout, { sidebar: _jsx(RelationshipsSidebar, { search: search, graph: graph, selectedPersonId: selectedPersonId, onSearchChange: setSearch, onSearchClear: () => setSearch(""), onSelectPersonId: setSelectedPersonId }), contentHeader: contentHeader, "data-testid": "relationships-view", children: content }));
+}

package/components/pages/relationships/relationships-utils.d.ts

@@ -0,0 +1,16 @@
+import type { RelationshipsGraphQuery, RelationshipsGraphSnapshot, RelationshipsMergeCandidate, RelationshipsPersonDetail, RelationshipsPersonSummary } from "../../../api/client-types-relationships";
+type PersonContactRow = {
+    label: string;
+    value: string;
+};
+export declare function buildRelationshipsGraphQuery(search: string, platform: string, limit?: number): RelationshipsGraphQuery;
+export declare function sortPeople(people: RelationshipsPersonSummary[]): RelationshipsPersonSummary[];
+export declare function summarizeHandles(person: RelationshipsPersonSummary): string;
+export declare function platformOptions(snapshot: RelationshipsGraphSnapshot | null): string[];
+export declare function topContacts(person: RelationshipsPersonDetail): PersonContactRow[];
+export declare function profileSourceLabel(source: string): string;
+export declare function profilePrimaryValue(person: RelationshipsPersonDetail, source: string): string | null;
+export declare function personLabel(graph: RelationshipsGraphSnapshot | null, entityId: string): string;
+export declare function evidenceSummary(candidate: RelationshipsMergeCandidate): string;
+export {};
+//# sourceMappingURL=relationships-utils.d.ts.map

package/components/pages/relationships/relationships-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relationships-utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pages/relationships/relationships-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,yCAAyC,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,SAAM,GACV,uBAAuB,CAMzB;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,0BAA0B,EAAE,GACnC,0BAA0B,EAAE,CAa9B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,0BAA0B,GAAG,MAAM,CAK3E;AAED,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,0BAA0B,GAAG,IAAI,GAC1C,MAAM,EAAE,CAKV;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,yBAAyB,GAChC,gBAAgB,EAAE,CAapB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAazD;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,yBAAyB,EACjC,MAAM,EAAE,MAAM,iBAYf;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,0BAA0B,GAAG,IAAI,EACxC,QAAQ,EAAE,MAAM,GACf,MAAM,CAQR;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,2BAA2B,GACrC,MAAM,CAaR"}