Skip to content

feat: Add tab status indicators and refine alert and launch-spinner styling#25

Merged
FXschwartz merged 9 commits into
mainfrom
5412-start-tui-refinements
Jul 1, 2026
Merged

feat: Add tab status indicators and refine alert and launch-spinner styling#25
FXschwartz merged 9 commits into
mainfrom
5412-start-tui-refinements

Conversation

@FXschwartz

@FXschwartz FXschwartz commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Package-side changes for the serverpod start TUI refinements in serverpod/serverpod#5412.

Tab status indicators - TabBar gains an optional states list (new TabActivity enum: running / loading / stopped / none) that draws a leading indicator before each tab label: green (running), a gray spinner (loading), red (stopped).
Alert banner hints - AlertLine action hints now match the bottom command bar: C Copy Esc Dismiss (no brackets, capitalized labels, key in the activation color, label in normal text).
Launch spinner alignment - the active operation line (Launching <app>...) is now flush-left with a single space after the spinner, so it lines up with the log text on both the server and Flutter app tabs

Changes Made After Standup's Review

  • Fixed duplicate status icons displaying when switching tabs or restarting a flutter app.
  • Fixed duplicated beginning letter of flutter app when switching tabs or when flutter app status changes
  • Changes the action button help text for the alert line to be right aligned
  • Changed red stopped square status to be empty circle to match the flutter app launcher
Change Before After
Tab indicators flutter-app-status-before flutter-app-status-after
Alert hints alert-before-changes alert-after-changes
Launch spinner loading-flutter-app-before loading-flutter-app-after

@FXschwartz FXschwartz self-assigned this Jun 30, 2026
Copilot AI review requested due to automatic review settings June 30, 2026 17:37

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

This PR refines the serverpod_tui package-side TUI components used by serverpod start, adding per-tab activity indicators, updating alert banner action hint styling, and adjusting launch-spinner alignment for better visual consistency.

Changes:

  • Added per-tab status indicators to TabBar via a new TabActivity enum and states parameter, with accompanying tests.
  • Restyled AlertLine key/label hints to match the command bar (unbracketed keys, capitalized labels, semantic coloring) and updated tests accordingly.
  • Adjusted TrackedOperationWidget spinner/text spacing to align the “Launching …” line flush-left with log text; bumped version and updated changelog.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
test/src/components/tab_bar_test.dart Adds coverage for new TabBar.states indicator rendering (running/stopped/loading/none).
test/alert_line_test.dart Updates/extends assertions to match new alert hint casing and bracket removal.
pubspec.yaml Bumps package version to 0.7.0.
lib/src/components/tab_bar.dart Introduces TabActivity, TabBar.states, and indicator rendering in _Tab.
lib/src/components/log_operation.dart Tweaks spinner + label spacing for launch/operation line alignment.
lib/src/alert_line.dart Restyles action hints (key/label styling and spacing) in alert banner line rendering.
CHANGELOG.md Documents the new feature and styling fixes for 0.7.0.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread lib/src/components/tab_bar.dart Outdated
Comment thread lib/src/components/tab_bar.dart Outdated
Comment thread lib/src/components/tab_bar.dart Outdated
@FXschwartz FXschwartz requested a review from Crazelu June 30, 2026 18:13
@FXschwartz FXschwartz marked this pull request as draft July 1, 2026 17:10
@FXschwartz FXschwartz marked this pull request as ready for review July 1, 2026 18:21

@marcelomendoncasoares marcelomendoncasoares left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Only one suggestion on the test, but otherwise LGTM! Feel free to merge after addressing the comment.

Comment thread test/src/components/tab_bar_test.dart Outdated
@FXschwartz FXschwartz merged commit a2cda00 into main Jul 1, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants