proteger invoke de Tauri con safeInvoke + warning cuando no esta disponible

src/services/tauri-db.ts

@@ -1,5 +1,13 @@
 import { invoke } from '@tauri-apps/api/core'
 
+function safeInvoke<T>(cmd: string, args?: Record<string, unknown>): Promise<T> {
+  if (typeof invoke !== 'function') {
+    console.warn(`[Alpha] Tauri invoke no disponible (${cmd}). ¿Estás en un navegador externo? Usá la ventana de Tauri.`)
+    return Promise.resolve(null as unknown as T)
+  }
+  return safeInvoke(cmd, args)
+}
+
 export interface ProjectRecord {
   id: number
   name: string
@@ -126,99 +134,99 @@ export interface PerformanceRecord {
 export const tauriDb = {
   // Projects
   getProjects(): Promise<ProjectRecord[]> {
-    return invoke('get_projects')
+    return safeInvoke('get_projects')
   },
   saveProject(project: ProjectRecord): Promise<number> {
-    return invoke('save_project', { project })
+    return safeInvoke('save_project', { project })
   },
   deleteProject(id: number): Promise<void> {
-    return invoke('delete_project', { id })
+    return safeInvoke('delete_project', { id })
   },
 
   // Work Items
   getWorkItems(projectId: number): Promise<WorkItemRecord[]> {
-    return invoke('get_work_items', { projectId })
+    return safeInvoke('get_work_items', { projectId })
   },
   saveWorkItem(item: WorkItemRecord): Promise<number> {
-    return invoke('save_work_item', { item })
+    return safeInvoke('save_work_item', { item })
   },
   deleteWorkItem(id: number): Promise<void> {
-    return invoke('delete_work_item', { id })
+    return safeInvoke('delete_work_item', { id })
   },
 
   // Epics
   getEpics(initiativeId: number): Promise<EpicRecord[]> {
-    return invoke('get_epics', { initiativeId })
+    return safeInvoke('get_epics', { initiativeId })
   },
   saveEpic(epic: EpicRecord): Promise<number> {
-    return invoke('save_epic', { epic })
+    return safeInvoke('save_epic', { epic })
   },
   deleteEpic(id: number): Promise<void> {
-    return invoke('delete_epic', { id })
+    return safeInvoke('delete_epic', { id })
   },
 
   // User Stories
   getUserStories(initiativeId: number, epicId?: number): Promise<UserStoryRecord[]> {
-    return invoke('get_user_stories', { initiativeId, epicId: epicId ?? null })
+    return safeInvoke('get_user_stories', { initiativeId, epicId: epicId ?? null })
   },
   saveUserStory(story: UserStoryRecord): Promise<number> {
-    return invoke('save_user_story', { story })
+    return safeInvoke('save_user_story', { story })
   },
   deleteUserStory(id: number): Promise<void> {
-    return invoke('delete_user_story', { id })
+    return safeInvoke('delete_user_story', { id })
   },
 
   // Users
   getUsers(): Promise<AlphaUserRecord[]> {
-    return invoke('get_users')
+    return safeInvoke('get_users')
   },
   saveUser(user: AlphaUserRecord): Promise<number> {
-    return invoke('save_user', { user })
+    return safeInvoke('save_user', { user })
   },
   updateUserFields(id: number, role: string | null, seniority: string | null, cell_id: number | null): Promise<void> {
-    return invoke('update_user_fields', { id, role, seniority, cellId: cell_id })
+    return safeInvoke('update_user_fields', { id, role, seniority, cellId: cell_id })
   },
 
   // Cells
   getCells(): Promise<CellRecord[]> {
-    return invoke('get_cells')
+    return safeInvoke('get_cells')
   },
   saveCell(cell: CellRecord): Promise<number> {
-    return invoke('save_cell', { cell })
+    return safeInvoke('save_cell', { cell })
   },
 
   // Project Members
   getProjectMembers(userId: number): Promise<ProjectMemberRecord[]> {
-    return invoke('get_project_members', { userId })
+    return safeInvoke('get_project_members', { userId })
   },
   saveProjectMembers(userId: number, members: ProjectMemberRecord[]): Promise<void> {
-    return invoke('save_project_members', { userId, members })
+    return safeInvoke('save_project_members', { userId, members })
   },
 
   // Absences
   getAbsences(userId: number): Promise<AbsenceRecord[]> {
-    return invoke('get_absences', { userId })
+    return safeInvoke('get_absences', { userId })
   },
   saveAbsence(absence: AbsenceRecord): Promise<number> {
-    return invoke('save_absence', { absence })
+    return safeInvoke('save_absence', { absence })
   },
   deleteAbsence(id: number): Promise<void> {
-    return invoke('delete_absence', { id })
+    return safeInvoke('delete_absence', { id })
   },
 
   // Daily Logs
   getDailyLogs(userId: number, initiativeId?: number): Promise<DailyLogRecord[]> {
-    return invoke('get_daily_logs', { userId, initiativeId: initiativeId ?? null })
+    return safeInvoke('get_daily_logs', { userId, initiativeId: initiativeId ?? null })
   },
   saveDailyLog(log: DailyLogRecord): Promise<number> {
-    return invoke('save_daily_log', { log })
+    return safeInvoke('save_daily_log', { log })
   },
 
   // Performance
   getPerformance(userId: number, initiativeId?: number): Promise<PerformanceRecord[]> {
-    return invoke('get_performance', { userId, initiativeId })
+    return safeInvoke('get_performance', { userId, initiativeId })
   },
   savePerformance(snap: PerformanceRecord): Promise<number> {
-    return invoke('save_performance', { snap })
+    return safeInvoke('save_performance', { snap })
   },
 }

src/views/SchedulerView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useSchedulerStore } from '@/stores/scheduler'
 import { DAY_LABELS, computeNextRun, type ScheduleAction } from '@/services/scheduler'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
@@ -10,6 +11,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Switch } from '@/components/ui/switch'
 import { Plus, XCircle, CheckCircle2, Clock } from 'lucide-vue-next'
 
