From adfe1a63e5afb1d3cd48b9fd5377b4365fe5cb71 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 7 Feb 2026 21:57:44 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20Spanish=20l?=
 =?UTF-8?q?inguistics=20and=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR enhances the UX by:
- Adding ARIA labels to icon-only buttons in TaskCalendar, NotificationBell, and KanbanCard.
- Fixing Spanish linguistic standards by adding missing tildes (á, é, í, ó, ú, ñ) to common UI terms like 'Mañana', 'más', 'descripción', 'Título', 'Edición', 'sesión', 'Mías', and 'Éxito'.
- Improving accessibility for the Kanban drag handle.

The changes are distributed across several components but are all related to visual polish and accessibility, keeping the total lines of code changes well under the 50-line limit (excluding the journal entry).

Co-authored-by: Rumazor <87402949+Rumazor@users.noreply.github.com>
---
 .Jules/palette.md                                |  3 +++
 frontend/components/calendar/task-calendar.tsx   |  8 +++++---
 frontend/components/kanban/kanban-card.tsx       |  1 +
 .../notifications/notification-bell.tsx          |  7 ++++++-
 frontend/components/projects/project-form.tsx    |  2 +-
 frontend/components/tasks/task-dashboard.tsx     |  4 ++--
 frontend/components/tasks/task-form.tsx          |  8 ++++----
 frontend/components/tasks/task-list.tsx          |  8 +++++---
 frontend/hooks/useTasks.ts                       | 16 ++++++++--------
 9 files changed, 35 insertions(+), 22 deletions(-)
 create mode 100644 .Jules/palette.md

diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..1285c9d
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2026-02-07 - PR Hygiene and Spanish Linguistics
+**Learning:** Automatically generated files (lockfiles, PWA artifacts, logs) should be excluded from UX-focused PRs to keep the focus on relevant changes. Spanish UI text requires consistent accentuation (tildes) for professional look and feel.
+**Action:** Use 'git status' and 'git diff' to verify files before submitting. Maintain a checklist of common Spanish UI words (Mañana, más, descripción, etc.) for every review.
diff --git a/frontend/components/calendar/task-calendar.tsx b/frontend/components/calendar/task-calendar.tsx
index 448910a..f26696c 100644
--- a/frontend/components/calendar/task-calendar.tsx
+++ b/frontend/components/calendar/task-calendar.tsx
@@ -109,6 +109,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
           variant="outline"
           size="icon"
           onClick={() => onNavigate("PREV")}
+          aria-label="Mes anterior"
         >
           <ChevronLeft className="h-4 w-4" />
         </Button>
@@ -116,6 +117,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
           variant="outline"
           size="icon"
           onClick={() => onNavigate("NEXT")}
+          aria-label="Mes siguiente"
         >
           <ChevronRight className="h-4 w-4" />
         </Button>
@@ -150,7 +152,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
           size="sm"
           onClick={() => setView(Views.DAY)}
         >
-          Dia
+          Día
         </Button>
       </div>
     </div>
@@ -162,13 +164,13 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
     next: "Siguiente",
     month: "Mes",
     week: "Semana",
-    day: "Dia",
+    day: "Día",
     agenda: "Agenda",
     date: "Fecha",
     time: "Hora",
     event: "Evento",
     noEventsInRange: "No hay tareas en este rango",
