A small component built for Porter's app detail view. Users can configure a lot within this view (environment variables, build settings, networking rules), and it's easy to lose track of what you've changed. When an erroneous value could break a deployment or expose a service unexpectedly, clarity around pending changes becomes essential.

For multi-step forms with explicit save (rather than auto-save), users need clear feedback that their edits are pending. This animated indicator surfaces dirty state, reinforcing that changes won't persist until they hit the Save 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 which edits are pending.