<h3 dir="auto">Description</h3>
<p dir="auto">This adds highlighting of tag changes in each version to the history view for primitives:</p>
<ul dir="auto">
<li>Tags that are <strong>new</strong> will be highlighted in green</li>
<li>Tags that have <strong>changed value</strong> will be highlighted in yellow, with the value change described using an arrow like <code class="notranslate">old → new</code></li>
<li>Tags that have been <strong>removed</strong> will be highlighted in red, with the value <code class="notranslate">deleted</code></li>
</ul>
<p dir="auto">Screenshot:<br>
<a href="https://github.com/user-attachments/assets/f6a066c5-84bb-4c84-b3fa-469238da6be8">image.png (view on web)</a></p>
<p dir="auto">This probably <span class="issue-keyword tooltipped tooltipped-se" aria-label="This pull request closes issue #738.">closes</span> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="33003377" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/738" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/738/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/738">#738</a>. I know there are other discussions and tickets related to this idea, but I couldn't find them in my few searches.</p>
<p dir="auto">Ruby is not my native language, so please point out where I can improve the change.</p>
<h3 dir="auto">How has this been tested?</h3>
<p dir="auto">I ran the site locally in Docker, added some fake data to the database, and inspected it on my browser locally.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/6448'>https://github.com/openstreetmap/openstreetmap-website/pull/6448</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/commits/c222cacc8f32d2c9fd7937fed1a80cf12080781d" class="commit-link">c222cac</a>  Show tag changes in object history view</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files">5 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files#diff-e86a39e6d0b163f152db8843fc7d647a3f5d648de4a74f1732bef4474b6e5bc8">app/assets/stylesheets/common.scss</a>
    (39)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files#diff-32118282fc2a82b607c0052b4a7bf90a81869cfae973c63e9552534800c14525">app/helpers/browse_helper.rb</a>
    (61)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files#diff-9dea4ffe487a631e3df942ebeec041974e762348f767704f27c52bc97e89052f">app/views/browse/_common_details.html.erb</a>
    (6)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files#diff-1963a1aed72dba170ae4f30befff3eac18ccc9bafc121b0a459a7e320c7c9e5a">app/views/browse/_tag_details_with_changes.html.erb</a>
    (18)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448/files#diff-c63112438ecc4e87e7c6cd2c4608b6403f750ede9111617ae27a442bc036d561">app/views/browse/_tag_with_changes.html.erb</a>
    (5)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/6448.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/6448.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/6448.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/6448.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6448">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKOGBOW7Z57JWTDL7L3XW3ZNAVCNFSM6AAAAACJGVZNZ2VHI2DSMVQWIX3LMV43ASLTON2WKOZTGUYTMMJXGM4DCMA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLI77C4MF5Z3TYJIX733XW3ZNA5CNFSM6AAAAACJGVZNZ2WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHNDFEN6I.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/6448</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/6448",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6448",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>