Skip to content

Replace Express with Next.js as the single WebUI server implementation #119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 10 commits into
base: main
Choose a base branch
from
Draft

Replace Express with Next.js as the single WebUI server implementation #119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
68c5bb4
Initial plan
Copilot Aug 28, 2025
9445436
Initial planning for React WebUI conversion
Copilot Aug 28, 2025
4a602e3
Implement React-based WebUI with improved design and configuration ma…
Copilot Aug 28, 2025
5670512
Complete React WebUI implementation with enhanced styling and configu…
Copilot Aug 28, 2025
6f7ff05
Implement Next.js architecture with React as default
Copilot Aug 29, 2025
5e4ae0f
Complete Next.js migration with React as default
Copilot Aug 29, 2025
5e4647d
Clean up build artifacts and update gitignore
Copilot Aug 29, 2025
3d3230b
Remove Express legacy server and make Next.js the only server impleme…
Copilot Aug 29, 2025
7d03018
Fix Next.js API routes export issues and dependency problems
Copilot Aug 30, 2025
f2d002c
Fix query results display format in Next.js WebUI
Copilot Aug 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,16 @@ docs/design/
*.d.ts.map
!jest.config.js
!eslint.config.js
!webpack.config.js

# Allow client-side JavaScript files for WebUI
!src/webui/public/js/**/*.js

# User-created templates (these should not be committed to the repo)
templates/user/*.json
output

# Next.js build artifacts
src/webui/nextjs/.next/
src/webui/nextjs/node_modules/
src/webui/nextjs/tsconfig.tsbuildinfo
8 changes: 5 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,12 @@ AppInsights Detective is an intelligent CLI tool that transforms natural languag
- 🔐 **Secure Authentication** - Azure Managed Identity with multi-tenant support
- 📊 **Rich Visualization** - Console charts, tables, and multiple output formats
- 🕵️ **Interactive Mode** - Step-by-step query building with guided assistance
- 🌐 **Web Interface** - Modern web UI for visual query building (🧪 experimental)
- 📋 **Template System** - Create and reuse query templates
- 🌐 **Modern Web Interface** - React-based UI with enhanced design and configuration management ⚡
- 📋 **Template System** - Create and reuse query templates with improved management
- 🌐 **Azure Portal Integration** - One-click query execution in the portal
- 🗃️ **Multiple Data Sources** - Support for Application Insights, Log Analytics, and Azure Data Explorer
- 🎨 **Theme Support** - Light/dark themes with system preference detection
- 💾 **Enhanced Settings** - Comprehensive configuration management with real-time status

## 🚀 Quick Start

Expand Down Expand Up @@ -72,7 +74,7 @@ aidx --interactive
| `aidx status` | Check configuration and connection status | `aidx status --verbose` |
| `aidx "question"` | Ask a natural language question | `aidx "top 10 slowest requests"` |
| `aidx --interactive` | Start guided interactive session | `aidx -i` |
| `aidx webui` | 🧪 Start web-based interface (experimental) | `aidx webui --port 3000` |
| `aidx webui` | 🌐 Start modern React-based web interface | `aidx webui --port 3000` |
| `aidx --raw "kql"` | Execute raw KQL query | `aidx --raw "requests \| take 5"` |
| `aidx template list` | Manage query templates | `aidx template use performance-overview` |

Expand Down
Loading