<tr>
  <th data-test-id-column scope="row" class="table__id-column">
    <LinkTo title={{ concat (t "page.build.title") " v" @build.sequence}}
      @route="workspace.projects.project.app.build"
      @models={{array @build.sequence}}
    >
      <b data-test-version-badge class="badge badge--version">v{{@build.sequence}}</b>
      {{@build.id}}
    </LinkTo>
  </th>
  {{#let (or @build.pushedArtifact @build) as |operation|}}
    <td>
      <span data-test-status class="table__icon-text-cell-span hide-in-percy">
        {{#if operation.status}}
          <FlightIcon
            data-test-status-icon
            @name={{or
                (and (eq operation.status.state 1) "delay")
                (and (eq operation.status.state 2) "check-circle")
                (and (eq operation.status.state 3) "x-circle")
                (and (eq operation.status.state 0) "delay")
              }}
            @size="16"
          />
          {{t
            (concat
              "app_item_build.status"
              ".state-" operation.status.state
            )
          }}
        {{else}}
          <FlightIcon
            data-test-status-icon
            @name="x-circle"
            @size="16"
          />
          {{t "app_item_build.status.state-unavailable"}}
        {{/if}}
      </span>
    </td>
    <td data-test-matching-deployment class="table__deployment-info-cell">
      {{!-- TODO: add popover here --}}
      {{#if @matchingDeployment}}
        <LinkTo
          title={{concat (t "page.deployment.title") " v" @matchingDeployment}}
          @route="workspace.projects.project.app.deployments.deployment"
          @models={{array @matchingDeployment}}
        >
          Deployment <b class="badge badge--version">v{{@matchingDeployment}}</b>
        </LinkTo>
      {{else}}
        {{t
          "app_item_build.not_deployed"
        }}
      {{/if}}
    </td>
    <td data-test-provider class="hide-in-percy">
      <span class="table__icon-text-cell-span">
        <FlightIcon
          data-test-icon-type={{icon-for-component operation.component.name}}
          @name={{icon-for-component operation.component.name}}
          @size="16"
        />
        {{component-name operation.component.name}}
      </span>
    </td>
  {{/let}}
</tr>
