[Feature]: Mobile-friendly QwenPaw client / mobile access to console features 为 QwenPaw 增加移动端可用入口

[wadereye]

Summary

Problem Description:
Currently, the QwenPaw WebUI console has severe display and interaction issues when accessed on mobile browsers. While the project already supports mobile interaction through various chat channels such as DingTalk, Feishu, and QQ, these channels only provide basic conversation functionality. Many core management features are only available on the desktop WebUI.
Key Features Missing on Mobile:
Cannot create new sessions
Cannot delete or rename existing sessions
Cannot perform session compression and context management
Cannot view and manage agent configurations
Cannot access skill management and task scheduling interfaces
Buttons and input fields are too small to click easily
Page layout is broken with content overflowing the screen
Proposed Solution:
Add full mobile responsive design to the WebUI console to ensure all core features can be used normally on mobile phones and tablet devices. A progressive enhancement approach can be adopted, prioritizing high-frequency functions such as session management before gradually improving other features.
Specific Implementation Goals:
Optimize page layout to adapt to different sizes of mobile device screens
Adjust the size of interactive elements to ensure touch operation usability
Implement a mobile-friendly navigation menu (e.g., hamburger menu)
Retain all core features of the desktop WebUI
Ensure compatibility with major mobile browsers (Chrome, Safari, Edge, etc.)
Additional Notes:
I am willing to contribute code to implement this feature. If the maintainers have any suggestions regarding the implementation direction or technical details, I would be happy to listen and develop according to the project's code standards.

WebUI 控制台移动端响应式适配
问题描述：
目前 QwenPaw 的 WebUI 控制台在移动端浏览器上访问时存在严重的显示和交互问题。虽然项目已经支持通过钉钉、飞书、QQ 等多种聊天频道进行移动端交互，但这些频道仅提供基础的对话功能，许多核心管理功能只能在桌面端 WebUI 上使用。
当前移动端缺失的关键功能：
无法创建新的会话
无法删除或重命名现有会话
无法进行会话压缩和上下文管理
无法查看和管理代理配置
无法访问技能管理和任务调度界面
按钮和输入框尺寸过小，难以点击
页面布局错乱，内容溢出屏幕
建议解决方案：
为 WebUI 控制台添加完整的移动端响应式设计，确保在手机和平板设备上能够正常使用所有核心功能。可以采用渐进式增强的方式，优先实现会话管理等高频使用功能，再逐步完善其他功能。
具体实现目标：
优化页面布局，适配不同尺寸的移动设备屏幕
调整交互元素大小，确保触摸操作的可用性
实现移动端友好的导航菜单（如汉堡菜单）
保留所有桌面端 WebUI 的核心功能
确保在主流移动端浏览器（Chrome、Safari、Edge 等）上的兼容性
额外说明：
我愿意为这个功能的实现贡献代码。如果维护者有任何关于实现方向或技术细节的建议，我很乐意听取并按照项目的代码规范进行开发。

Component(s) Affected

• Core / Backend (app, agents, config, providers, utils, local_models)
• Console (frontend web UI)
• Channels (DingTalk, Feishu, QQ, Discord, iMessage, etc.)
• Skills
• CLI
• Documentation (website)
• Tests
• CI/CD
• Scripts / Deploy

Problem / Motivation

Proposed Solution

[Describe the feature or change you have in mind. Be as specific as possible.]

Alternatives Considered

[Any other approaches or workarounds you thought about.]

Additional Context

[Screenshots, examples, links to docs or similar features elsewhere.]

Willing to Contribute

• I am willing to open a PR for this feature (after discussion).

[github-actions]

Welcome to QwenPaw! 🐾

Hi @wadereye, thank you for your first issue!

We'll review your issue soon. Thank you for supporting QwenPaw!

[wadereye]

Update:

After exploring the implementation, I found that making the existing WebUI fully responsive may be a larger effort. I started with a mobile-first Flutter client as an MVP path.

The current branch focuses on:

• adding a mobile client foundation
• supporting server URL configuration
• supporting authentication when QWENPAW_AUTH_ENABLED=true
• allowing mobile access to high-frequency workflows such as chats and models

This does not fully replace the original WebUI responsive design request. It is a first step toward mobile-friendly access, and further PRs can continue improving WebUI responsiveness or expanding mobile features.

[zhijianma]

@wadereye

Mobile support contributed by @yaozy2020, PRs: #5391 #5385 #5384 #5383 #5382 #5381 #5369 #5364 #5362 #5357 #5355