<%# locals: (breadcrumbs:, sidebar_toggle_enabled: true) %>

<nav class="flex items-center gap-2 mb-6">
  <% if sidebar_toggle_enabled %>
    <button data-action="sidebar#toggleLeftPanel" class="p-2 inline-flex rounded-lg items-center justify-center hover:bg-gray-100 cursor-pointer">
      <%= icon("panel-left", color: "gray") %>
    </button>
  <% end %>

  <div class="py-2 flex items-center gap-2">
    <% breadcrumbs.each_with_index do |(name, path), index| %>
      <% if index > 0 %>
        <%= icon("chevron-right", color: "gray", size: "sm") %>
      <% end %>

      <% if path.present? && index < breadcrumbs.size - 1 %>
        <%= link_to name, path, class: "text-sm text-gray-500 font-medium" %>
      <% elsif index == breadcrumbs.size - 1 %>
        <span class="text-gray-900 font-medium text-sm"><%= name %></span>
      <% else %>
        <span class="text-sm text-gray-500 font-medium"><%= name %></span>
      <% end %>
    <% end %>
  </div>

  <% if sidebar_toggle_enabled %>
    <div class="ml-auto">
      <button data-action="sidebar#toggleRightPanel" class="p-2 inline-flex rounded-lg items-center justify-center hover:bg-gray-100 cursor-pointer" title="Toggle AI Assistant">
        <%= icon("panel-right", color: "gray") %>
      </button>
    </div>
  <% end %>
</nav>
