Rebels-in-the-sky TUI layout#3
Draft
asp2131 wants to merge 1 commit into
Draft
Conversation
…onfx effects Major UI/UX overhaul: - Add tachyonfx v0.25.0 dependency for terminal shader effects - Create custom effects module (effects.rs) with fade, sweep, coalesce, dissolve, and pulse glow effects using ratatui 0.29 buffer API - New EffectState manager for composable, timed visual transitions Splash Screen: - Animated starfield background with twinkling stars (STARFIELD) - K8s wheel spinner animation alongside subtitle - Decorative separator between subtitle and menu - Menu items prefixed with ▸ indicator - Visual progress bar with block characters (█/░) when progress exists - Fade-from-black and sweep-right effects on first render - Italic quote styling Learning Screen: - 4-zone vertical layout: header(4), body(flex), actions(3), command(4) - Header with animated heartbeat pulse (◉/●), K8s wheel icon (☸), readiness bar with ▐/▌ enclosures, bold percentage - Step panel with ◆ Objective indicator, ⏱ timebox display, ▾ Runbook section header, bordered with BORDER_ACTIVE style - Terminal feed with bordered panel, ◈ hint indicator - 5-button action row: Verify, Hint, Suggest, Next, Prev with Unicode icons (⚡ ◈ ▸ → ←) and keyboard hotkeys - Blinking cursor (█) in command bar - Header sweep and screen fade-in effects on first render Cluster View: - Full ASCII art K8s cluster diagram with box-drawing characters - Control plane section: API, ETCD, SCHED with heartbeat indicators - Split connector from control plane to node - Node box with pod status icons: ☸ running, ◌◔◑◕ pending spinner, ✖ crashloop blinking, color-coded per status - Service endpoint and Ingress rows at bottom - Tiered degradation: full/compact/micro based on terminal height Popup System: - Dark background fill (BG_DARK) behind popup overlays - PANEL_BG styling on popup blocks - Step complete: ✓ prefix, ▸ next command indicators - Help: ☸ branding, │ column separators between cmd and description - Verify fail: ✖ prefix, ▸ message indicator - Tutorial: ● ○ progress dots instead of [1/3] notation Style System: - New constants: BG_DARK, BG_PANEL, BG_ACCENT colors - BORDER_ACTIVE, PANEL_BG, ACCENT_BG styles - GLOW_CYAN, GLOW_GREEN, GLOW_AMBER glow styles - STAR_DIM, STAR_BRIGHT for starfield animation Architecture: - UiFrame now supports pending effects via push_effect/drain_pending - into_registry returns (CallbackRegistry, Vec<PendingEffect>) tuple - UiScreen owns EffectState, processes effects after widget render - Full dark background (Rgb(14,18,28)) applied to entire terminal area - Applied clippy auto-fixes across codebase Co-authored-by: Akintunde Pounds <asp2131@users.noreply.github.com>
|
Cursor Agent can help with this pull request. Just |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Revamps the entire TUI structure and layout with a "rebels-in-the-sky" theme and introduces dynamic visual effects for an enhanced user experience.
The initial attempt to integrate
tachyonfxdirectly for visual effects encountered compatibility issues withratatui 0.29. To fulfill the requirement for dynamic effects, a custom, lightweight effects engine was implemented directly usingratatui's buffer API, allowing for complex animations and transitions across all UI screens.