feat: align swap k-line and same-chain token selection (OK-57650, OK-57751)

[zhaono1]

OK-57650 OK-57751

---

Summary

• Enable the existing native chart-controls mode for the Swap K-line view.
• Add a Same chain network shortcut to the Swap token selector based on the opposite token's network.
• Keep the shortcut first in compact and full selectors, preserve disabled bridge-only states, recalculate N+, and align the new UI with the Figma dimensions.

Intent & Context

OK-57650 aligns the Swap K-line controls with the Market native control layer without changing chart data or trading behavior.

OK-57751 makes same-chain selection immediately visible in the combined Swap & Bridge token selector. When selecting the From token, the To token network is featured; when selecting the To token, the From token network is featured. This behavior is limited to the regular Swap selector.

Root Cause

• The Swap TradingViewV2 adapter did not opt in to enableNativeChartControls, so the hosted chart rendered its legacy control UI.
• The token selector rendered fixed slices of the network list and had no presentation model for a featured network. It could not pin the opposite token network without duplication, keep a disabled featured network visible, or calculate N+ from the rendered list.

Design Decisions

• Enable the existing chart-control opt-in only at the ordinary Swap K-line adapter and preserve its data source, storage namespace, callbacks, and disabled features.
• Derive sameChainNetwork as selector presentation data instead of mutating the underlying network order.
• Keep Limit and Stock selectors unchanged.
• Pass optional featured-network metadata through the generic chain selector without adding Swap dependencies to shared components.
• Keep disabled non-featured networks filtered while allowing the disabled featured network to remain visible.
• Use the exact Figma logical dimensions for the 36px compact controls, 1x24 divider, 48px featured row, and 9px full-list divider region.

Changes Detail

• SwapKLineContent.tsx: enable native chart controls on the existing TradingViewV2 instance and hide the duplicate selector.
• Extend the network filter item with optional badge, responsive image-size, and text props.
• Add and test a Swap-only network view model that extracts the opposite token network and removes its duplicate.
• Update the compact network row and full chain selector with featured-network ordering, badge, divider, disabled state, and responsive N+ behavior.
• Update generated translations in a dedicated commit.

Issues

• Fixes OK-57650
• Fixes OK-57751

Risk Assessment

• Risk Level: Medium
• Affected Platforms: Mobile / Desktop / Web / Extension
• Risk Areas: Hosted chart bridge compatibility, Swap From/To direction mapping, bridge-only disabled networks, and responsive compact-row counts.

Test plan

• yarn agent:check --profile commit
• yarn jest packages/kit/src/views/Swap/pages/modal/SwapTokenSelectModal.utils.test.ts --runInBand (13 tests)
• Verify the mobile compact row, complete 28+ label, featured full-list row, and divider in the iOS simulator.
• Verify the Swap K-line interval selector and chart updates on mobile, desktop, web, and extension.
• Verify the 640px desktop compact row and N+ navigation at runtime.
• Verify Swap From/To direction changes and bridge-only disabled states on mobile and desktop.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: efd6f1d4fa

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[originalix]

当德语或法语用户打开普通 Swap 选币器并出现同链推荐时，这个 Badge 会分别显示英文 Same chain 和中英混合的 Même chain，因为对应 locale 尚未完成本地化。

这会让新功能的核心标签直接出现语言回退。请在 Lokalise 中补全 trade::token_same_chain 的 de 和 fr_FR 翻译，再通过 i18n pull 流程重新生成 locale 文件。