Skip to content

[Issue]: Mobile close and help controls are below comfortable touch target size #1228

@cha1latte

Description

@cha1latte

Summary

Several mobile dismiss and help controls are smaller than comfortable touch targets, making repeated mobile use error-prone.

Severity: minor

Expected behavior

Mobile close, dismiss, and help controls should be sized and spaced for touch use, especially on overlays and setup blockers.

Actual behavior

Multiple mobile controls are very small. During audit, the New Chat connection gate close control measured about 23x23, the right panel close control about 27.6x27.6, and settings help icons about 12.75x12.75.

Steps to reproduce

  1. Run upstream/refactor in the web shell.
  2. Set the viewport to 320x568.
  3. Open the new chat connection gate by choosing Conversation with no connections configured.
  4. Inspect the close affordance.
  5. Open Settings and inspect the right panel close button and inline help buttons.

Impact area

  • App shell, navigation, startup, or providers
  • Catalog resources
  • Chat mode
  • Roleplay mode
  • Game mode
  • Shared mode UI
  • Runtime systems: generation, world-state, visuals, tracker, or haptics
  • Professor Mari or shell tools
  • React-free engine behavior, contracts, agents, or capability ports
  • Shared API wrapper or remote runtime routing
  • Tauri/Rust storage, assets, LLM, integrations, security, imports, or HTTP runtime
  • Docs, contributor workflow, or templates

Environment

  • Branch or commit: upstream/refactor @ 507e64ac
  • Run mode: web shell only via Vite
  • OS + version: Windows, version not specified
  • Node + pnpm versions: Node v24.13.0, pnpm 10.33.2
  • Rust version, if relevant: not relevant
  • Remote Runtime URL configured? not relevant
  • Provider, model, or integration, if relevant: not relevant

Logs, screenshots, or video

New Chat connection gate at 320x568:

Small close target in New Chat connection gate

Settings panel at 320x568:

Small close and help targets in Settings panel

Regression notes

Not specified.

Additional context

Audit covered 390x844, 430x932, 375x667, 320x568, plus desktop-to-mobile resize without refresh. This does not fully block mobile daily driving, but it makes repeated setup and settings work harder on touch screens.

Template check

Please uncheck the box below before submitting so we know you read the template. It is intentionally pre-checked:

  • I DID NOT read this template and provide the requested details.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingclient

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions