This is a small component I helped build for Porter's app detail view. Users configure a lot within this view (environment variables, build settings, networking rules) and it's easy to lose track of what you've changed. In this scenario, when an erroneous value could break a deployment or expose a service unexpectedly, clarity around pending changes becomes vital.

For multi-step forms with explicit save (rather than auto-save), users need clear feedback that their edits are pending. The animated indicator surfaces dirty state, reinforcing the idea that the user's changes won't persist until they hit the Save Changes button.

By surfacing a diff of what's changed, we leverage a pattern developers already know from code review, giving them immediate clarity on exactly whether edits are pending or not.