-    showMore: (total: number) => `+ ${total} mas`,
+    showMore: (total: number) => `+ ${total} más`,
   };
 
   return (
diff --git a/frontend/components/kanban/kanban-card.tsx b/frontend/components/kanban/kanban-card.tsx
index a838242..2b2844d 100644
--- a/frontend/components/kanban/kanban-card.tsx
+++ b/frontend/components/kanban/kanban-card.tsx
@@ -75,6 +75,7 @@ export default function KanbanCard({
           {...listeners}
           className="mt-1 cursor-grab active:cursor-grabbing opacity-0 group-hover:opacity-100 transition-opacity"
           onClick={(e) => e.stopPropagation()}
+          aria-label="Arrastrar tarea"
         >
           <GripVertical className="h-4 w-4 text-muted-foreground" />
         </div>
diff --git a/frontend/components/notifications/notification-bell.tsx b/frontend/components/notifications/notification-bell.tsx
index 3c19cdb..3f55eee 100644
--- a/frontend/components/notifications/notification-bell.tsx
+++ b/frontend/components/notifications/notification-bell.tsx
@@ -97,7 +97,12 @@ export default function NotificationBell({ token }: NotificationBellProps) {
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
-        <Button variant="ghost" size="icon" className="relative">
+        <Button
+          variant="ghost"
+          size="icon"
+          className="relative"
+          aria-label="Notificaciones"
+        >
           <Bell className="h-5 w-5" />
           {unreadCount > 0 && (
             <Badge
diff --git a/frontend/components/projects/project-form.tsx b/frontend/components/projects/project-form.tsx
index 59f1ed9..4b5b57d 100644
--- a/frontend/components/projects/project-form.tsx
+++ b/frontend/components/projects/project-form.tsx
@@ -94,7 +94,7 @@ export default function ProjectForm({
         />
 
         <Textarea
-          placeholder="Descripcion (opcional)"
+          placeholder="Descripción (opcional)"
           value={description}
           onChange={(e) => setDescription(e.target.value)}
           rows={2}
diff --git a/frontend/components/tasks/task-dashboard.tsx b/frontend/components/tasks/task-dashboard.tsx
index eaa3798..0107e88 100644
--- a/frontend/components/tasks/task-dashboard.tsx
+++ b/frontend/components/tasks/task-dashboard.tsx
@@ -170,7 +170,7 @@ export default function TaskDashboard({
           <ModeToggle />
           <Button variant="ghost" size="sm" onClick={handleLogout} className="text-muted-foreground hover:text-destructive transition-colors">
             <LogOut className="h-4 w-4 mr-2" />
-            Cerrar sesion
+            Cerrar sesión
           </Button>
         </div>
       </header>
@@ -241,7 +241,7 @@ export default function TaskDashboard({
                       value="mis-tareas"
                       className="data-[state=active]:bg-background"
                     >
-                      Mias
+                      Mías
                       <Badge variant="secondary" className="ml-2 bg-background/50">
                         {myTasksCount}
                       </Badge>
diff --git a/frontend/components/tasks/task-form.tsx b/frontend/components/tasks/task-form.tsx
index e03922b..fc66eb3 100644
--- a/frontend/components/tasks/task-form.tsx
+++ b/frontend/components/tasks/task-form.tsx
@@ -175,7 +175,7 @@ export default function TaskForm({
     <form onSubmit={handleSubmit} className="space-y-4">
       <div className="space-y-4">
         <div className="space-y-2">
-          <Label htmlFor="task-title">Titulo de la tarea</Label>
+          <Label htmlFor="task-title">Título de la tarea</Label>
           <Input
             id="task-title"
             placeholder="Ej: Comprar leche"
@@ -186,7 +186,7 @@ export default function TaskForm({
         </div>
 
         <div className="space-y-2">
-          <Label htmlFor="task-description">Descripcion (opcional)</Label>
+          <Label htmlFor="task-description">Descripción (opcional)</Label>
           <Textarea
             id="task-description"
             placeholder="Detalles adicionales sobre la tarea"
@@ -198,7 +198,7 @@ export default function TaskForm({
 
         <div className="grid grid-cols-2 gap-3">
           <div className="space-y-2">
-            <Label>Fecha limite</Label>
+            <Label>Fecha límite</Label>
             <Popover open={calendarOpen} onOpenChange={setCalendarOpen}>
               <PopoverTrigger asChild>
                 <Button
@@ -371,7 +371,7 @@ export default function TaskForm({
         </Button>
         {editingTask && (
           <Button type="button" variant="ghost" onClick={onCancel} className="w-full h-10">
-            Cancelar Edicion
+            Cancelar Edición
           </Button>
         )}
       </div>
diff --git a/frontend/components/tasks/task-list.tsx b/frontend/components/tasks/task-list.tsx
index 5420bf5..c941c1c 100644
--- a/frontend/components/tasks/task-list.tsx
+++ b/frontend/components/tasks/task-list.tsx
@@ -66,7 +66,7 @@ function getDueDateInfo(dueDate: string) {
   }
   if (isTomorrow(date)) {
     return {
-      label: "Manana",
+      label: "Mañana",
       className: "text-blue-600 dark:text-blue-400",
       icon: Calendar,
     };
@@ -177,7 +177,9 @@ export default function TaskList({
                           size="sm"
                           className="h-6 w-6 p-0"
                           onClick={() => toggleTaskExpansion(task.id)}
-                          aria-label={isExpanded ? "Contraer descripcion" : "Expandir descripcion"}
+                          aria-label={
+                            isExpanded ? "Contraer descripción" : "Expandir descripción"
+                          }
                         >
                           {isExpanded ? (
                             <ChevronUp className="h-4 w-4" />
@@ -203,7 +205,7 @@ export default function TaskList({
                           onClick={() => toggleTaskExpansion(task.id)}
                           className="text-xs font-semibold text-primary hover:underline mt-1 focus:outline-none"
                         >
-                          {isExpanded ? "Ver menos" : "Ver mas"}
+                          {isExpanded ? "Ver menos" : "Ver más"}
                         </button>
                       )}
                     </div>
diff --git a/frontend/hooks/useTasks.ts b/frontend/hooks/useTasks.ts
index c76495f..b6f9fdb 100644
--- a/frontend/hooks/useTasks.ts
+++ b/frontend/hooks/useTasks.ts
@@ -29,7 +29,7 @@ export function useTasks(token: string) {
       } else {
         toast({
           title: "Error",
-          description: result.error || "Ocurrio un error al cargar las tareas.",
+          description: result.error || "Ocurrió un error al cargar las tareas.",
           variant: "destructive",
         });
       }
@@ -74,7 +74,7 @@ export function useTasks(token: string) {
           );
           setEditingTask(null);
           toast({
-            title: "Exito",
+            title: "Éxito",
             description: "Tarea modificada exitosamente.",
           });
         } else {
@@ -95,7 +95,7 @@ export function useTasks(token: string) {
         if (createdTask.success && createdTask.task) {
           setTasks((prev) => [...prev, createdTask.task.data]);
           toast({
-            title: "Exito",
+            title: "Éxito",
             description: "Tarea creada exitosamente.",
           });
         } else {
@@ -117,7 +117,7 @@ export function useTasks(token: string) {
       if (deleted.success) {
         setTasks((prev) => prev.filter((task) => task.id !== id));
         toast({
-          title: "Exito",
+          title: "Éxito",
           description: "Tarea borrada exitosamente",
         });
       } else {
@@ -148,7 +148,7 @@ export function useTasks(token: string) {
       if (updated.success && updated.task) {
         setTasks((prev) => prev.map((t) => (t.id === id ? updated.task : t)));
         toast({
-          title: "Exito",
+          title: "Éxito",
           description: `Tarea marcada como ${
             updated.task.completed ? "completada" : "pendiente"
           }.`,
@@ -183,13 +183,13 @@ export function useTasks(token: string) {
       await logoutAction();
       router.push("/");
       toast({
-        title: "Sesion cerrada",
-        description: "Has cerrado sesion correctamente.",
+        title: "Sesión cerrada",
+        description: "Has cerrado sesión correctamente.",
       });
     } catch (error) {
       toast({
         title: "Error",
-        description: "Error al cerrar sesion.",
+        description: "Error al cerrar sesión.",
         variant: "destructive",
       });
     }