Skip to content

[+] add popup dialogs for large fields, closes #1051#1096

Merged
pashagolub merged 2 commits intomasterfrom
improve-webui
Dec 28, 2025
Merged

[+] add popup dialogs for large fields, closes #1051#1096
pashagolub merged 2 commits intomasterfrom
improve-webui

Conversation

@0xgouda
Copy link
Copy Markdown
Collaborator

@0xgouda 0xgouda commented Dec 25, 2025

Update the metrics menu tab with:

  • TextPopUp component to display Description and InitSQL fields in a popup dialog instead of inline text, preventing overflow issues
image image image
  • ListPopUp component to display Gauges as a clickable list popup with item count chip
image image
  • Parsing Description field content as Markdown using react-markdown
  • Default sorting by metric name (ascending) to the metrics grid and metrics menus
  • Show disabled "None" indicator icon when fields are empty

Closes #1051

@0xgouda 0xgouda mentioned this pull request Dec 25, 2025
@0xgouda 0xgouda added enhancement New feature or request webui Admin UI related issues labels Dec 25, 2025
@0xgouda 0xgouda self-assigned this Dec 25, 2025
@0xgouda 0xgouda requested a review from pashagolub December 25, 2025 13:56
@coveralls
Copy link
Copy Markdown

coveralls commented Dec 25, 2025

Pull Request Test Coverage Report for Build 20557530794

Details

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 73.754%

Totals Coverage Status
Change from base Build 20557520093: 0.0%
Covered Lines: 3802
Relevant Lines: 5155

💛 - Coveralls

@0xgouda 0xgouda changed the title [+] add popup dialogs for large fields and improve metrics grid layout [+] add popup dialogs for large fields Dec 25, 2025
- Add `TextPopUp` component to display Description and InitSQL fields in
  a popup dialog instead of inline text, preventing overflow issues
- Add `ListPopUp` component to display Gauges as a clickable list popup
  with item count chip
- Parse Description field content as Markdown using `react-markdown`
- Use flex-based column widths to distribute fields evenly across the
  full screen width
- Add default sorting by metric name (ascending) to the metrics grid
- Sort metrics alphabetically in dropdown menus in Source and Preset
  forms
- Show disabled "None" indicator icon when fields are empty

Components added:
- `internal/webui/src/.../TextPopUp/TextPopUp.tsx`
- `internal/webui/src/.../ListPopUp/ListPopUp.tsx`

Dependencies added:
- `react-markdown`
Copy link
Copy Markdown
Collaborator

@pashagolub pashagolub left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

@pashagolub pashagolub changed the title [+] add popup dialogs for large fields [+] add popup dialogs for large fields, closes #1051 Dec 28, 2025
@pashagolub pashagolub merged commit 3f7b200 into master Dec 28, 2025
9 checks passed
@pashagolub pashagolub deleted the improve-webui branch December 28, 2025 19:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request webui Admin UI related issues

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Metrics menu

3 participants