+const { t } = useI18n()
 const store = useSchedulerStore()
 const showForm = ref(false)
 
@@ -49,17 +51,17 @@ function fmtNextRun(date: Date | null | undefined): string {
 }
 
 function fmtLastRun(iso: string | null): string {
-  if (!iso) return 'Nunca'
+  if (!iso) return t('scheduler.never')
   const d = new Date(iso)
   return d.toLocaleDateString('es-CO', { month: 'short', day: 'numeric' })
     + ` ${d.toLocaleTimeString('es-CO', { hour:'2-digit', minute:'2-digit' })}`
 }
 
 const actionLabels: Record<ScheduleAction['type'], string> = {
-  generate_progress_report: 'Informe semanal',
+  generate_progress_report: t('scheduler.report'),
-  check_hus: 'Revisión HUs',
+  check_hus: t('scheduler.checkHus'),
-  daily_prep: 'Daily prep',
+  daily_prep: t('scheduler.dailyPrep'),
-  reminder: 'Recordatorio',
+  reminder: t('scheduler.reminder'),
 }
 
 onMounted(async () => {
@@ -74,16 +76,16 @@ onMounted(async () => {
   <div class="space-y-6">
     <div class="flex items-center justify-between">
       <div>
-        <h1 class="text-2xl font-bold tracking-tight">Recetas automáticas</h1>
+        <h1 class="text-2xl font-bold tracking-tight">{{ t('scheduler.title') }}</h1>
-        <p class="text-sm text-muted-foreground mt-1">Tareas programadas que se ejecutan al abrir la app</p>
+        <p class="text-sm text-muted-foreground mt-1">{{ t('scheduler.subtitle') }}</p>
       </div>
       <div class="flex items-center gap-3">
         <Badge :variant="store.running ? 'default' : 'secondary'" class="text-[11px]">
-          {{ store.running ? 'Activo' : 'Pausado' }}
+          {{ store.running ? t('scheduler.running') : t('scheduler.paused') }}
         </Badge>
         <Button size="sm" @click="showForm = !showForm">
           <Plus class="size-4 mr-1" />
-          {{ showForm ? 'Cancelar' : 'Nueva receta' }}
+          {{ showForm ? t('scheduler.cancel') : t('scheduler.newRecipe') }}
         </Button>
       </div>
     </div>
@@ -92,15 +94,15 @@ onMounted(async () => {
       <CardContent class="p-4 space-y-4">
         <div class="grid grid-cols-2 gap-4">
           <div class="space-y-1.5 col-span-2">
-            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Nombre</label>
+            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.name') }}</label>
-            <Input v-model="form.name" placeholder="Ej: Informe semanal de avance" />
+            <Input v-model="form.name" :placeholder="t('scheduler.namePlaceholder')" />
           </div>
           <div class="space-y-1.5 col-span-2">
-            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Descripción</label>
+            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.description') }}</label>
-            <Input v-model="form.description" placeholder="Opcional" />
+            <Input v-model="form.description" :placeholder="t('scheduler.descriptionPlaceholder')" />
           </div>
           <div class="space-y-1.5 col-span-2">
-            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Días</label>
+            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.days') }}</label>
             <div class="flex gap-1.5 flex-wrap">
               <button v-for="(l, i) in DAY_LABELS" :key="i" type="button"
                 :class="['px-3 py-1 text-xs rounded-full border transition-colors',
@@ -113,7 +115,7 @@ onMounted(async () => {
         </div>
         <div class="grid grid-cols-3 gap-4">
           <div class="space-y-1.5">
-            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Hora</label>
+            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.time') }}</label>
             <div class="flex items-center gap-1">
               <Input type="number" v-model.number="form.hour" min="0" max="23" class="w-16 text-center" />
               <span class="text-muted-foreground">:</span>
@@ -121,16 +123,16 @@ onMounted(async () => {
             </div>
           </div>
           <div class="space-y-1.5 col-span-2">
-            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Acción</label>
+            <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">{{ t('scheduler.action') }}</label>
             <Select v-model="form.actionType">
               <SelectTrigger>
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="generate_progress_report">Generar informe de avance</SelectItem>
+                <SelectItem value="generate_progress_report">{{ t('scheduler.actionReport') }}</SelectItem>
-                <SelectItem value="check_hus">Revisar estado de HUs</SelectItem>
+                <SelectItem value="check_hus">{{ t('scheduler.actionCheckHus') }}</SelectItem>
-                <SelectItem value="daily_prep">Daily prep</SelectItem>
+                <SelectItem value="daily_prep">{{ t('scheduler.actionDailyPrep') }}</SelectItem>
-                <SelectItem value="reminder">Recordatorio personalizado</SelectItem>
+                <SelectItem value="reminder">{{ t('scheduler.actionReminder') }}</SelectItem>
               </SelectContent>
             </Select>
           </div>