Browse Source

Add edge color explanations to legend

Added visual indicators in the legend to explain the different colored edges:
- Green edges: Person authored the event (signed-by connection)
- Blue edges: Event references the person (referenced connection)

These edge colors only appear when the Person Visualizer is active and help users understand the different types of connections between people and events.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
master
limina1 9 months ago
parent
commit
20ea3bf12a
  1. 30
      src/lib/navigator/EventNetwork/Legend.svelte

30
src/lib/navigator/EventNetwork/Legend.svelte

@ -157,6 +157,36 @@ @@ -157,6 +157,36 @@
{/if}
</span>
</li>
<!-- Edge colors for person connections -->
{#if showPersonNodes && personAnchors.length > 0}
<li class="legend-item">
<svg class="w-6 h-6 mr-2" viewBox="0 0 24 24">
<path
d="M4 12h16"
class="person-link-signed"
stroke-width="2"
fill="none"
/>
</svg>
<span class="legend-text text-xs">
Authored by person
</span>
</li>
<li class="legend-item">
<svg class="w-6 h-6 mr-2" viewBox="0 0 24 24">
<path
d="M4 12h16"
class="person-link-referenced"
stroke-width="2"
fill="none"
/>
</svg>
<span class="legend-text text-xs">
References person
</span>
</li>
{/if}
</ul>
{/if}
</div>

Loading…
Cancel
Save