<meta name="live-transport" content={@live_transport} />
<meta name="live-path" content={@live_path} />

<main class="p-4 min-h-screen flex flex-col">
  <%= if Phoenix.Flash.get(@flash, :info) do %>
    <.notify flash={@flash} />
  <% end %>

  <header class="flex items-center">
    <div class="md:w-84 mr-3">
      <.logo path={@logo_path} />
    </div>

    <.nav socket={@socket} page={@page.name} />

    <div class="ml-auto flex items-center space-x-3">
      <.live_component module={Oban.Web.ShortcutsComponent} id="shortcuts" />
      <.live_component module={Oban.Web.ConnectivityComponent} id="connectivity" conf={@conf} />
      <.live_component module={Oban.Web.ThemeComponent} id="theme" theme={@theme} />
      <.live_component module={Oban.Web.RefreshComponent} id="refresh" refresh={@refresh} />
      <.live_component module={Oban.Web.HelpComponent} id="help" />
      <.live_component
        module={Oban.Web.InstancesComponent}
        id="instances"
        conf={@conf}
        resolver={@resolver}
        user={@user}
      />
    </div>
  </header>
  {@inner_content} <.footer />
</main>
