Web UI for Configuration Management with PatternFly

[itdove]

Background

DevAIFlow's current TUI (Terminal UI) has significant usability issues:

• Button overlapping
• Unclear field layouts
• Complex navigation (3,680 lines of Textual code)
• Hard to debug and maintain

This epic covers building a modern web-based configuration UI using PatternFly React while keeping the TUI as a fallback option for SSH/headless environments.

User Stories

• As a DevAIFlow user, I want a modern web UI for configuration so that I can easily manage settings without fighting terminal layout issues
• As a developer, I want a maintainable configuration UI so that adding new fields doesn't require complex Textual widget code
• As an SSH user, I want to keep the TUI option so that I can configure DevAIFlow on remote servers
• As a Red Hat employee, I want a PatternFly-based UI so that it matches other Red Hat tools and feels familiar

Supporting Documentation

• Investigation findings: Documented in session notes
• PatternFly documentation: https://www.patternfly.org/
• Current TUI implementation: devflow/ui/config_tui.py (3,680 lines)

Definition of Done

• Web UI launched via daf config web command
• PatternFly React components for all configuration sections
• Auto-detection logic (web UI for local, TUI for SSH)
• Both UIs share ConfigLoader backend (no duplication)
• TUI remains functional as fallback option
• User documentation updated with UI options
• All configuration fields accessible in web UI
• Form validation with visual feedback
• Test connection features for JIRA/Git
• Responsive design (desktop/tablet friendly)

Acceptance Criteria

See individual stories for detailed acceptance criteria.

[itdove]

Sub-issue created: #306

[itdove]

Sub-issue created: #307

[itdove]

Sub-issue created: #308

[itdove]

Sub-issue created: #309

[itdove]

Sub-issue created: #310

[itdove]

Sub-issue created: #311

[itdove]

Sub-issue created: #312