Skip to content

feat: implement terminal reconnection UI components (Phase 2) #18695

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.

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

Open
wants to merge 6 commits into
base: feature/terminal-reconnection
Choose a base branch
from

Conversation

BrunoQuaresma
Copy link
Collaborator

  • Create TerminalRetryConnection component with countdown display and retry button
  • Add comprehensive Storybook stories covering all retry states
  • Integrate component with TerminalAlerts for proper positioning
  • Use consistent TerminalAlert styling for seamless integration
  • Ensure proper resize handling through existing MutationObserver

Implements Phase 2 of terminal reconnection feature as outlined in: coder/internal#659

- Create TerminalRetryConnection component with countdown display and retry button
- Add comprehensive Storybook stories covering all retry states
- Integrate component with TerminalAlerts for proper positioning
- Use consistent TerminalAlert styling for seamless integration
- Ensure proper resize handling through existing MutationObserver

Implements Phase 2 of terminal reconnection feature as outlined in:
coder/internal#659

Co-authored-by: BrunoQuaresma <[email protected]>
blink-so bot and others added 5 commits July 1, 2025 16:36
- Change 'import type { FC }' to 'import { type FC }' to match existing patterns
- Verified with prettier that formatting is correct

Co-authored-by: BrunoQuaresma <[email protected]>
…ectedAlert

- Simplify TerminalRetryConnection to show only retry status and button
- Keep existing DisconnectedAlert but add TerminalRetryConnection in actions
- Use TailwindCSS classes instead of CSS-in-JS
- Place retry component on the right side of the alert
- Make retry messages smaller and more concise
- Fix console.log usage in Storybook stories

Co-authored-by: BrunoQuaresma <[email protected]>
- Remove RefreshSessionButton from DisconnectedAlert actions
- Keep only TerminalRetryConnection component in the actions area
- Simplify the actions layout by removing the wrapper div

Co-authored-by: BrunoQuaresma <[email protected]>
@BrunoQuaresma BrunoQuaresma requested review from code-asher and a team July 1, 2025 17:00
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.

1 participant