Follow-up to Add AI Prompt section to Profile, which was merged with the functionality working end-to-end behind a beta. The items below are design/UX polish that we deferred to keep the PR moving.
Remaining design concerns
From the design team
- Replace the explicit "Edit prompt" button with an always-editable textarea + conditional Save/Cancel. Discussion: Shawn's question, Jon's response, Danny no strong feelings. The current Edit button costs the same number of clicks as a push input, so we may as well make the textarea directly editable and only show Save/Cancel when the user has made changes.
- Field padding/style should be consistent before and after editing. Currently the input visibly shifts when entering edit mode. Apply a disabled attribute so the read-only state looks identical to the edit state. Jon's comment + video.
- Save/Cancel button spacing should be 8px, not 12px. Jon's comment.
- Avatar border should not be visible on this view. Jon's comment.
Other deferred polish
- Button flashes in place of the prompt on initial render. The input first renders as a single line and then recalculates height, causing a brief flash. Reported by @parasharrajat (comment), acknowledged as not a blocker.
- iOS Safari: whitespace can appear below the input while scrolling. Reported by @parasharrajat (comment + video), Nicolás was unable to reproduce — needs another look with repro steps.
Context
cc @dubielzyk-expensify @shawnborton @dannymcclain @parasharrajat
Follow-up to Add AI Prompt section to Profile, which was merged with the functionality working end-to-end behind a beta. The items below are design/UX polish that we deferred to keep the PR moving.
Remaining design concerns
From the design team
Other deferred polish
Context
cc @dubielzyk-expensify @shawnborton @dannymcclain @parasharrajat