From 34d8121a155cb96675ef86f13c14cce5af63b7bf Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:01:00 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Standardize=20Spanish?=
 =?UTF-8?q?=20linguistic=20quality=20and=20enhance=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implemented several micro-UX improvements:
- Standardized Spanish linguistic quality by adding missing tildes to common UI terms (Mañana, Título, Descripción, Edición, Sesión, Mías, Búsqueda, Límite).
- Enhanced accessibility by adding aria-label and title attributes to several icon-only buttons across task and project management components.
- Enabled global TooltipProvider in the root layout.
- Documented learnings in .Jules/palette.md.

Co-authored-by: Rumazor <87402949+Rumazor@users.noreply.github.com>
---
 .Jules/palette.md                             |  3 +++
 frontend/app/layout.tsx                       |  9 ++++++---
 frontend/components/projects/project-form.tsx |  4 +++-
 frontend/components/projects/project-list.tsx |  4 ++++
 frontend/components/tasks/task-dashboard.tsx  |  4 ++--
 frontend/components/tasks/task-filters.tsx    |  4 +++-
 frontend/components/tasks/task-form.tsx       | 12 ++++++++----
 frontend/components/tasks/task-list.tsx       |  2 +-
 8 files changed, 30 insertions(+), 12 deletions(-)
 create mode 100644 .Jules/palette.md

diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..6cb7852
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2025-02-03 - Spanish Linguistic Polish and Button Accessibility
+**Learning:** In Spanish-language interfaces, missing accents (tildes) on common UI terms like "Mañana", "Título", "Descripción", and "Búsqueda" significantly degrade the perceived quality and professionalism of the application. Additionally, icon-only buttons in complex dashboards frequently lack ARIA labels, hindering accessibility for screen reader users.
+**Action:** Always perform a sweep for common Spanish UI terms that require accentuation and ensure all icon-only buttons have descriptive `aria-label` and `title` attributes.
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 242af68..3b9b6d0 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -5,6 +5,7 @@ import "./globals.css";
 import { Toaster } from "@/components/ui/toaster";
 import { ThemeProvider } from "@/components/theme-provider";
 import { PWAProvider } from "@/components/pwa";
+import { TooltipProvider } from "@/components/ui/tooltip";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -79,9 +80,11 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          {children}
-          <Toaster />
-          <PWAProvider />
+          <TooltipProvider>
+            {children}
+            <Toaster />
+            <PWAProvider />
+          </TooltipProvider>
         </ThemeProvider>
       </body>
     </html>
diff --git a/frontend/components/projects/project-form.tsx b/frontend/components/projects/project-form.tsx
index 59f1ed9..87e61d9 100644
--- a/frontend/components/projects/project-form.tsx
+++ b/frontend/components/projects/project-form.tsx
@@ -79,6 +79,8 @@ export default function ProjectForm({
           size="sm"
           className="h-6 w-6 p-0"
           onClick={onCancel}
+          aria-label="Cerrar formulario de proyecto"
+          title="Cerrar formulario de proyecto"
         >
           <X className="h-4 w-4" />
         </Button>
@@ -94,7 +96,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/projects/project-list.tsx b/frontend/components/projects/project-list.tsx
index 74b2200..68b6ca2 100644
--- a/frontend/components/projects/project-list.tsx
+++ b/frontend/components/projects/project-list.tsx
@@ -76,6 +76,8 @@ export default function ProjectList({
           size="sm"
           className="h-7 w-7 p-0"
           onClick={() => setShowForm(true)}
+          aria-label="Nuevo proyecto"
+          title="Nuevo proyecto"
         >
           <Plus className="h-4 w-4" />
         </Button>
@@ -142,6 +144,8 @@ export default function ProjectList({
                           size="sm"
                           className="h-6 w-6 p-0 opacity-0 group-hover:opacity-100"
                           onClick={(e) => e.stopPropagation()}
+                          aria-label="Acciones del proyecto"
+                          title="Acciones del proyecto"
                         >
                           <MoreVertical className="h-3 w-3" />
                         </Button>
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-filters.tsx b/frontend/components/tasks/task-filters.tsx
index f00cf38..ee6e8fc 100644
--- a/frontend/components/tasks/task-filters.tsx
+++ b/frontend/components/tasks/task-filters.tsx
@@ -132,6 +132,8 @@ export default function TaskFiltersComponent({
           size="icon"
           onClick={() => setShowFilters(!showFilters)}
           className="relative"
+          aria-label="Alternar filtros"
+          title="Alternar filtros"
         >
           <Filter className="h-4 w-4" />
           {activeFilterCount > 0 && (
@@ -326,7 +328,7 @@ export default function TaskFiltersComponent({
           )}
           {activeFilters.search && (
             <Badge variant="secondary" className="text-xs">
-              Busqueda: {activeFilters.search}
+              Búsqueda: {activeFilters.search}
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handleSearchChange("")}
diff --git a/frontend/components/tasks/task-form.tsx b/frontend/components/tasks/task-form.tsx
index e03922b..1ca5ae7 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
@@ -325,6 +325,8 @@ export default function TaskForm({
                 size="sm"
                 className="h-8"
                 onClick={handleCreateTag}
+                aria-label="Crear etiqueta"
+                title="Crear etiqueta"
               >
                 <Plus className="h-4 w-4" />
               </Button>
@@ -334,6 +336,8 @@ export default function TaskForm({
                 size="sm"
                 className="h-8"
                 onClick={() => setShowNewTagForm(false)}
+                aria-label="Cancelar creación de etiqueta"
+                title="Cancelar creación de etiqueta"
               >
                 <X className="h-4 w-4" />
               </Button>
@@ -371,7 +375,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..f9ae7e9 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,
     };