From 5123d7973e25dadb952a6449dc036462716b48ea Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 15:52:17 -0700
Subject: [PATCH 1/7] fix(send): match receive/buy layout so account selector
 doesn't drift

The amount and destination now live in the same fixed-height (h-[124px])
block as receive/buy, instead of stacking under an outer wrapper with
gap-4. The destination chip tucks tight below the amount when set, and
the account selector position stays constant regardless of destination
state.
---
 app/features/send/send-input.tsx | 44 +++++++++++++++-----------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/app/features/send/send-input.tsx b/app/features/send/send-input.tsx
index 253a6773b..715ca599f 100644
--- a/app/features/send/send-input.tsx
+++ b/app/features/send/send-input.tsx
@@ -187,32 +187,28 @@ export function SendInput() {
       </PageHeader>
 
       <PageContent className="mx-auto flex flex-col items-center justify-between">
-        <div className="flex flex-col items-center justify-between gap-4">
-          <div className="flex h-[124px] flex-col items-center gap-2">
-            <div className={shakeAnimationClass}>
-              <MoneyInputDisplay
-                inputValue={rawInputValue}
-                currency={inputValue.currency}
-                unit={getDefaultUnit(inputValue.currency)}
-              />
-            </div>
-
-            {!exchangeRateError && (
-              <ConvertedMoneySwitcher
-                onSwitch={switchInputCurrency}
-                money={convertedValue}
-              />
-            )}
+        <div className="flex h-[124px] flex-col items-center gap-2">
+          <div className={shakeAnimationClass}>
+            <MoneyInputDisplay
+              inputValue={rawInputValue}
+              currency={inputValue.currency}
+              unit={getDefaultUnit(inputValue.currency)}
+            />
           </div>
 
-          <div className="flex h-[24px] items-center justify-center gap-4">
-            {destinationDisplay && (
-              <>
-                <p>{destinationDisplay}</p>
-                <X onClick={clearDestination} className="h-4 w-4" />
-              </>
-            )}
-          </div>
+          {!exchangeRateError && (
+            <ConvertedMoneySwitcher
+              onSwitch={switchInputCurrency}
+              money={convertedValue}
+            />
+          )}
+
+          {destinationDisplay && (
+            <div className="flex items-center gap-2 text-sm">
+              <p>{destinationDisplay}</p>
+              <X onClick={clearDestination} className="h-4 w-4" />
+            </div>
+          )}
         </div>
 
         <div className="w-full max-w-sm sm:max-w-none">

From 9d7d6841bbe8ab14fd1039e849682fb047db0ecd Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 16:07:27 -0700
Subject: [PATCH 2/7] fix(send): tuck destination tight inside amount block and
 reclaim numpad pb

The destination chip was overflowing the 124px amount block on small
screens, painting over the account selector. Pull the chip tight against
the converted-money switcher with -mt-2 so it fits exactly within the
box, and zero the PageFooter mobile bottom padding to give 4-8px of
breathing room between destination and selector via the justify-between
redistribution.
---
 app/features/send/send-input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/features/send/send-input.tsx b/app/features/send/send-input.tsx
index 715ca599f..28ceb76a0 100644
--- a/app/features/send/send-input.tsx
+++ b/app/features/send/send-input.tsx
@@ -204,7 +204,7 @@ export function SendInput() {
           )}
 
           {destinationDisplay && (
-            <div className="flex items-center gap-2 text-sm">
+            <div className="-mt-2 flex items-center gap-2 text-sm">
               <p>{destinationDisplay}</p>
               <X onClick={clearDestination} className="h-4 w-4" />
             </div>
@@ -263,7 +263,7 @@ export function SendInput() {
           </div>
         </div>
       </PageContent>
-      <PageFooter className="sm:pb-14">
+      <PageFooter className="pb-0 sm:pb-14">
         <Numpad
           showDecimal={maxInputDecimals > 0}
           onButtonClick={(value) => {

From 1b3b414adb690ca6cd32889069b6de960eca3fd3 Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 16:26:02 -0700
Subject: [PATCH 3/7] refactor(send): replace action buttons with destination
 chip when set

Previously the destination chip lived inside the 124px amount block,
which forced layout compromises (overlap with selector, dead space,
shifts). Move it to the action row instead: when a destination is
picked, the Paste/Scan/AtSign icons are replaced by a chip showing the
destination with an X to clear. Hitting X restores the icons. This
keeps the amount + account selector spacing identical to the receive
and buy pages, and the chip's col-span-2 grid cell has enough width for
the truncated bolt11 display.
---
 app/features/send/send-input.tsx | 69 ++++++++++++++++++--------------
 1 file changed, 39 insertions(+), 30 deletions(-)

diff --git a/app/features/send/send-input.tsx b/app/features/send/send-input.tsx
index 28ceb76a0..5130851c5 100644
--- a/app/features/send/send-input.tsx
+++ b/app/features/send/send-input.tsx
@@ -202,13 +202,6 @@ export function SendInput() {
               money={convertedValue}
             />
           )}
-
-          {destinationDisplay && (
-            <div className="-mt-2 flex items-center gap-2 text-sm">
-              <p>{destinationDisplay}</p>
-              <X onClick={clearDestination} className="h-4 w-4" />
-            </div>
-          )}
         </div>
 
         <div className="w-full max-w-sm sm:max-w-none">
@@ -229,28 +222,44 @@ export function SendInput() {
 
         <div className="flex w-full flex-col items-center gap-4 sm:items-start sm:justify-between">
           <div className="grid w-full max-w-sm grid-cols-3 gap-4 sm:max-w-none">
-            <div className="flex items-center justify-start gap-4">
-              <button type="button" onClick={handlePaste}>
-                <Clipboard />
-              </button>
-
-              <LinkWithViewTransition
-                to={buildLinkWithSearchParams('/send/scan')}
-                transition="slideUp"
-                applyTo="newView"
-              >
-                <Scan />
-              </LinkWithViewTransition>
-
-              {sendAccount.purpose === 'transactional' && (
-                <SelectDestinationDrawer
-                  open={selectDestinationDrawerOpen}
-                  onOpenChange={setSelectDestinationDrawerOpen}
-                  onSelect={handleSelectDestination}
-                />
-              )}
-            </div>
-            <div /> {/* spacer */}
+            {destinationDisplay ? (
+              <div className="col-span-2 flex h-10 items-center justify-between gap-2 rounded-md border border-input px-3 text-sm">
+                <span className="truncate">{destinationDisplay}</span>
+                <button
+                  type="button"
+                  onClick={clearDestination}
+                  aria-label="Clear destination"
+                  className="shrink-0"
+                >
+                  <X className="h-4 w-4" />
+                </button>
+              </div>
+            ) : (
+              <>
+                <div className="flex items-center justify-start gap-4">
+                  <button type="button" onClick={handlePaste}>
+                    <Clipboard />
+                  </button>
+
+                  <LinkWithViewTransition
+                    to={buildLinkWithSearchParams('/send/scan')}
+                    transition="slideUp"
+                    applyTo="newView"
+                  >
+                    <Scan />
+                  </LinkWithViewTransition>
+
+                  {sendAccount.purpose === 'transactional' && (
+                    <SelectDestinationDrawer
+                      open={selectDestinationDrawerOpen}
+                      onOpenChange={setSelectDestinationDrawerOpen}
+                      onSelect={handleSelectDestination}
+                    />
+                  )}
+                </div>
+                <div /> {/* spacer */}
+              </>
+            )}
             <div className="flex items-center justify-end">
               <Button
                 onClick={() => handleContinue(inputValue, convertedValue)}
@@ -263,7 +272,7 @@ export function SendInput() {
           </div>
         </div>
       </PageContent>
-      <PageFooter className="pb-0 sm:pb-14">
+      <PageFooter className="sm:pb-14">
         <Numpad
           showDecimal={maxInputDecimals > 0}
           onButtonClick={(value) => {

From f2c23b111000c138d3690c801305ea1678f2f470 Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 16:36:28 -0700
Subject: [PATCH 4/7] feat(send): show more of the bolt11 invoice in
 destination chip

The destination chip in the action row has enough width for ~24 monospace
characters at text-sm; the previous 6+...+4 only used 13. Bump to
12+...+8 so the user can recognize more of the invoice at a glance.
---
 app/features/send/resolve-destination.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/features/send/resolve-destination.ts b/app/features/send/resolve-destination.ts
index 45f7e9123..ca88f69bd 100644
--- a/app/features/send/resolve-destination.ts
+++ b/app/features/send/resolve-destination.ts
@@ -79,7 +79,7 @@ export async function resolveSendDestination(
       data: {
         sendType: 'BOLT11_INVOICE',
         destination: encoded,
-        destinationDisplay: `${encoded.slice(0, 6)}...${encoded.slice(-4)}`,
+        destinationDisplay: `${encoded.slice(0, 12)}...${encoded.slice(-8)}`,
         amount: validated.amount,
         decoded: bolt11.decoded,
       },

From 21c2456a5f0fb9ec0cc3df7ab44fa6b756bf10e5 Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 16:39:34 -0700
Subject: [PATCH 5/7] tweak(send): dial bolt11 destination truncation to 10+6

---
 app/features/send/resolve-destination.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/features/send/resolve-destination.ts b/app/features/send/resolve-destination.ts
index ca88f69bd..2eef18fa6 100644
--- a/app/features/send/resolve-destination.ts
+++ b/app/features/send/resolve-destination.ts
@@ -79,7 +79,7 @@ export async function resolveSendDestination(
       data: {
         sendType: 'BOLT11_INVOICE',
         destination: encoded,
-        destinationDisplay: `${encoded.slice(0, 12)}...${encoded.slice(-8)}`,
+        destinationDisplay: `${encoded.slice(0, 10)}...${encoded.slice(-6)}`,
         amount: validated.amount,
         decoded: bolt11.decoded,
       },

From bc6a7dfa32f3106d97176159665fdbe2436dd401 Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 17:03:33 -0700
Subject: [PATCH 6/7] style(send): match destination chip outline to account
 selector

---
 app/features/send/send-input.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/features/send/send-input.tsx b/app/features/send/send-input.tsx
index 5130851c5..45bbb64b0 100644
--- a/app/features/send/send-input.tsx
+++ b/app/features/send/send-input.tsx
@@ -223,7 +223,7 @@ export function SendInput() {
         <div className="flex w-full flex-col items-center gap-4 sm:items-start sm:justify-between">
           <div className="grid w-full max-w-sm grid-cols-3 gap-4 sm:max-w-none">
             {destinationDisplay ? (
-              <div className="col-span-2 flex h-10 items-center justify-between gap-2 rounded-md border border-input px-3 text-sm">
+              <div className="col-span-2 flex h-10 items-center justify-between gap-2 rounded-lg border border-primary bg-background px-3 text-sm">
                 <span className="truncate">{destinationDisplay}</span>
                 <button
                   type="button"

From 7547199390905482edfa88dd719111bbc6f3d6ce Mon Sep 17 00:00:00 2001
From: gudnuf <gudnuf21@proton.me>
Date: Thu, 14 May 2026 17:15:58 -0700
Subject: [PATCH 7/7] fix(send): ensure destination chip text truncates inside
 flex parent

---
 app/features/send/send-input.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/features/send/send-input.tsx b/app/features/send/send-input.tsx
index 45bbb64b0..55056668a 100644
--- a/app/features/send/send-input.tsx
+++ b/app/features/send/send-input.tsx
@@ -224,7 +224,7 @@ export function SendInput() {
           <div className="grid w-full max-w-sm grid-cols-3 gap-4 sm:max-w-none">
             {destinationDisplay ? (
               <div className="col-span-2 flex h-10 items-center justify-between gap-2 rounded-lg border border-primary bg-background px-3 text-sm">
-                <span className="truncate">{destinationDisplay}</span>
+                <span className="min-w-0 truncate">{destinationDisplay}</span>
                 <button
                   type="button"
                   onClick={clearDestination}