fix(stake): deposit-first yield source tiles, drop the real-gas line (#277)

* fix(stake): deposit-first yield source tiles, drop the real-gas line

Community feedback (willywonka): users deposit regular USDC/stETH —
Morpho/Morpheus is only the yield source. Tile title becomes the
deposit ("Deposit USDC"), the protocol moves to the source line
("yield via Morpheus · in MOR"). Also removes the "Ethereum mainnet —
real gas" sentence from the amber note, keeping the 7-day lock fact.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* feat(stake): swap handoff link under the amount input

"Need {unit}? Get it on Swap" follows the selected pool's asset and
opens /swap in a new tab, so the dialog and the typed amount survive
the detour.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Author: sktbrd

messages/en/stake.json

@@ -112,13 +112,12 @@
   },
   "opp": {
     "choose": "What does {name} offer?",
-    "stableTag": "Stable",
-    "morTag": "MOR · variable",
-    "vaultUsdc": "Morpho USDC",
-    "morSteth": "Morpheus stETH",
-    "morUsdc": "Morpheus USDC",
+    "depositTitle": "Deposit {unit}",
+    "needAsset": "Need {unit}? Get it on Swap ↗",
+    "viaMorpho": "yield via Morpho · stable",
+    "viaMorpheus": "yield via Morpheus · in MOR",
     "estNote": "≈{rate}% APR estimate — swings with the MOR price and pool size.",
-    "mainnetWarn": "Ethereum mainnet — real gas. Principal unlocks after a 7-day lock.",
+    "mainnetWarn": "Principal unlocks after a 7-day lock.",
     "estYearLabel": "Estimated value / year",
     "estYearNote": "Paid in MOR on Arbitrum — a live estimate, not a guarantee.",
     "approving": "approving…",

messages/pt-br/stake.json

@@ -112,13 +112,12 @@
   },
   "opp": {
     "choose": "O que {name} oferece?",
-    "stableTag": "Estável",
-    "morTag": "MOR · variável",
-    "vaultUsdc": "Morpho USDC",
-    "morSteth": "Morpheus stETH",
-    "morUsdc": "Morpheus USDC",
+    "depositTitle": "Depositar {unit}",
+    "needAsset": "Precisa de {unit}? Consiga no Swap ↗",
+    "viaMorpho": "rendimento via Morpho · estável",
+    "viaMorpheus": "rendimento via Morpheus · em MOR",
     "estNote": "≈{rate}% APR estimado — varia com o preço do MOR e o tamanho do pool.",
-    "mainnetWarn": "Ethereum mainnet — gas real. O principal destrava após um lock de 7 dias.",
+    "mainnetWarn": "O principal destrava após um lock de 7 dias.",
     "estYearLabel": "Valor estimado / ano",
     "estYearNote": "Pago em MOR na Arbitrum — estimativa ao vivo, não é garantia.",
     "approving": "aprovando…",

src/components/stake/StakeDialog.tsx

@@ -11,6 +11,7 @@ import { useEthPrice } from "@/hooks/use-eth-price";
 import { useMorpheusStake } from "@/hooks/use-morpheus-stake";
 import { useStakeDeposit } from "@/hooks/use-stake-deposit";
 import { useVaultEarned, useVaultPosition } from "@/hooks/use-vault-total";
+import { Link } from "@/i18n/navigation";
 import { getRider } from "@/lib/gnars-vaults";
 import { claimLockEndFor, LOCK_OPTIONS, multiplierForYears } from "@/lib/lock-multiplier";
 import { riderCustomLine } from "@/lib/rider-lines";
@@ -34,7 +35,6 @@ interface Opp {
   kind: "vault" | "mor";
   asset: "usdc" | "steth";
   unit: string;
-  labelKey: string;
   venue: string;
   logo: string;
   presets: number[];
@@ -46,7 +46,6 @@ const OPPS: Opp[] = [
     kind: "vault",
     asset: "usdc",
     unit: "USDC",
-    labelKey: "opp.vaultUsdc",
     venue: "Morpho",
     logo: MORPHO_LOGO,
     presets: [100, 500, 1000, 5000],
@@ -57,7 +56,6 @@ const OPPS: Opp[] = [
     kind: "mor",
     asset: "steth",
     unit: "stETH",
-    labelKey: "opp.morSteth",
     venue: "Morpheus",
     logo: MORPHEUS_LOGO,
     presets: [0.011, 0.1, 0.5, 1],
@@ -68,7 +66,6 @@ const OPPS: Opp[] = [
     kind: "mor",
     asset: "usdc",
     unit: "USDC",
-    labelKey: "opp.morUsdc",
     venue: "Morpheus",
     logo: MORPHEUS_LOGO,
     presets: [100, 500, 1000, 5000],
@@ -432,12 +429,17 @@ export function StakeDialog({
                         {/* eslint-disable-next-line @next/next/no-img-element */}
                         <img src={o.logo} alt="" className="h-6 w-6 flex-none rounded-full" />
                         <div className="min-w-0 flex-1">
-                          <div className="text-sm font-bold">{t(o.labelKey)}</div>
+                          {/* Deposit asset first, protocol second: users deposit
+                              regular USDC/stETH — Morpho/Morpheus is only the
+                              yield source (community feedback). */}
+                          <div className="text-sm font-bold">
+                            {t("opp.depositTitle", { unit: o.unit })}
+                          </div>
                           <div
                             className="mt-0.5 text-[11.5px] font-semibold"
                             style={{ color: muted }}
                           >
-                            {o.kind === "vault" ? t("opp.stableTag") : t("opp.morTag")} · {o.unit}
+                            {o.kind === "vault" ? t("opp.viaMorpho") : t("opp.viaMorpheus")}
                           </div>
                         </div>
                         <div className="flex-none text-[17px] font-black" style={{ color: GREEN }}>
@@ -493,6 +495,18 @@ export function StakeDialog({
                     );
                   })}
                 </div>
+                {/* No {unit} yet? Hand off to /swap in a new tab so the dialog
+                    (and the typed amount) survive the detour. */}
+                <div className="mt-2 text-[12px] font-semibold">
+                  <Link
+                    href="/swap"
+                    target="_blank"
+                    className="underline underline-offset-4 transition-colors hover:text-white"
+                    style={{ color: muted }}
+                  >
+                    {t("opp.needAsset", { unit: opp.unit })}
+                  </Link>
+                </div>
                 {rate > 0 && (
                   <div className="mt-3 text-[12.5px] font-semibold" style={{ color: muted }}>
                     {t("aprNote", { rate: rate.toFixed(2), rateType: rateKind, source: opp.venue })}