proyectos: status true/false ahora muestra Activo/Inactivo via i18n

src/i18n/locales/en.json

@@ -41,7 +41,7 @@
   "common": {
     "loading": "Loading...",
     "retry": "Retry",
-    "backToProjects": "← Back to Projects",
+    "backToProjects": "Back to Projects",
     "noDescription": "No description"
   },
   "sidebar": {
@@ -79,6 +79,8 @@
     "selectProject": "Select a project from the sidebar"
   },
   "status": {
+    "active": "Active",
+    "inactive": "Inactive",
     "backlog": "Backlog",
     "todo": "To do",
     "inProgress": "In progress",

src/i18n/locales/es.json

@@ -41,7 +41,7 @@
   "common": {
     "loading": "Cargando...",
     "retry": "Reintentar",
-    "backToProjects": "← Volver a Proyectos",
+    "backToProjects": "Volver a Proyectos",
     "noDescription": "Sin descripción"
   },
   "sidebar": {
@@ -79,6 +79,8 @@
     "selectProject": "Seleccioná un proyecto del panel lateral"
   },
   "status": {
+    "active": "Activo",
+    "inactive": "Inactivo",
     "backlog": "Backlog",
     "todo": "Por hacer",
     "inProgress": "En progreso",

src/services/tauri-db.ts

@@ -18,6 +18,8 @@ export interface ProjectRecord {
   status: string
   start_date: string | null
   end_date: string | null
+  hus_count: number | null
+  epics_count: number | null
 }
 
 export interface EpicRecord {
@@ -141,6 +143,9 @@ export const tauriDb = {
   saveProject(project: ProjectRecord): Promise<number> {
     return safeInvoke('save_project', { project })
   },
+  updateProjectCounts(initiativeId: number): Promise<void> {
+    return safeInvoke('update_project_counts', { initiativeId })
+  },
   deleteProject(id: number): Promise<void> {
     return safeInvoke('delete_project', { id })
   },

src/stores/projects.ts

@@ -49,6 +49,8 @@ export const useProjectsStore = defineStore('projects', () => {
         status: p.status || 'active',
         start_date: p.start_date ?? null,
         end_date: p.end_date ?? null,
+        hus_count: null,
+        epics_count: null,
       }).catch(() => {})
     }
   }

src/stores/workitems.ts

@@ -114,6 +114,8 @@ export const useWorkItemsStore = defineStore('workitems', () => {
       if (isFirstVisit || newEpics.length > 0) {
         await syncEpicsToTurso(id, isFirstVisit ? epicData : newEpics)
       }
+      // Actualizar contadores en projects
+      await tauriDb.updateProjectCounts(id).catch(() => {})
 
       firstVisit.value.add(id)
     } catch (e: any) {

src/views/DashboardView.vue

@@ -84,7 +84,7 @@ const statusLabel = (status: unknown) => {
           <FileText class="size-4 text-muted-foreground" />
         </CardHeader>
         <CardContent>
-          <div class="text-2xl font-bold">{{ workItems.totalHUs }}</div>
+          <div id="dashboard-stats-hus-count" class="text-2xl font-bold">{{ workItems.totalHUs }}</div>
           <p class="text-xs text-muted-foreground">{{ t('dashboard.husSubtitle') }}</p>
         </CardContent>
       </Card>

src/views/NewDashboardView.vue

@@ -136,7 +136,7 @@ const tabContent: Record<string, { title: string; description: string; cards: {
       <SiteHeader :active-tab="viewingProject ? 'projects' : activeTab" />
       <div class="flex flex-1 flex-col">
         <div class="@container/main flex flex-1 flex-col gap-2">
-          <div class="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+          <div class="flex flex-col gap-0 py-4 md:gap-0 md:py-6">
             <template v-if="viewingProject">
               <div class="px-4 lg:px-6">
                 <button

src/views/ProjectListView.vue

@@ -15,6 +15,20 @@ import { Skeleton } from "@/components/ui/skeleton"
 const { t } = useI18n()
 const projects = useProjectsStore()
 
+function getStatusVariant(status?: string) {
+  const s = String(status ?? '').toLowerCase()
+  if (s === 'true' || ['active', 'completado', 'done', 'completed'].includes(s)) return 'default'
+  if (s === 'false' || ['inactive', 'paused', 'cancelled'].includes(s)) return 'secondary'
+  return 'outline'
+}
+
+function getStatusLabel(status?: string) {
+  const s = String(status ?? '').toLowerCase()
+  if (s === 'true' || s === 'active') return t('status.active')
+  if (s === 'false' || s === 'inactive') return t('status.inactive')
+  return s || '—'
+}
+
 const emit = defineEmits<{
   'select-project': [id: number]
 }>()
@@ -23,14 +37,6 @@ onMounted(() => {
   projects.fetchProjects()
 })
 
-function getStatusVariant(status?: string) {
-  switch (status) {
-    case 'active': return 'default'
-    case 'completed': return 'secondary'
-    case 'paused': return 'outline'
-    default: return 'default'
-  }
-}
 </script>
 
 <template>
@@ -95,8 +101,8 @@ function getStatusVariant(status?: string) {
             <CardTitle class="text-base">
               {{ p.initiative_name || p.name || t('projects.unnamedFallback', { id: p.id }) }}
             </CardTitle>
-            <Badge :variant="getStatusVariant(p.status)">
-              {{ p.status || 'active' }}
+            <Badge id="projects-status-badge" :variant="getStatusVariant(p.status)">
+              {{ getStatusLabel(p.status) }}
             </Badge>
           </div>
           <CardDescription class="line-clamp-2">