This issue should be fixed, as part of the fixes for T284422. Moving the task to "Needs QA".

@Pginer-WMF can you please provide your thoughts regarding our available options for this issue?

@Pginer-WMF I have submitted a patch where I'm proposing a different design than in Huei's comment above. More specifically, I'm proposing the following banner for failed translations:

Just a quick note: The "New translation" button is intended to be visible on desktop only:

const shouldDisplayNewTranslationButton = computed(() => {
  return (
    !preFilledSectionTitle.value && targetPageExists.value && isDesktopSite
  );
});

@Pginer-WMF regarding the part B) of the task and specifically for the overlay, instead of the proposed backdrop color (Base20 #54595D, 85% opacity or rgba(84, 89, 93, 0.85)), can we use codex @background-color-backdrop-dark (rgba( 0, 0, 0, 0.65 )) design token for better consistency?

@GMikesell-WMF the source and target selector is out of scope for this task. This task is only about the header (the part above the "eye" icon).

The fixes have now been deployed in test wiki, and the banner along with the links in the "Need help translating?" panel are properly displayed in both the old and the unified dashboard:

• The banners are displayed every time after refresh
• The cx-dashboard URL parameter is properly set
• The banners are not displayed on mobile

The access_method property is now set properly according to the device for all instrumentation events, as demonstrated by the screencast below. Moving this task to "Design signoff".

The empty state has now been fixed and deployed in production as demonstrated in the screencast below:

• The page suggestions list is successfully hidden when no suggestions exist
• The empty state message is properly diplayed when both page and section suggestions lists are empty

The "Compare contents" step is now properly displayed on desktop, as demonstrated in the screencast below. I'm moving this task to "Design signoff" column.

I tested this issue on test wiki with the exact same article as in the task description, and the cross-device warning is no longer shown on desktop. Moving this task to Design Signoff column.