feat: Todo plugin UI improvements

[fatherlinux]

Summary

• Center list filter tabs on wrap to match main nav behavior
• Move "Manage Lists" from todo header into a "To-do" settings card that shows/hides with plugin toggle
• Replace quick-add form with Add button that opens the full edit modal in create mode
• Add sort dropdown (Manual, Priority, Due Date, Newest)
• Drag-to-reorder todo items in Manual sort mode with persistent sort_order
• Added sort_order field to todo storage schema

Test plan

• Verify list filter tabs center on mobile-width wrapping
• Verify Manage Lists is in Settings > To-do card, not todo header
• Toggle Todos plugin off/on — To-do settings card should hide/show
• Add button opens modal with "Add To-do" title and empty fields
• Sort dropdown changes ordering (priority, due date, newest)
• Drag handles visible only in Manual sort; drag-to-reorder persists

🤖 Generated with Claude Code

[gemini-code-assist]

Code Review

This pull request introduces manual drag-and-drop reordering and customizable sorting options for the to-do list, alongside a unified modal for creating and editing tasks. The reviewer feedback suggests optimizing database performance by updating sort orders concurrently with Promise.all, ensuring stable sorting with a fallback key, providing user validation feedback for empty titles, and resetting the dragged item state on drag completion.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[gemini-code-assist]

Awaiting Storage.updateTodo sequentially inside a for loop creates a separate IndexedDB transaction for each item and waits for it to complete before starting the next one. This is a major performance bottleneck, especially for larger lists. Using Promise.all allows the browser to process these transactions concurrently, significantly improving drag-and-drop responsiveness.

Suggested change

	for (let i = 0; i < ids.length; i++) {
	await Storage.updateTodo(ids[i], { sort_order: i });
	}
	await Promise.all(ids.map((id, i) => Storage.updateTodo(id, { sort_order: i })));

[gemini-code-assist]

When sorting todos, if multiple items have the same sort_order (or if it is missing/undefined), the sort order can be unstable. Adding a fallback sort key like created_at ensures consistent and stable sorting.

                const orderA = a.sort_order ?? 999999;
                const orderB = b.sort_order ?? 999999;
                if (orderA !== orderB) return orderA - orderB;
                return new Date(a.created_at || 0) - new Date(b.created_at || 0);

[gemini-code-assist]

If the user attempts to save a todo with an empty title, the function currently returns silently. This can be confusing as the modal remains open without any visual feedback, making the app appear unresponsive. Adding a simple alert or validation message improves the user experience.

Suggested change

	if (!data.title) return;
	if (!data.title) {
	alert('Please enter a title.');
	return;
	}

[gemini-code-assist]

It is good practice to reset the global draggedTodoId variable to null when the drag operation ends to prevent holding stale references and avoid potential side effects in future drag-and-drop interactions.

Suggested change

	function handleTodoDragEnd(e) {
	const item = e.target.closest('.todo-item');
	if (item) item.classList.remove('dragging');
	document.querySelectorAll('#todo-list-container .todo-item').forEach(el => el.classList.remove('drag-over'));
	}
	function handleTodoDragEnd(e) {
	const item = e.target.closest('.todo-item');
	if (item) item.classList.remove('dragging');
	document.querySelectorAll('#todo-list-container .todo-item').forEach(el => el.classList.remove('drag-over'));
	draggedTodoId = null;
	}