hunk.code_window:               <span className="text-muted small vertical-center">
                   {stripProtocol(environment.URL)}
                 </span>
               )}
             </div>
             <div className="small text-muted space-x-2 vertical-center">
               {groupName && (
                 <span className="font-semibold">
                   <span>Group: </span>
                   <span>{groupName}</span>
                 </span>
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:           <div className="small text-muted flex flex-wrap items-center gap-x-4 gap-y-2">
  
hunk.file_path: app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx
hunk.type: replace
file: <page-header title="'Service list'" breadcrumbs="['Services']" reload="true"> </page-header>
  
  <div class="row" ng-if="services">
    <div class="col-sm-12">
      <services-datatable
        title-text="Services"
        title-icon="shuffle"
        dataset="services"
        table-key="services"
        order-by="Name"
        nodes="nodes"
        agent-proxy="applicationState.endpoint.mode.agentProxy"
        show-update-action="applicationState.endpoint.apiVersion >= 1.25"
        show-task-logs-button="applicationState.endpoint.apiVersion >= 1.30"
        show-add-action="true"
        show-stack-column="true"
        refresh-callback="getServices"
        endpoint-public-url="endpoint.PublicURL"
        endpoint-id="endpoint.Id"
      ></services-datatable>
    </div>
  </div>
  