Skip to content

Web search settings: Tavily key label shows a hand cursor and the apply URL is split from its label #3820

Description

@liuxiaocs7

What happened

In Settings → Web search, with Tavily selected as the search source, the Tavily key field has two small UI papercuts:

  1. Misleading cursor. Hovering the "Tavily 密钥" / "Tavily key" label shows a hand (pointer) cursor as if it were clickable, but clicking it does nothing. Every other field label in the app shows the default arrow — the product convention (native-cursor.css) is "the hand cursor is for links only."

  2. Apply URL split from its label. The helper reads "申请地址:" / "Apply at:" above the input (as the field description), while the tavily.com link renders on its own line below the input. The key input sits between the label and its URL, so they read as disjoint.

Likely root cause of (1): Astryx FieldLabel renders an InputGroup group label as a bare <span class="astryx-field-label"> (isGroupLabel) that carries StyleX cursor: pointer but forwards no click. native-cursor.css only neutralizes real <label> elements, so the span keeps the hand cursor. This affects every InputGroup group label app-wide (the shared PasswordInput also backs bot tokens, provider API keys, and the proxy password), not just this page.

How to reproduce

  1. Open Settings → Web search (联网搜索)
  2. Set Search source to Tavily
  3. Hover the "Tavily key" label → hand/pointer cursor appears (issue 1)
  4. Observe "申请地址:" / "Apply at:" above the input and tavily.com below it (issue 2)

Environment

  • Maka commit: d2754b1
  • OS and version: macOS (Darwin 24.6.0)
  • Surface: Desktop

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions