Kumbaya

模块做什么

• /index 就是主交易页，页面顶部重复出现口号式标题 “The most liquid DEX on MegaETH”，产品定位明确：以 MegaETH 生态的现货兑换为核心。
• 页面中间是标准的双边兑换票据（Sell/Buy），默认从 ETH 卖出，买入端为 Select token。

可见的交互与参数

• 关键控件均以按钮/开关的形式呈现：
  • AUTO：自动模式开关（常见用于滑点、路由或手续费策略；页面未标注具体含义）。
  • ETH、Select token：两侧资产选择器。
  • + Add recipient：可选收款地址（把输出资产发送到不同地址），属于高级交易参数。
  • Connect Wallet：钱包连接门槛，决定后续是否可提交交易。
• 页面上出现 “$2.04K” 与 “3.87” 两个即时数值，但缺少字段标签；从交易产品习惯看，多半与报价规模、滑点/影响或路径质量相关。
• 备注中显示“Form Fields: 0”，说明金额输入、代币选择、收款人等更可能是自定义组件而非原生表单控件。

战略意义

• 这是平台的“流动性消耗层”：所有用户最终都会回到这个界面完成成交。
• AUTO + 收款人 两个能力组合，通常对应更专业的交易体验（自动最优执行与可编程式结算），对做市/大额用户更关键。

模块做什么

• /index 提供统一入口 “Search for a token or pool”，把“找代币”和“找池子”合并为同一个检索面板，符合 DEX 的实际使用路径：先找标的，再回到 Swap 下单。
• 页面下方以“类行情看板”的方式给出分组列表，引导用户从热门/叙事分类进入交易。

可见分类与状态

• 分组按钮（或标签）包括：Bluechip、Trade、Popular、Heating Up、The World Computer、Meme。
• Popular 分组直接显示 “No tokens”，说明该分组存在空数据态（可能是尚未配置、数据源未上线或筛选条件过严）。这种明确的空态渲染对后续排查列表逻辑很重要。

可见标的与数值

• 列表出现典型资产：USDm、WETH、USDT0、wstETH，并伴随 “$2.51K” 数值（从形态看像价格/成交/流动性之一，但页面未给字段名）。
• BTC.b 显示 “$66.97K”，与价格展示一致。
• Meme 区域出现合约/别名混排的条目 “0x98c4...6fA5soldMEGAHITLER”，反映系统支持极长名称与地址缩写展示，也暗示需要更强的风险提示与元数据治理。

战略意义

• 该模块承担“把注意力导入交易”的职责：分类列表 + 搜索入口可以降低新用户找标的成本。
• 叙事类分类（Meme、The World Computer）通常能带来高频流量，但也会增加假币/同名币的识别压力，搜索与选择器需要更完善的验证信息（合约地址、链标识、风险标签）。

模块做什么

• /index 同时承担“平台壳层”的角色：顶部导航把多个产品线并列展示，形成一站式入口。
• 可见导航项：Launchpad、Swap、Pools、Terminal soon、Leaderboard，并出现实时连接相关标识 WSS Live 与 SSE。

实时性与状态信号

• 页面有一条数值 “SSE 12,508,977”，同时标注 WSS Live。结合行业常见做法，这通常意味着前端具备流式更新能力（WebSocket / Server-Sent Events），用于推送行情、成交、区块事件或撮合状态。
• 导航中还出现 “Trad” 这种疑似截断/拼写的标签（可能是 Trade），属于 UI 文案或路由命名需要校对的点。

账户/交易相关的壳层能力

• Connect Wallet 作为全局动作，说明钱包连接状态是应用级状态。
• + Add recipient 这种高级参数入口放在首页，意味着产品希望在壳层上就覆盖更复杂的交易需求（例如代付、分发、做市机器人出金地址等）。

战略意义

• 导航露出的 Pools / Launchpad / Leaderboard / Terminal 组合，指向完整 DEX 生态闭环：做流动性、做发行、做激励、做专业化终端。
• “Terminal soon” 直接传达路线图：未来可能补齐深度图、订单流、更多行情工具，配合 WSS Live / SSE 的实时架构，为高频与大额用户提供更低延迟的操作体验。