feat: update

Author: minhdqdev

UI_IMPLEMENTATION_STATUS.md

@@ -0,0 +1,85 @@
+# UI Implementation Status for `todopro add`
+
+## Changes Made
+
+### 1. **Bottom Toolbar with Separator**
+- Added `bottom_toolbar` function that renders:
+  - Horizontal separator line (matching terminal width)
+  - Footer text: "Press **Enter** to submit or **Ctrl+C** to cancel."
+- The toolbar appears below the input line and completion suggestions
+
+### 2. **Syntax Highlighting (Already Implemented)**
+- ✅ Priority colors: !!1 (red), !!2 (orange), !!3 (blue), !!4 (light gray)
+- ✅ Recognized date keywords: background light red (`bg:#ffcccc`)
+- ✅ Recognized labels (@): background light red when in cache
+- ✅ Recognized projects (#): background light red when in cache
+
+### 3. **Autocomplete Suggestions (Already Implemented)**
+- ✅ Shows up to 10 suggestions for labels (@) and projects (#)
+- ✅ First item marked with ▋ symbol
+- ✅ First item is bolded
+- ✅ Filtered by prefix or shows all alphabetically
+
+### 4. **Placeholder Text**
+- ✅ "Enter your task description" shown when input is empty (light gray)
+
+## Testing Required
+
+**The implementation cannot be fully tested in the current bash/non-TTY environment.**
+
+To test the UI properly, please run in a real terminal:
+
+```bash
+cd /home/minhdqdev/Projects/todopro/todopro-cli
+source .venv/bin/activate
+todopro add
+```
+
+### Expected UI Layout:
+
+```
+ Inbox
+────────────────────────────────────────────────────────────────────
+❯  Enter your task description
+────────────────────────────────────────────────────────────────────
+ Press Enter to submit or Ctrl+C to cancel.
+```
+
+### When typing `@`:
+
+```
+ Inbox
+────────────────────────────────────────────────────────────────────
+❯  Buy groceries @
+────────────────────────────────────────────────────────────────────
+▋  @action
+   @book
+   @code
+   @design
+────────────────────────────────────────────────────────────────────
+ Press Enter to submit or Ctrl+C to cancel.
+```
+
+## Known Issues in Non-TTY Environment
+
+When testing via bash tool or piped input:
+- Blank lines appear where toolbar/completions should be
+- Warning: "Input is not a terminal (fd=0)"
+- Visual rendering doesn't work properly
+
+This is expected behavior - prompt_toolkit requires a real TTY for proper rendering.
+
+## Files Modified
+
+- `/home/minhdqdev/Projects/todopro/todopro-cli/src/todopro_cli/ui/interactive_prompt.py`
+  - Added bottom toolbar with separator and footer text
+  - Updated styles for recognized entities (background color)
+  - Improved cache loading error handling
+
+## Next Steps
+
+1. Test in a real terminal session
+2. Verify all colors match the spec
+3. Check that suggestions appear in the correct location
+4. Verify placeholder text visibility
+5. Test keyboard navigation through suggestions

docs/QUICK_ADD.md

@@ -15,17 +15,19 @@ The quick-add feature allows you to create tasks using natural language instead
 
 ## Commands
 
-### Top-Level Shortcut
+### Quick Add Command
 
 The fastest way to add a task:
 
 ```bash
+# Interactive mode (shows autocomplete UI)
+todopro add
+
+# Direct input
 todopro add "Task description"
 ```
 
-### Full Command
-
-For more control and options:
+### Alternative Command
 
 ```bash
 todopro tasks quick-add "Task description"

pyproject.toml

@@ -28,6 +28,7 @@ dependencies = [
     "packaging>=26.0",
     "cryptography>=42.0.0",
     "mnemonic>=0.20",
+    "prompt-toolkit>=3.0.0",
 ]
 
 [project.optional-dependencies]

src/todopro_cli/commands/tasks.py

@@ -454,7 +454,7 @@ def today(
 ) -> None:
     """Show tasks for today (overdue + today's tasks)."""
     check_auth(profile)
-    
+
     # Handle --json flag as alias for --output json
     if json:
         output = "json"
@@ -567,7 +567,7 @@ def next_task(
 ) -> None:
     """Show the next task to do right now."""
     check_auth(profile)
-    
+
     # Handle --json flag as alias for --output json
     if json:
         output = "json"
@@ -810,7 +810,7 @@ async def do_quick_add():
                         parsed["due_date"].replace("Z", "+00:00")
                     )
                     details.append(
-                        f"[blue]📅 {due.strftime('%b %d, %Y at %I:%M %p')}[/blue]"
+                        f"📅 {due.strftime('%b %d, %Y at %I:%M %p')}"
                     )
 
                 if parsed.get("project_name"):

src/todopro_cli/main.py

@@ -267,17 +267,18 @@ def quick_add(
     """
     # If no input text, enter interactive mode
     if input_text is None:
+        import asyncio
+
         from rich.console import Console
-        from rich.panel import Panel
 
-        console = Console()
-        console.print(Panel(
-            "[dim]Type the task here (!!1, !!2 for priority, @label for label, #project for project,...)[/dim]",
-            border_style="blue",
-            padding=(0, 1)
-        ))
+        from todopro_cli.ui.interactive_prompt import get_interactive_input
 
-        input_text = typer.prompt("❯", prompt_suffix=" ")
+        console = Console()
+        try:
+            input_text = asyncio.run(get_interactive_input(profile=profile))
+        except KeyboardInterrupt:
+            console.print("\n[yellow]Cancelled.[/yellow]")
+            raise typer.Exit(0) from None
 
         if not input_text or not input_text.strip():
             console.print("[yellow]No task entered. Cancelled.[/yellow]")