<script lang="ts">
import GraphToolbar from '../explorer/GraphToolbar.svelte';
import GraphLegend from '../explorer/GraphLegend.svelte';
import NodeDetailPanel from '../explorer/NodeDetailPanel.svelte';
import { getSelectedEntity } from '../stores/graph.svelte.ts';
let selectedEntity = $derived(getSelectedEntity());
</script>
<div class="flex-1 relative flex overflow-hidden rounded-xl border border-[var(--color-outline-variant)]"
style="min-height: calc(100vh - 180px);">
<div class="flex-1 relative bg-[var(--color-surface-container-lowest)] overflow-hidden">
<GraphToolbar />
<GraphLegend />
</div>
<NodeDetailPanel />
</div>