{{#if this.toolbarContainer}}
  {{#in-element this.toolbarContainer}}
    <ComponentTreeToolbar
      @collapseAll={{this.collapseAll}}
      @expandAll={{this.expandAll}}
      @isInspecting={{this.isInspecting}}
      @query={{this.query}}
      @pinned={{this.pinned}}
      @toggleParentsOnly={{this.toggleParentsOnly}}
      @showParentsOnly={{this.showParentsOnly}}
      @toggleInspect={{this.toggleInspect}}
    />
  {{/in-element}}
{{/if}}

<ScrollContainer
  @collection={{this.visibleItems}}
  @currentItem={{this.currentItem}}
  @previewing={{this.currentPreviewItem}}
  @itemHeight={{this.itemHeight}}
  class="list-content"
  tabindex="-1"
  {{did-insert this.arrowKeysSetup}}
  {{will-destroy this.arrowKeysTeardown}}
>
  <VerticalCollection
    @estimateHeight={{this.itemHeight}}
    @items={{this.visibleItems}}
    @key="id" as |item|>
    <ComponentTreeItem @item={{item}} />
  </VerticalCollection>
</ScrollContainer>