[Plan] Web UI for configuration management

[Copilot]

Problem Statement

Discord command-based configuration is cumbersome for managing multiple settings. Users need a web interface for bulk configuration with optional Traefik/SSL integration.

Implementation Plan

This PR contains the implementation plan for adding an optional web-based management interface. No code changes have been made yet - awaiting approval before implementation.

Proposed Architecture

• Backend: Extend existing Express server with REST API + WebSocket support
• Frontend: Vanilla JS/HTML/CSS dashboard (no build tooling)
• Authentication: Discord OAuth2 + JWT tokens via /webui command
• Integration: Separate docker-compose.traefik.yml for SSL/reverse proxy

Planned Components

• WebUIService: New service managing Express server on port 8080
• API Endpoints: CRUD operations for ConfigService (GET/PUT/DELETE /api/config)
• Discord Command: /webui for start/stop/token generation
• Configuration: webui.enabled, webui.port, webui.session_timeout
• Security: Rate limiting, CSRF protection, admin-only access, audit logging

Key Design Decisions

• Reuse existing ConfigService backend for consistency with Discord commands
• Token-based auth prevents exposing OAuth client secrets
• Separate port strategy (3000 healthcheck, 8080 web UI)
• Optional Traefik integration via overlay compose file

Questions Before Implementation

1. Full feature parity or core config only initially?
2. Include real-time stats/leaderboards or config-only?
3. Specific Traefik version requirements?

Status: Plan only - no code changes yet. Awaiting approval to proceed with 8-phase implementation.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[Feature]: Web UI for management</issue_title>
<issue_description>### Is there an existing feature request for this?

• I have searched the existing issues and feature requests

Problem Statement

Its frustrating to setup so many things via /comands.

Proposed Solution

Implement a web-ui that is optional and can be started with /config web (or something like that).
make sure the docker compose has a option to run with traefik and ssl and a guide to implement it with a exsisting traefik instance.

Alternatives Considered

No response

Feature Type

New Command

Priority

Would be helpful

Use Case

use /config web to do mass configuration.

Examples

No response

Similar Implementations

No response

Would you like to help implement this feature?

• I would like to work on this feature
• I can help test this feature
• I can help with documentation

Additional Context

No response

Feature Considerations

• This feature would not break existing functionality
• This feature could be disabled via configuration
• This feature aligns with KoolBot's purpose
• I have checked the documentation to ensure this doesn't already exist</issue_description>

<agent_instructions>Create a Plan for implementation, but dont make anything until user approves the plan.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes [Feature]: Web UI for management #236

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.