Skip to content

Commit c91ca75

Browse files
gvelez17claude
andcommitted
Show linked identities (aliases) in node detail modal
When clicking on a merged node (nodes connected by SAME_AS), the detail modal now shows all linked identities with their URIs. This helps users see all the aliases (e.g., DID + GitHub profile) that were merged into one visual node. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 5832e44 commit c91ca75

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed

src/components/GraphDetailModal/index.tsx

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -231,6 +231,41 @@ const GraphDetailModal: React.FC<GraphDetailModalProps> = ({
231231
</a>
232232
</Typography>
233233
)}
234+
235+
{/* Aliases section for merged SAME_AS nodes */}
236+
{data.isMerged && data.aliases && data.aliases.length > 1 && (
237+
<Box sx={{ mt: 2, p: 1.5, bgcolor: 'action.hover', borderRadius: 1 }}>
238+
<Typography variant='body2' sx={{ fontWeight: 500, mb: 1, fontSize: '0.85rem' }}>
239+
Also known as ({data.aliases.length} linked identities):
240+
</Typography>
241+
{data.aliases.map((alias: any, idx: number) => (
242+
<Typography
243+
key={idx}
244+
variant='body2'
245+
sx={{
246+
fontSize: '0.8rem',
247+
mb: 0.5,
248+
pl: 1,
249+
borderLeft: '2px solid',
250+
borderColor: 'primary.main',
251+
'& a': {
252+
color: theme.palette.primary.main,
253+
textDecoration: 'none',
254+
'&:hover': { textDecoration: 'underline' }
255+
}
256+
}}
257+
>
258+
{alias.uri?.startsWith('http') ? (
259+
<a href={alias.uri} target='_blank' rel='noopener noreferrer'>
260+
{alias.label || truncateText(alias.uri, 50)}
261+
</a>
262+
) : (
263+
<span>{alias.label || alias.uri}</span>
264+
)}
265+
</Typography>
266+
))}
267+
</Box>
268+
)}
234269
</Box>
235270

236271
<Divider sx={{ my: 1.5 }} />

0 commit comments

Comments
 (0)