@forelse($nodes as $node)
  <li class="{{ $depth ? 'ml-3 border-l border-white/15 pl-3' : '' }}">
    <div class="flex items-start justify-between gap-2">
      <span class="{{ $node['highlight'] ? 'text-[var(--color-gold)]' : '' }}">{{ $node['title'] }}</span>
      @if($node['open_in_new_tab'])
        <span class="text-[10px] text-white/40">↗</span>
      @endif
    </div>
    @if(!empty($node['children']))
      <ul class="mt-2 space-y-2">
        @include('admin.menus._preview-tree', ['nodes' => $node['children'], 'depth' => $depth + 1])
      </ul>
    @endif
  </li>
@empty
  @if($depth === 0)
    <li class="text-white/45">No visible items.</li>
  @endif
@endforelse