Money: show the overspend donor and preserve transfer label spacing #1211

Open
opened 2026-10-06 16:46:35 +00:00 by kayg · 0 comments
Owner

The #1141 production screenshot round found two presentation gaps in the overspend lesson. The local API flow passed exact balances, and a transfer used the expected Category. No automatic transfer or data corruption was found.

  1. The native Move from select is blank although a funded Category is available. BudgetGuide.svelte starts source at an empty string and derives donor from the first funded Category. The select and action therefore show different selection states. Keep the native selection on the same valid donor, including after a donor is depleted by a partial cover.
  2. The Move action puts a Torph span between bare text children of Pill. Its flex layout loses the spaces around that span. Keep the label in one inline text group while retaining Torph, shared motion and the existing Pill surface. Do not add local primitive styling.

Reproduce with a finished guide, an overspent Category and another funded Category. The nudge's source picker is blank, and the Move label joins its words around the amount.

Evidence: #1141 has the macOS production screenshot matrix, including overspend-390-*, overspend-820-* and overspend-1440-*, in light and dark with 4× crops. Source: job/onboard-1141, head 13a955864eb6739d5c6b2fe249a929429c9c98e2.

Add a native-selection regression, run the focused guide tests, then capture this lesson at all three widths and both themes. This is a presentation follow-up; it did not fail the exact-balance browser assertions.

The #1141 production screenshot round found two presentation gaps in the overspend lesson. The local API flow passed exact balances, and a transfer used the expected Category. No automatic transfer or data corruption was found. 1. The native Move from select is blank although a funded Category is available. `BudgetGuide.svelte` starts `source` at an empty string and derives `donor` from the first funded Category. The select and action therefore show different selection states. Keep the native selection on the same valid donor, including after a donor is depleted by a partial cover. 2. The Move action puts a Torph span between bare text children of Pill. Its flex layout loses the spaces around that span. Keep the label in one inline text group while retaining Torph, shared motion and the existing Pill surface. Do not add local primitive styling. Reproduce with a finished guide, an overspent Category and another funded Category. The nudge's source picker is blank, and the Move label joins its words around the amount. Evidence: #1141 has the macOS production screenshot matrix, including `overspend-390-*`, `overspend-820-*` and `overspend-1440-*`, in light and dark with 4× crops. Source: job/onboard-1141, head `13a955864eb6739d5c6b2fe249a929429c9c98e2`. Add a native-selection regression, run the focused guide tests, then capture this lesson at all three widths and both themes. This is a presentation follow-up; it did not fail the exact-balance browser assertions.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal#1211
No description provided.