Enhance TUI visuals and UX

PR_BODY.md

@@ -0,0 +1,42 @@
+## Summary
+
+Redesigned the TUI with a Firefoo-inspired dark theme for better usability.
+
+## Changes
+
+### Redesigned CSS (`styles.tcss`)
+- Firefoo-inspired dark theme with cleaner, minimal design
+- Reduced panel heights (3 → 2 lines)
+- Added hover effects, focus states, and rounded corners
+- Better scrollbar styling with accent color
+
+### New Spinner Widget (`spinner.py`)
+- Animated loading spinner for async operations
+- Loading overlay component
+
+### Improved Help Screen (`help.py`)
+- Better visual hierarchy with reversed key indicators
+- Clear section grouping
+
+### Enhanced Document Table (`document_table.py`)
+- Loading state indicator
+- Better empty states with helpful messages and emojis
+- Icons for column headers
+- Filter support for documents
+
+### Improved JSON Viewer (`json_viewer.py`)
+- Document summary display
+- Type-aware value formatting
+- Better error handling and empty states
+
+## Testing
+
+Run the TUI to see the changes:
+```bash
+fayastore tui
+```
+
+## Notes
+- All changes are backward compatible
+- No breaking changes to the API
+- Dependencies unchanged

src/fayastore_cli/tui/screens/help.py

@@ -8,29 +8,30 @@
 
 
 HELP_TEXT = """\
-[bold cyan]Fayastore TUI - Keyboard Shortcuts[/bold cyan]
-
-[bold]Navigation[/bold]
-  [green]↑/↓[/green]     Navigate items
-  [green]Enter[/green]   Select/View item
-  [green]Tab[/green]     Switch panels
-  [green]Escape[/green]  Go back / Close
-
-[bold]Document Operations[/bold]
-  [green]n[/green]       New document
-  [green]e[/green]       Edit selected document
-  [green]d[/green]       Delete selected document
-  [green]c[/green]       Copy document JSON (in viewer)
-
-[bold]Collection Operations[/bold]
-  [green]r[/green]       Refresh current view
-  [green]/[/green]       Search / Query builder
-
-[bold]General[/bold]
-  [green]?[/green]       Show this help
-  [green]q[/green]       Quit application
-
-[dim]Press Escape or ? to close this help[/dim]
+[bold cyan]Fayastore TUI[/bold cyan]
+[dim]Keyboard shortcuts[/dim]
+
+[bold yellow]Navigation[/bold yellow]
+  [reverse]↑[/reverse] [reverse]↓[/reverse]     Navigate items
+  [reverse]Enter[/reverse]       Select/View item
+  [reverse]Tab[/reverse]         Switch panels
+  [reverse]Escape[/reverse]      Go back / Close
+
+[bold yellow]Document Operations[/bold yellow]
+  [reverse]n[/reverse]           New document
+  [reverse]e[/reverse]           Edit selected document
+  [reverse]d[/reverse]           Delete selected document
+  [reverse]c[/reverse]           Copy JSON (viewer)
+
+[bold yellow]Collection Operations[/bold yellow]
+  [reverse]r[/reverse]           Refresh view
+  [reverse]/[/reverse]           Search / Query
+
+[bold yellow]General[/bold yellow]
+  [reverse]?[/reverse]           Show help
+  [reverse]q[/reverse]           Quit
+
+[dim]Press Escape or ? to close[/dim]
 """