移动端响应式 UI 与 Tailscale Serve 远程访问适配建议

[wang-xinchun]

使用场景

我在 Windows 上从源码运行 DeepSeek Harness，并通过 Tailscale Serve 将本机 Web UI 仅发布到自己的 tailnet，方便在手机上远程使用（未启用 Funnel、未暴露到公网）。

环境：

• Windows 11
• Node.js v24.16.0
• pnpm 11.19.0
• DeepSeek Harness master：47f943859bef60e4160492346772ded9b24f765a
• 本机入口：http://127.0.0.1:3080
• 远程入口：Tailscale Serve 提供的 https://<machine>.<tailnet>.ts.net/

遇到的问题

1. directory-picker-auto 在反向代理场景下会选择错误的后端

Harness 绑定在 127.0.0.1，Tailscale Serve 也反向代理到这个 loopback 地址。默认的 directory-picker-auto 因此选择 native picker，但实际操作端是远程手机。

手机点击“添加工作区”时，会调用 /api/host.pickDirectory，返回 HTTP 403；而且即使调用成功，原生目录选择窗口也只可能出现在主机电脑上，手机端无法操作。

2. 切换为 browse picker 后，还需要手动配置 trusted host

禁用自动选择器并挂载 browse 版本后，手机端能看到 Web 目录选择界面，但 /api/host.listDirectory 仍会因为 Tailscale MagicDNS hostname 不在 trustedHosts 中返回 HTTP 403。

需要同时完成以下配置才能正常使用：

- id: directory-picker
  disabled: true

- insert:
    - id: directory-picker-browse
      name: '@deepseek-ai/dsh-host-directory-picker-browse'
    - id: ui-directory-picker-browse
      name: '@deepseek-ai/dsh-client-ui-directory-picker-browse'

- id: web-runtime
  config:
    trustedHosts:
      - <machine>.<tailnet>.ts.net

然后：

tailscale serve --bg http://127.0.0.1:3080

完成这些手动 composition/config 调整后，电脑本机和手机远程访问都可以正常使用。

3. 移动端 UI 还没有做响应式适配

功能打通后，页面仍明显按桌面宽屏布局渲染：

• 左侧导航栏占用固定宽度，正文区域被压缩；
• 会话正文、输入框、模型选择器和发送按钮在窄屏中拥挤、遮挡或重叠；
• 软键盘弹出后，可用视口进一步缩小，底部输入区域和状态栏布局不稳定；
• 桌面端的触控目标和弹窗尺寸在手机上不够友好。

移动端截图

期望改进

1. 让目录选择器在 Tailscale Serve、SSH tunnel、反向代理到 loopback 等“服务端本地、客户端远程”的场景中支持 browse picker，或提供明确的官方 remote profile / 配置开关。
2. 在文档中补充 Tailscale Serve 的推荐配置，说明 trustedHosts / --trusted-host 和安全边界。
3. 为移动端增加响应式布局：窄屏抽屉式侧边栏、移动端会话/输入区断点、100dvh、软键盘与 safe-area 处理，以及不溢出/重叠的模型选择器、发送按钮、弹窗和触控目标。
4. 保持桌面端现有布局不变，让本机电脑和手机可以同时使用。

想请教：官方是否有计划支持移动端浏览器以及 Tailscale/SSH tunnel 这类远程访问场景？如果方向认可，也希望能提供官方的 remote-browser composition/profile。

安全说明：这里使用的是 tailnet-only 的 Tailscale Serve，不是公网 Funnel；截图中的实际域名已经打码。Tailscale 提供网络访问边界，但 Harness 本身目前并没有额外的远程用户认证。

[agentwork2026rm-hub]

我的手机想访问Tailscale ACL允许访问的MacOS
tailscale serve也是一样的。

我尝试直接把下面的配置加进去，但是还是出现了/api/host.listDirectory的错误

• id: directory-picker
  disabled: true

• insert:

  • id: directory-picker-browse
    name: '@deepseek-ai/dsh-host-directory-picker-browse'
  • id: ui-directory-picker-browse
    name: '@deepseek-ai/dsh-client-ui-directory-picker-browse'

• id: web-runtime
  config:
  trustedHosts:
  - <手机的magic DNS>

请问这个配置文件是不是就在 ~/.dsh/profiles/web/cordis.patch.yml下面加入的？还有没有别的配置需要做呢

[JUANWANG-BUAA]

我做了个远程控制的方案https://github.com/JUANWANG-BUAA/dsh-full-remote ，实测是可以解决局域网与内网穿透的控制问题，并且目前没发现大的问题