[Cloudflare] Config Generator & Setup Wizard UI

[Wikid82]

Parent Issue

Sub-issue of #47 (Cloudflare Tunnel Integration)

Description

Build UI wizard to set up Cloudflare Tunnels and generate cloudflared configuration for remote hosts.

Tasks

• Design Cloudflare Tunnel wizard (Settings → Networking → Connect Cloudflare)
• Implement API token input and validation
• Create tunnel creation UI (name, target service)
• Generate cloudflared config.yml automatically
• Provide Docker Compose snippet for cloudflared
• Display active tunnels in Remote Servers list
• Add Cloudflare badge/icon for tunnel servers
• Show tunnel status (connected/disconnected/error)
• Implement "Delete Tunnel" button
• Add step-by-step setup instructions
• Create copy-paste instructions for remote host setup
• Add troubleshooting tips in UI

Acceptance Criteria

• Wizard guides user through Cloudflare Tunnel setup
• Generated config works with cloudflared
• Tunnels appear in server list with status
• User can copy Docker Compose snippet
• Clear instructions for remote host setup
• Mobile responsive

Example Config Output

tunnel: <tunnel-id>
credentials-file: /etc/cloudflared/credentials.json
ingress:
  - hostname: example.com
    service: http://localhost:8080
  - service: http_status:404

Priority

Medium

Milestone

Beta