Oleada UX 7: Chat (presencia, busqueda en historial) y WACRM (metricas para gerencia, notas internas y etiquetas que sobreviven al sync) + fixes de concurrencia

frontend/src/components/wacrm/ConversationEtiquetas.tsx

@@ -0,0 +1,214 @@
+import type { FC } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { Tag, Plus, Trash2, Check, Settings2 } from 'lucide-react';
+import { Card, Button, Input, Skeleton, toast } from '../ui';
+import { odooApi, type WacrmTag } from '../../services/odoo';
+
+interface Props {
+  conversationId: string;
+  /** Se avisa al contenedor para refrescar las etiquetas de la lista. */
+  onTagsChange: (tags: { id: number; name: string; color: string }[]) => void;
+  /** Se avisa cuando cambia el catálogo (el filtro de la bandeja se recarga). */
+  onCatalogoChange?: () => void;
+}
+
+const COLORES = ['#605ca8', '#ef4444', '#f59e0b', '#10b981', '#3b82f6', '#a855f7'];
+
+/** Etiquetas de la conversación + catálogo editable. Sobreviven al sync. */
+const ConversationEtiquetas: FC<Props> = ({ conversationId, onTagsChange, onCatalogoChange }) => {
+  const [catalogo, setCatalogo] = useState<WacrmTag[]>([]);
+  const [asignadas, setAsignadas] = useState<{ id: number; name: string; color: string }[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [nueva, setNueva] = useState('');
+  const [color, setColor] = useState(COLORES[0]);
+  const [creando, setCreando] = useState(false);
+  const [gestionOpen, setGestionOpen] = useState(false);
+
+  const load = useCallback(async () => {
+    try {
+      setLoading(true);
+      const [tagsRes, convRes] = await Promise.all([
+        odooApi.getWacrmTags(),
+        odooApi.getWacrmConversations(),
+      ]);
+      if (tagsRes.status === 'success') setCatalogo(tagsRes.tags);
+      if (convRes.status === 'success') {
+        const conv = convRes.conversations.find((c) => c.external_id === conversationId);
+        setAsignadas(conv?.tags || []);
+      }
+    } catch {
+      toast.error('No se pudieron cargar las etiquetas');
+    } finally {
+      setLoading(false);
+    }
+  }, [conversationId]);
+
+  useEffect(() => { load(); }, [load]);
+
+  const alternar = async (tagId: number) => {
+    const tiene = asignadas.some((t) => t.id === tagId);
+    try {
+      const res = await odooApi.assignWacrmTag(conversationId, tagId, tiene ? 'remove' : 'add');
+      if (res.status === 'success') {
+        setAsignadas(res.tags);
+        onTagsChange(res.tags);
+      }
+    } catch {
+      toast.error('No se pudo actualizar la etiqueta');
+    }
+  };
+
+  const crear = async () => {
+    const name = nueva.trim();
+    if (!name) return;
+    try {
+      setCreando(true);
+      const res = await odooApi.createWacrmTag({ name, color });
+      if (res.status === 'success') {
+        setCatalogo((prev) => (prev.some((t) => t.id === res.tag.id) ? prev : [...prev, res.tag]));
+        setNueva('');
+        toast.success('Etiqueta creada');
+        onCatalogoChange?.();
+      }
+    } catch (err) {
+      const msg = (err as { response?: { data?: { message?: string } } })?.response?.data?.message;
+      toast.error(msg || 'No se pudo crear la etiqueta');
+    } finally {
+      setCreando(false);
+    }
+  };
+
+  const desactivar = async (t: WacrmTag) => {
+    if (!window.confirm(`¿Desactivar la etiqueta "${t.name}"? Dejará de estar disponible.`)) return;
+    try {
+      await odooApi.deleteWacrmTag(t.id);
+      setCatalogo((prev) => prev.filter((x) => x.id !== t.id));
+      setAsignadas((prev) => prev.filter((x) => x.id !== t.id));
+      onTagsChange(asignadas.filter((x) => x.id !== t.id));
+      onCatalogoChange?.();
+      toast.success('Etiqueta desactivada');
+    } catch {
+      toast.error('No se pudo desactivar la etiqueta');
+    }
+  };
+
+  return (
+    <Card className="flex-1 overflow-hidden flex flex-col">
+      <div className="p-3 border-b border-theme-border bg-theme-bg flex items-center justify-between gap-2">
+        <p className="text-sm font-medium text-theme-heading inline-flex items-center gap-1.5">
+          <Tag size={15} /> Etiquetas de la conversación
+        </p>
+        <Button variant="ghost" size="sm" onClick={() => setGestionOpen((v) => !v)} title="Gestionar catálogo">
+          <Settings2 size={14} className="mr-1.5 text-theme-muted" /> Catálogo
+        </Button>
+      </div>
+
+      <div className="flex-1 overflow-y-auto p-3 space-y-4">
+        {loading ? (
+          <Skeleton count={3} className="h-10 w-full" />
+        ) : (
+          <>
+            <div>
+              <p className="text-xs font-medium text-theme-muted uppercase mb-2">Asignadas</p>
+              {asignadas.length === 0 ? (
+                <p className="text-sm text-theme-muted">Sin etiquetas. Marca alguna abajo.</p>
+              ) : (
+                <div className="flex flex-wrap gap-1.5">
+                  {asignadas.map((t) => (
+                    <button
+                      key={t.id}
+                      type="button"
+                      onClick={() => alternar(t.id)}
+                      title="Quitar etiqueta"
+                      className="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium text-white"
+                      style={{ backgroundColor: t.color }}
+                    >
+                      {t.name}
+                      <Trash2 size={11} />
+                    </button>
+                  ))}
+                </div>
+              )}
+            </div>
+
+            <div>
+              <p className="text-xs font-medium text-theme-muted uppercase mb-2">Disponibles</p>
+              {catalogo.filter((t) => !asignadas.some((a) => a.id === t.id)).length === 0 ? (
+                <p className="text-sm text-theme-muted">Todas las etiquetas activas ya están asignadas.</p>
+              ) : (
+                <div className="flex flex-wrap gap-1.5">
+                  {catalogo
+                    .filter((t) => !asignadas.some((a) => a.id === t.id))
+                    .map((t) => (
+                      <button
+                        key={t.id}
+                        type="button"
+                        onClick={() => alternar(t.id)}
+                        title="Asignar etiqueta"
+                        className="inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium transition hover:bg-theme-bg"
+                        style={{ borderColor: t.color, color: t.color }}
+                      >
+                        <Plus size={11} /> {t.name}
+                      </button>
+                    ))}
+                </div>
+              )}
+            </div>
+
+            {gestionOpen && (
+              <div className="rounded-xl border border-theme-border p-3 space-y-3">
+                <p className="text-xs font-medium text-theme-muted uppercase">Catálogo</p>
+                <div className="flex items-end gap-2">
+                  <Input
+                    label="Nueva etiqueta"
+                    placeholder="Ej. urgente, cotización, seguimiento"
+                    value={nueva}
+                    onChange={(e) => setNueva(e.target.value)}
+                    onKeyDown={(e) => { if (e.key === 'Enter') crear(); }}
+                  />
+                  <select
+                    value={color}
+                    onChange={(e) => setColor(e.target.value)}
+                    aria-label="Color de la etiqueta"
+                    className="rounded-xl border border-theme-border-strong bg-theme-surface px-2 py-2.5 text-sm"
+                  >
+                    {COLORES.map((c) => (
+                      <option key={c} value={c}>{c}</option>
+                    ))}
+                  </select>
+                  <Button
+                    size="sm"
+                    onClick={crear}
+                    loading={creando}
+                    disabled={!nueva.trim()}
+                    aria-label="Crear etiqueta"
+                    title="Crear etiqueta"
+                  >
+                    <Plus size={14} />
+                  </Button>
+                </div>
+                <div className="divide-y divide-theme-border">
+                  {catalogo.map((t) => (
+                    <div key={t.id} className="flex items-center justify-between py-1.5">
+                      <span className="inline-flex items-center gap-2 text-sm text-theme-heading">
+                        <span className="h-2.5 w-2.5 rounded-full" style={{ backgroundColor: t.color }} />
+                        {t.name}
+                        {asignadas.some((a) => a.id === t.id) && <Check size={12} className="text-emerald-600" />}
+                      </span>
+                      <Button variant="ghost" size="sm" onClick={() => desactivar(t)} title="Desactivar etiqueta">
+                        <Trash2 size={13} className="text-theme-muted" />
+                      </Button>
+                    </div>
+                  ))}
+                  {catalogo.length === 0 && <p className="text-sm text-theme-muted py-3">El catálogo está vacío.</p>}
+                </div>
+              </div>
+            )}
+          </>
+        )}
+      </div>
+    </Card>
+  );
+};
+
+export default ConversationEtiquetas;

frontend/src/components/wacrm/ConversationNotas.tsx

@@ -0,0 +1,142 @@
+import type { FC } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { StickyNote, Check, Trash2, Plus } from 'lucide-react';
+import { Card, Button, Skeleton, TextArea, toast } from '../ui';
+import { odooApi, type WacrmNote } from '../../services/odoo';
+
+interface Props {
+  conversationId: string;
+  contactName: string;
+}
+
+/** Notas internas de la conversación: nunca se envían al paciente. */
+const ConversationNotas: FC<Props> = ({ conversationId, contactName }) => {
+  const [notes, setNotes] = useState<WacrmNote[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [draft, setDraft] = useState('');
+  const [saving, setSaving] = useState(false);
+
+  const load = useCallback(async () => {
+    try {
+      setLoading(true);
+      const res = await odooApi.getWacrmNotes(conversationId);
+      if (res.status === 'success') setNotes(res.notes);
+    } catch {
+      toast.error('No se pudieron cargar las notas');
+    } finally {
+      setLoading(false);
+    }
+  }, [conversationId]);
+
+  useEffect(() => { load(); }, [load]);
+
+  const agregar = async () => {
+    const body = draft.trim();
+    if (!body) return;
+    try {
+      setSaving(true);
+      const res = await odooApi.createWacrmNote(conversationId, body);
+      if (res.status === 'success') {
+        setNotes((prev) => [res.note, ...prev]);
+        setDraft('');
+        toast.success('Nota guardada');
+      }
+    } catch {
+      toast.error('No se pudo guardar la nota');
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const alternar = async (n: WacrmNote) => {
+    try {
+      const res = await odooApi.updateWacrmNote(n.id, { resolved: !n.resolved });
+      if (res.status === 'success') setNotes((prev) => prev.map((x) => (x.id === n.id ? res.note : x)));
+    } catch {
+      toast.error('No se pudo actualizar la nota');
+    }
+  };
+
+  const borrar = async (n: WacrmNote) => {
+    if (!window.confirm('¿Eliminar esta nota interna?')) return;
+    try {
+      await odooApi.deleteWacrmNote(n.id);
+      setNotes((prev) => prev.filter((x) => x.id !== n.id));
+      toast.success('Nota eliminada');
+    } catch {
+      toast.error('No se pudo eliminar la nota');
+    }
+  };
+
+  const pendientes = notes.filter((n) => !n.resolved).length;
+
+  return (
+    <Card className="flex-1 overflow-hidden flex flex-col">
+      <div className="p-3 border-b border-theme-border bg-theme-bg flex items-center justify-between gap-2">
+        <p className="text-sm font-medium text-theme-heading inline-flex items-center gap-1.5">
+          <StickyNote size={15} /> Notas internas
+          {pendientes > 0 && (
+            <span className="inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-amber-100 text-amber-800 text-[10px] font-bold">
+              {pendientes}
+            </span>
+          )}
+        </p>
+        <p className="text-[11px] text-theme-muted">Solo las ve el equipo · no se envían a {contactName || 'el paciente'}</p>
+      </div>
+
+      <div className="p-3 border-b border-theme-border">
+        <TextArea
+          rows={2}
+          placeholder="Escribe una nota interna (no se envía al paciente)..."
+          value={draft}
+          onChange={(e) => setDraft(e.target.value)}
+        />
+        <div className="flex justify-end mt-2">
+          <Button size="sm" onClick={agregar} loading={saving} disabled={!draft.trim()}>
+            <Plus size={14} className="mr-1.5" /> Agregar nota
+          </Button>
+        </div>
+      </div>
+
+      <div className="flex-1 overflow-y-auto p-3 space-y-2">
+        {loading ? (
+          <Skeleton count={3} className="h-16 w-full" />
+        ) : notes.length === 0 ? (
+          <p className="text-sm text-theme-muted text-center py-8">Sin notas internas todavía.</p>
+        ) : (
+          notes.map((n) => (
+            <div
+              key={n.id}
+              className={`rounded-xl border p-3 ${n.resolved ? 'border-emerald-200 bg-emerald-50/50' : 'border-theme-border bg-theme-surface'}`}
+            >
+              <p className={`text-sm whitespace-pre-wrap break-words ${n.resolved ? 'text-theme-muted line-through' : 'text-theme-heading'}`}>
+                {n.body}
+              </p>
+              <div className="flex items-center justify-between gap-2 mt-2">
+                <p className="text-[11px] text-theme-muted">
+                  {n.author || 'Alguien'} · {n.date}
+                  {n.resolved && n.resolved_by ? ` · atendida por ${n.resolved_by}` : ''}
+                </p>
+                <div className="flex items-center gap-1">
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => alternar(n)}
+                    title={n.resolved ? 'Marcar como pendiente' : 'Marcar como atendida'}
+                  >
+                    <Check size={14} className={n.resolved ? 'text-emerald-600' : 'text-theme-muted'} />
+                  </Button>
+                  <Button variant="ghost" size="sm" onClick={() => borrar(n)} title="Eliminar nota">
+                    <Trash2 size={14} className="text-theme-muted" />
+                  </Button>
+                </div>
+              </div>
+            </div>
+          ))
+        )}
+      </div>
+    </Card>
+  );
+};
+
+export default ConversationNotas;

frontend/src/components/wacrm/WacrmMetrics.tsx

@@ -0,0 +1,183 @@
+import type { FC } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { RefreshCw, TrendingUp, TrendingDown, Clock, MessageSquare, Inbox, AlertTriangle } from 'lucide-react';
+import { Card, Button, Skeleton, EmptyState, toast } from '../ui';
+import { odooApi, type WacrmMetrics as Metrics } from '../../services/odoo';
+
+const num = (n: number | null | undefined, d = 0) =>
+  (n ?? 0).toLocaleString('es-MX', { maximumFractionDigits: d });
+
+const minutos = (m: number | null) => {
+  if (m == null) return '—';
+  if (m < 1) return `${Math.round(m * 60)} s`;
+  if (m < 60) return `${num(m, 1)} min`;
+  const h = Math.floor(m / 60);
+  return `${h} h ${num(m - h * 60, 0)} min`;
+};
+
+const OPTS_HORAS = [2, 4, 8, 24];
+
+/** Tablero de atención de WhatsApp (sólo gerencia/admin). */
+const WacrmMetrics: FC = () => {
+  const [data, setData] = useState<Metrics | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [horas, setHoras] = useState(4);
+
+  const load = useCallback(async () => {
+    try {
+      setLoading(true);
+      const res = await odooApi.getWacrmMetrics({ sin_respuesta_horas: horas });
+      if (res.status === 'success') setData(res);
+      else toast.error(res.message || 'No se pudieron cargar las métricas');
+    } catch (err) {
+      const msg = (err as { response?: { data?: { message?: string } } })?.response?.data?.message;
+      toast.error(msg || 'No se pudieron cargar las métricas');
+    } finally {
+      setLoading(false);
+    }
+  }, [horas]);
+
+  useEffect(() => { load(); }, [load]);
+
+  if (loading && !data) {
+    return (
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+        {Array.from({ length: 8 }).map((_, i) => <Skeleton key={i} className="h-24 w-full" />)}
+      </div>
+    );
+  }
+  if (!data) {
+    return <EmptyState title="Sin métricas" subtitle="No se pudieron leer los datos del WACRM." icon={<Inbox size={28} />} />;
+  }
+
+  const Kpi: FC<{ label: string; value: string; sub?: string; tone?: 'ok' | 'warn' }> = ({ label, value, sub, tone }) => (
+    <Card className="p-4 bg-theme-bg border-0">
+      <p className="text-xs text-theme-muted">{label}</p>
+      <p className={`text-xl font-heading font-semibold ${
+        tone === 'warn' ? 'text-rose-600' : tone === 'ok' ? 'text-emerald-700' : 'text-theme-heading'
+      }`}>{value}</p>
+      {sub && <p className="text-[11px] text-theme-muted mt-0.5">{sub}</p>}
+    </Card>
+  );
+
+  return (
+    <div className="space-y-4">
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div className="flex flex-wrap items-center gap-2">
+          <span className="text-xs font-medium text-theme-muted uppercase">Sin responder más de</span>
+          {OPTS_HORAS.map((h) => (
+            <button
+              key={h}
+              type="button"
+              onClick={() => setHoras(h)}
+              className={`px-3 py-1.5 rounded-full text-xs font-medium border transition ${
+                horas === h ? 'bg-theme-accent text-theme-inverse border-theme-accent' : 'bg-theme-bg text-theme-muted border-theme-border'
+              }`}
+            >
+              {h} h
+            </button>
+          ))}
+        </div>
+        <div className="flex items-center gap-3">
+          <span className="text-xs text-theme-muted">Actualizado {data.generado}</span>
+          <Button variant="outline" size="sm" onClick={load} loading={loading}>
+            <RefreshCw size={14} className="mr-1.5" /> Actualizar
+          </Button>
+        </div>
+      </div>
+
+      {/* Conversaciones y mensajes */}
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+        <Kpi label="Conversaciones hoy" value={num(data.conversaciones.hoy)}
+             sub={`${num(data.conversaciones.semana)} esta semana · ${num(data.conversaciones.mes)} este mes`} />
+        <Kpi label="Mensajes entrantes (mes)" value={num(data.mensajes.mes.entrantes)}
+             sub={`${num(data.mensajes.hoy.entrantes)} hoy`} />
+        <Kpi label="Mensajes salientes (mes)" value={num(data.mensajes.mes.salientes)}
+             sub={`${num(data.mensajes.hoy.salientes)} hoy`} />
+        <Kpi label="Conversaciones totales" value={num(data.conversaciones.total)}
+             sub="caché sincronizado del WACRM" />
+      </div>
+
+      {/* Primera respuesta + leads */}
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
+        <Card>
+          <Card.Body>
+            <p className="text-xs font-medium text-theme-muted uppercase inline-flex items-center gap-1.5 mb-3">
+              <Clock size={13} /> Tiempo de primera respuesta
+            </p>
+            <div className="flex items-end gap-6">
+              <div>
+                <p className="text-2xl font-heading font-semibold text-theme-heading">{minutos(data.primera_respuesta.promedio_min)}</p>
+                <p className="text-[11px] text-theme-muted">promedio</p>
+              </div>
+              <div>
+                <p className="text-2xl font-heading font-semibold text-theme-heading">{minutos(data.primera_respuesta.mediana_min)}</p>
+                <p className="text-[11px] text-theme-muted">mediana</p>
+              </div>
+              <div>
+                <p className="text-2xl font-heading font-semibold text-theme-muted">{num(data.primera_respuesta.muestras)}</p>
+                <p className="text-[11px] text-theme-muted">conversaciones</p>
+              </div>
+            </div>
+            <p className="mt-3 text-[11px] text-theme-muted leading-snug">{data.criterios.primera_respuesta}</p>
+          </Card.Body>
+        </Card>
+
+        <Card>
+          <Card.Body>
+            <p className="text-xs font-medium text-theme-muted uppercase inline-flex items-center gap-1.5 mb-3">
+              <AlertTriangle size={13} /> Sin responder &gt; {num(data.sin_responder.horas_minimas)} h
+            </p>
+            <p className={`text-3xl font-heading font-semibold ${data.sin_responder.total > 0 ? 'text-rose-600' : 'text-theme-heading'}`}>
+              {num(data.sin_responder.total)}
+            </p>
+            <p className="mt-2 text-[11px] text-theme-muted leading-snug">{data.criterios.sin_responder}</p>
+            {data.sin_responder.detalle.length > 0 && (
+              <div className="mt-3 space-y-1.5 max-h-32 overflow-y-auto">
+                {data.sin_responder.detalle.slice(0, 5).map((d) => (
+                  <div key={d.conversation_id} className="text-[11px] text-theme-muted truncate">
+                    <span className="font-medium text-theme-heading">{num(d.horas, 1)} h</span> · {d.ultimo_mensaje || 'Sin texto'}
+                  </div>
+                ))}
+              </div>
+            )}
+          </Card.Body>
+        </Card>
+
+        <Card>
+          <Card.Body>
+            <p className="text-xs font-medium text-theme-muted uppercase inline-flex items-center gap-1.5 mb-3">
+              <TrendingUp size={13} /> Leads del mes
+            </p>
+            <div className="flex items-end gap-6">
+              <div>
+                <p className="text-2xl font-heading font-semibold text-emerald-700 inline-flex items-center gap-1.5">
+                  <TrendingUp size={18} /> {num(data.leads.ganados)}
+                </p>
+                <p className="text-[11px] text-theme-muted">ganados</p>
+              </div>
+              <div>
+                <p className="text-2xl font-heading font-semibold text-rose-600 inline-flex items-center gap-1.5">
+                  <TrendingDown size={18} /> {num(data.leads.perdidos)}
+                </p>
+                <p className="text-[11px] text-theme-muted">perdidos</p>
+              </div>
+              <div>
+                <p className="text-2xl font-heading font-semibold text-theme-muted">{num(data.leads.abiertos)}</p>
+                <p className="text-[11px] text-theme-muted">abiertos</p>
+              </div>
+            </div>
+            <p className="mt-3 text-[11px] text-theme-muted leading-snug">{data.criterios.leads}</p>
+          </Card.Body>
+        </Card>
+      </div>
+
+      <p className="text-[11px] text-theme-muted inline-flex items-center gap-1.5">
+        <MessageSquare size={12} />
+        Datos leídos en vivo de la base del WACRM (Supabase), no del caché local. Periodo del mes: {data.periodo.desde} a {data.periodo.hasta}.
+      </p>
+    </div>
+  );
+};
+
+export default WacrmMetrics;

frontend/src/lib/chat-notifications.tsx

@@ -65,6 +65,9 @@ const playChatBeep = () => {
 };
 
 const POLL_MS = 15000;
+// Presencia: latido explícito cada 30 s mientras la app está abierta (el
+// backend marca last_seen y "en línea" = actividad en los últimos 2 minutos).
+const HEARTBEAT_MS = 30000;
 
 /** Polling global de mensajes nuevos: toast + beep por remitente. Montar una sola vez. */
 export const useChatNotifications = (intervalMs = POLL_MS) => {
@@ -126,9 +129,16 @@ export const useChatNotifications = (intervalMs = POLL_MS) => {
         .catch(() => {});
     };
 
+    const latido = () => {
+      if (!alive) return;
+      odooApi.chatHeartbeat().catch(() => {});
+    };
+
     fetchUsers();
+    latido();
     const id = setInterval(fetchUsers, intervalMs);
-    return () => { alive = false; clearInterval(id); };
+    const hb = setInterval(latido, HEARTBEAT_MS);
+    return () => { alive = false; clearInterval(id); clearInterval(hb); };
   }, [user, intervalMs, navigate]);
 };
 

frontend/src/pages/Chat.tsx

@@ -1,7 +1,7 @@
 import type { FC, FormEvent, KeyboardEvent } from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import { Send, Search, ArrowLeft } from 'lucide-react';
+import { Send, Search, ArrowLeft, X, History } from 'lucide-react';
 import Layout from '../components/Layout';
 import { Card, Button, EmptyState, Skeleton, toast } from '../components/ui';
 import { ROLE_LABELS } from '../lib/auth';import { odooApi, type ChatUser, type ChatMessage } from '../services/odoo';
@@ -9,6 +9,22 @@ import { setActiveChatUser } from '../lib/chat-notifications';
 
 const POLL_MS = 5000;
 
+/** Resalta las coincidencias de `q` dentro del texto. */
+const resaltar = (texto: string, q: string) => {
+  if (!q || q.length < 2) return texto;
+  const idx = texto.toLowerCase().indexOf(q.toLowerCase());
+  if (idx < 0) return texto;
+  return (
+    <>
+      {texto.slice(0, idx)}
+      <mark className="bg-amber-200 text-theme-heading rounded px-0.5">{texto.slice(idx, idx + q.length)}</mark>
+      {texto.slice(idx + q.length)}
+    </>
+  );
+};
+
+const PRESENCIA_CLS = 'inline-block h-2.5 w-2.5 rounded-full shrink-0';
+
 // Las fechas llegan en UTC ("YYYY-MM-DD HH:MM:SS"); se muestran en hora local
 const fmtTime = (d: string | null): string => {
   if (!d) return '';
@@ -42,6 +58,14 @@ const Chat: FC = () => {
   const bottomRef = useRef<HTMLDivElement>(null);
   const [searchParams] = useSearchParams();
 
+  // Búsqueda dentro del historial del hilo abierto
+  const [histOpen, setHistOpen] = useState(false);
+  const [histQuery, setHistQuery] = useState('');
+  const [histResults, setHistResults] = useState<ChatMessage[]>([]);
+  const [histLoading, setHistLoading] = useState(false);
+  const [highlightId, setHighlightId] = useState<number | null>(null);
+  const highlightRef = useRef<HTMLDivElement>(null);
+
   const activeUser = users.find((u) => u.id === activeId) || null;
 
   const fetchUsers = useCallback(async () => {
@@ -55,9 +79,13 @@ const Chat: FC = () => {
     }
   }, []);
 
-  const fetchThread = useCallback(async (otherId: number, incremental: boolean) => {
+  const fetchThread = useCallback(async (otherId: number, incremental: boolean, aroundId?: number) => {
     try {
-      const res = await odooApi.getChatMessages(otherId, incremental ? lastIdRef.current : undefined);
+      const res = await odooApi.getChatMessages(
+        otherId,
+        incremental ? lastIdRef.current : undefined,
+        aroundId,
+      );
       if (res.status !== 'success') return;
       if (incremental) {
         if (res.messages.length === 0) return;
@@ -69,7 +97,13 @@ const Chat: FC = () => {
         setMessages(res.messages);
       }
       lastIdRef.current = Math.max(...res.messages.map((m) => m.id), lastIdRef.current);
-      setTimeout(() => bottomRef.current?.scrollIntoView({ behavior: 'smooth' }), 50);
+      if (aroundId) {
+        // Salto a un mensaje antiguo: centrarlo en vez de ir al final
+        setHighlightId(aroundId);
+        setTimeout(() => highlightRef.current?.scrollIntoView({ block: 'center', behavior: 'smooth' }), 80);
+      } else {
+        setTimeout(() => bottomRef.current?.scrollIntoView({ behavior: 'smooth' }), 50);
+      }
     } catch {
       // silencioso en polling
     }
@@ -79,6 +113,10 @@ const Chat: FC = () => {
     setActiveId(id);
     setMessages([]);
     lastIdRef.current = 0;
+    setHistOpen(false);
+    setHistQuery('');
+    setHistResults([]);
+    setHighlightId(null);
     setLoadingThread(true);
     await fetchThread(id, false);
     setLoadingThread(false);
@@ -86,6 +124,36 @@ const Chat: FC = () => {
     fetchUsers();
   }, [fetchThread, fetchUsers]);
 
+  // Buscar en el historial (servidor)
+  const buscarHistorial = useCallback(async () => {
+    if (!activeId || histQuery.trim().length < 2) return;
+    try {
+      setHistLoading(true);
+      const res = await odooApi.searchChatMessages(activeId, histQuery.trim());
+      if (res.status === 'success') setHistResults(res.results);
+    } catch {
+      toast.error('No se pudo buscar en el historial');
+    } finally {
+      setHistLoading(false);
+    }
+  }, [activeId, histQuery]);
+
+  // Saltar a un resultado: si ya está cargado se centra; si es antiguo se
+  // pide la ventana de historial que termina en ese mensaje.
+  const irAlMensaje = useCallback(async (m: ChatMessage) => {
+    if (!activeId) return;
+    const cargado = messages.some((x) => x.id === m.id);
+    setHistOpen(false);
+    if (cargado) {
+      setHighlightId(m.id);
+      setTimeout(() => highlightRef.current?.scrollIntoView({ block: 'center', behavior: 'smooth' }), 80);
+    } else {
+      setLoadingThread(true);
+      await fetchThread(activeId, false, m.id);
+      setLoadingThread(false);
+    }
+  }, [activeId, messages, fetchThread]);
+
   // Carga inicial + polling de lista y hilo abierto
   useEffect(() => {
     fetchUsers();
@@ -186,8 +254,19 @@ const Chat: FC = () => {
                           onClick={() => openConversation(u.id)}
                           className={`w-full flex items-center gap-3 px-3 py-3 text-left transition-colors hover:bg-theme-accent-bg ${activeId === u.id ? 'bg-theme-accent-bg' : ''}`}
                         >
-                          <span className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-lilac text-xs font-bold text-theme-heading">
+                          <span className="relative shrink-0">
-                            {initials(u.name)}
+                            <span className="flex h-10 w-10 items-center justify-center rounded-full bg-brand-lilac text-xs font-bold text-theme-heading">
+                              {initials(u.name)}
+                            </span>
+                            <span
+                              className={`absolute -bottom-0 -right-0 ${PRESENCIA_CLS} border-2 border-theme-surface ${
+                                u.online ? 'bg-emerald-500' : 'bg-theme-muted/40'
+                              }`}
+                              data-presencia={u.online ? 'online' : 'offline'}
+                              title={u.online
+                                ? 'En línea'
+                                : u.last_seen ? `Visto ${fmtDay(u.last_seen)} ${fmtTime(u.last_seen)}` : 'Sin actividad'}
+                            />
                           </span>
                           <span className="flex-1 min-w-0">
                             <span className="flex items-center justify-between gap-2">
@@ -237,15 +316,93 @@ const Chat: FC = () => {
                     >
                       <ArrowLeft size={18} />
                     </button>
-                    <span className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-brand-lilac text-xs font-bold text-theme-heading">
+                    <span className="relative shrink-0">
-                      {initials(activeUser.name)}
+                      <span className="flex h-9 w-9 items-center justify-center rounded-full bg-brand-lilac text-xs font-bold text-theme-heading">
+                        {initials(activeUser.name)}
+                      </span>
+                      <span
+                        className={`absolute -bottom-0 -right-0 h-2.5 w-2.5 rounded-full border-2 border-theme-surface ${
+                          activeUser.online ? 'bg-emerald-500' : 'bg-theme-muted/40'
+                        }`}
+                        data-presencia={activeUser.online ? 'online' : 'offline'}
+                      />
                     </span>
-                    <div className="min-w-0">
+                    <div className="min-w-0 flex-1">
                       <p className="truncate text-sm font-semibold text-theme-heading">{activeUser.name}</p>
-                      <p className="text-xs text-theme-muted">{ROLE_LABELS[activeUser.role] || activeUser.role}</p>
+                      <p className="text-xs text-theme-muted">
+                        {activeUser.online
+                          ? 'En línea'
+                          : activeUser.last_seen
+                            ? `Visto ${fmtDay(activeUser.last_seen)} ${fmtTime(activeUser.last_seen)}`
+                            : ROLE_LABELS[activeUser.role] || activeUser.role}
+                      </p>
                     </div>
+                    <button
+                      type="button"
+                      onClick={() => { setHistOpen((v) => !v); setHistResults([]); }}
+                      className={`shrink-0 inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs font-medium transition ${
+                        histOpen ? 'border-theme-accent bg-theme-accent-bg text-theme-heading' : 'border-theme-border text-theme-muted hover:border-theme-border-strong'
+                      }`}
+                      title="Buscar en el historial de esta conversación"
+                    >
+                      <History size={13} />
+                      Buscar
+                    </button>
                   </div>
 
+                  {histOpen && (
+                    <div className="px-4 py-3 border-b border-theme-border bg-theme-surface">
+                      <div className="flex items-center gap-2">
+                        <div className="relative flex-1">
+                          <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-theme-muted" />
+                          <input
+                            type="text"
+                            autoFocus
+                            placeholder="Buscar en el historial..."
+                            value={histQuery}
+                            onChange={(e) => setHistQuery(e.target.value)}
+                            onKeyDown={(e) => { if (e.key === 'Enter') buscarHistorial(); }}
+                            className="w-full rounded-xl border border-theme-border-strong bg-theme-surface pl-9 pr-3 py-2 text-sm text-theme-heading focus:outline-none focus:ring-2 focus:ring-theme-accent/30 focus:border-theme-accent"
+                          />
+                        </div>
+                        <Button size="sm" onClick={buscarHistorial} loading={histLoading}>Buscar</Button>
+                        <button
+                          type="button"
+                          onClick={() => { setHistOpen(false); setHistResults([]); setHistQuery(''); }}
+                          className="p-1.5 rounded-lg text-theme-muted hover:bg-theme-bg"
+                          aria-label="Cerrar búsqueda"
+                        >
+                          <X size={16} />
+                        </button>
+                      </div>
+                      {histResults.length > 0 && (
+                        <div className="mt-2 max-h-56 overflow-y-auto divide-y divide-theme-border rounded-xl border border-theme-border">
+                          <p className="px-3 py-1.5 text-[11px] text-theme-muted bg-theme-bg">
+                            {histResults.length} {histResults.length === 1 ? 'resultado' : 'resultados'} para "{histQuery}"
+                          </p>
+                          {histResults.map((m) => (
+                            <button
+                              key={m.id}
+                              type="button"
+                              onClick={() => irAlMensaje(m)}
+                              className="w-full text-left px-3 py-2 hover:bg-theme-bg transition"
+                            >
+                              <p className="text-xs text-theme-heading break-words">
+                                {resaltar(m.body, histQuery)}
+                              </p>
+                              <p className="text-[10px] text-theme-muted mt-0.5">
+                                {m.mine ? 'Tú' : activeUser.name} · {m.date}
+                              </p>
+                            </button>
+                          ))}
+                        </div>
+                      )}
+                      {!histLoading && histQuery.trim().length >= 2 && histResults.length === 0 && (
+                        <p className="mt-2 text-xs text-theme-muted">Sin coincidencias en esta conversación.</p>
+                      )}
+                    </div>
+                  )}
+
                   <div className="flex-1 overflow-y-auto px-4 py-4 space-y-2 bg-theme-bg">
                     {loadingThread ? (
                       <div className="space-y-3">
@@ -261,9 +418,16 @@ const Chat: FC = () => {
                       </p>
                     ) : (
                       messages.map((m) => (
-                        <div key={m.id} className={`flex ${m.mine ? 'justify-end' : 'justify-start'}`}>
+                        <div
+                          key={m.id}
+                          ref={highlightId === m.id ? highlightRef : undefined}
+                          data-msg-id={m.id}
+                          className={`flex ${m.mine ? 'justify-end' : 'justify-start'}`}
+                        >
                           <div
-                            className={`max-w-[75%] rounded-2xl px-3.5 py-2 text-sm shadow-card ${
+                            className={`max-w-[75%] rounded-2xl px-3.5 py-2 text-sm shadow-card transition-shadow ${
+                              highlightId === m.id ? 'ring-2 ring-amber-400' : ''
+                            } ${
                               m.mine
                                 ? 'bg-theme-accent text-theme-inverse rounded-br-md'
                                 : 'bg-theme-surface text-theme-heading border border-theme-border rounded-bl-md'

frontend/src/pages/WacrmMessages.tsx

@@ -1,10 +1,14 @@
 import type { FC } from 'react';
 import { useEffect, useState, useCallback, useRef } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
-import { RefreshCw, MessageSquare, Phone, Search, User, Bot, Headphones, UserPlus, X, Send, ChevronDown, Heart, Calendar } from 'lucide-react';
+import { RefreshCw, MessageSquare, Phone, Search, User, Bot, Headphones, UserPlus, X, Send, ChevronDown, Heart, Calendar, StickyNote, Tag, BarChart3 } from 'lucide-react';
 import Layout from '../components/Layout';
 import { Card, Button, Input, EmptyState, Skeleton, toast, Badge, Modal } from '../components/ui';
-import { odooApi, type WacrmConversation, type WacrmMessage, type Patient } from '../services/odoo';
+import { odooApi, type WacrmConversation, type WacrmMessage, type Patient, type WacrmTag } from '../services/odoo';
+import { useAuth } from '../lib/auth';
+import WacrmMetrics from '../components/wacrm/WacrmMetrics';
+import ConversationNotas from '../components/wacrm/ConversationNotas';
+import ConversationEtiquetas from '../components/wacrm/ConversationEtiquetas';
 
 interface Member {
   id: string;
@@ -39,6 +43,14 @@ const WacrmMessages: FC = () => {
     return '';
   });
   const [filtro, setFiltro] = useState<'todas' | 'mias' | 'sin_asignar' | 'no_leidas'>('todas');
+  // Vista de la página: bandeja o tablero de métricas (sólo admin/gerencia)
+  const [vista, setVista] = useState<'conversaciones' | 'metricas'>('conversaciones');
+  // Panel del detalle: mensajes, notas internas o etiquetas
+  const [detalleTab, setDetalleTab] = useState<'mensajes' | 'notas' | 'etiquetas'>('mensajes');
+  const [tagsCatalogo, setTagsCatalogo] = useState<WacrmTag[]>([]);
+  const [filtroTag, setFiltroTag] = useState<number | ''>('');
+  const { user } = useAuth();
+  const puedeVerMetricas = !!user && (user.role === 'admin' || user.role === 'gerencia');
   const [searchParams] = useSearchParams();
   const convParam = searchParams.get('conv');
 
@@ -154,6 +166,10 @@ const WacrmMessages: FC = () => {
       if (res.status === 'success') {
         toast.success(`Sincronizado: ${JSON.stringify(res.result)}`);
         await loadConversations();
+      } else if (res.status === 'busy') {
+        // La auto-sincronización cada 15 s ya está corriendo
+        toast.info('Ya hay una sincronización en curso');
+        await loadConversations();
       }
     } catch (err) {
       toast.error('Error al sincronizar con WACRM');
@@ -163,12 +179,21 @@ const WacrmMessages: FC = () => {
     }
   };
 
+  const loadTags = useCallback(async () => {
+    try {
+      const res = await odooApi.getWacrmTags();
+      if (res.status === 'success') setTagsCatalogo(res.tags);
+    } catch {
+      // el catálogo de etiquetas es opcional para la bandeja
+    }
+  }, []);
+
   // Carga inicial
   useEffect(() => {
     let mounted = true;
     const init = async () => {
       setLoading(true);
-      await Promise.all([loadConversations(), loadMembers()]);
+      await Promise.all([loadConversations(), loadMembers(), loadTags()]);
       if (mounted) setLoading(false);
     };
     init();
@@ -261,6 +286,15 @@ const WacrmMessages: FC = () => {
   const handleSelect = useCallback((c: WacrmConversation) => {
     userSelectedRef.current = true;
     setSelected(c);
+    setDetalleTab('mensajes');
+  }, []);
+
+  /** Refresca la conversación en la lista cuando cambian sus etiquetas. */
+  const actualizarTagsSeleccion = useCallback((tags: { id: number; name: string; color: string }[]) => {
+    setSelected((prev) => (prev ? { ...prev, tags } : prev));
+    setConversations((prev) => prev.map((c) => (
+      c.external_id === selectedRef.current?.external_id ? { ...c, tags } : c
+    )));
   }, []);
 
   const handleSendReply = async () => {
@@ -320,6 +354,7 @@ const WacrmMessages: FC = () => {
   const agentName = (id?: string) => (id ? members.find((m) => m.id === id)?.name : undefined);
 
   const conversationsFiltradas = conversations.filter((c) => {
+    if (filtroTag !== '' && !(c.tags || []).some((t) => t.id === filtroTag)) return false;
     if (filtro === 'mias') return !!currentAgentId && c.assigned_agent_id === currentAgentId;
     if (filtro === 'sin_asignar') return !c.assigned_agent_id;
     if (filtro === 'no_leidas') return c.unread_count > 0;
@@ -366,6 +401,36 @@ const WacrmMessages: FC = () => {
         </div>
       </div>
 
+      {/* Vista: bandeja o métricas de gerencia */}
+      <div className="flex flex-wrap gap-1.5 mb-4">
+        <button
+          type="button"
+          onClick={() => setVista('conversaciones')}
+          className={`inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-full transition ${
+            vista === 'conversaciones' ? 'bg-theme-accent text-theme-inverse' : 'bg-theme-accent-bg text-theme-heading hover:bg-theme-bg'
+          }`}
+        >
+          <MessageSquare size={15} /> Conversaciones
+        </button>
+        {puedeVerMetricas && (
+          <button
+            type="button"
+            onClick={() => setVista('metricas')}
+            className={`inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-full transition ${
+              vista === 'metricas' ? 'bg-theme-accent text-theme-inverse' : 'bg-theme-accent-bg text-theme-heading hover:bg-theme-bg'
+            }`}
+            title="Tablero de atención de WhatsApp (gerencia)"
+          >
+            <BarChart3 size={15} /> Métricas
+          </button>
+        )}
+      </div>
+
+      {vista === 'metricas' && puedeVerMetricas ? (
+        <WacrmMetrics />
+      ) : (
+      <>
+
       {loading ? (
         <Skeleton count={6} className="h-20 w-full" />
       ) : conversations.length === 0 ? (
@@ -394,6 +459,21 @@ const WacrmMessages: FC = () => {
                 </button>
               ))}
             </div>
+            {tagsCatalogo.length > 0 && (
+              <div className="px-2.5 py-2 border-b border-theme-border shrink-0">
+                <select
+                  value={filtroTag}
+                  onChange={(e) => setFiltroTag(e.target.value === '' ? '' : parseInt(e.target.value, 10))}
+                  aria-label="Filtrar por etiqueta"
+                  className="w-full rounded-lg border border-theme-border-strong bg-theme-surface px-2 py-1.5 text-xs text-theme-heading"
+                >
+                  <option value="">Todas las etiquetas</option>
+                  {tagsCatalogo.map((t) => (
+                    <option key={t.id} value={t.id}>{t.name}</option>
+                  ))}
+                </select>
+              </div>
+            )}
             <Card.Body className="p-0 overflow-y-auto flex-1">
               <div className="divide-y">
                 {conversationsFiltradas.length === 0 && (
@@ -420,6 +500,19 @@ const WacrmMessages: FC = () => {
                       )}
                     </div>
                     <p className="text-xs text-theme-muted mt-1 truncate">{c.last_message_text || 'Sin mensajes'}</p>
+                    {(c.tags || []).length > 0 && (
+                      <div className="flex flex-wrap gap-1 mt-1">
+                        {(c.tags || []).map((t) => (
+                          <span
+                            key={t.id}
+                            className="rounded-full px-1.5 py-0.5 text-[9px] font-medium text-white"
+                            style={{ backgroundColor: t.color }}
+                          >
+                            {t.name}
+                          </span>
+                        ))}
+                      </div>
+                    )}
                     <div className="flex items-center justify-between mt-1">
                       <p className="text-[10px] text-theme-muted">{c.last_message_at || c.created_at || ''}</p>
                       {c.assigned_agent_id && (
@@ -500,6 +593,49 @@ const WacrmMessages: FC = () => {
                       )}
                     </div>
                   )}
+                  {/* Pestañas del detalle: mensajes, notas internas y etiquetas */}
+                  <div className="flex flex-wrap gap-1.5 px-4 py-2 border-b border-theme-border shrink-0">
+                    {([
+                      { key: 'mensajes', label: 'Mensajes', icon: MessageSquare },
+                      { key: 'notas', label: 'Notas internas', icon: StickyNote },
+                      { key: 'etiquetas', label: 'Etiquetas', icon: Tag },
+                    ] as const).map((t) => {
+                      const Icono = t.icon;
+                      return (
+                        <button
+                          key={t.key}
+                          type="button"
+                          onClick={() => setDetalleTab(t.key)}
+                          className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium transition ${
+                            detalleTab === t.key
+                              ? 'bg-theme-accent text-theme-inverse'
+                              : 'bg-theme-accent-bg text-theme-heading hover:bg-theme-bg'
+                          }`}
+                        >
+                          <Icono size={13} /> {t.label}
+                          {t.key === 'etiquetas' && (selected.tags || []).length > 0 && (
+                            <span className="inline-flex items-center justify-center min-w-[16px] h-4 px-1 rounded-full bg-theme-surface/40 text-[10px]">
+                              {(selected.tags || []).length}
+                            </span>
+                          )}
+                        </button>
+                      );
+                    })}
+                  </div>
+
+                  {detalleTab === 'notas' ? (
+                    <ConversationNotas
+                      conversationId={selected.external_id}
+                      contactName={selected.contact_name}
+                    />
+                  ) : detalleTab === 'etiquetas' ? (
+                    <ConversationEtiquetas
+                      conversationId={selected.external_id}
+                      onTagsChange={actualizarTagsSeleccion}
+                      onCatalogoChange={loadTags}
+                    />
+                  ) : (
+                  <>
                   <div ref={threadRef} className="flex-1 overflow-y-auto p-4 space-y-3">
                     {messages.length > 0 && msgHasMore && (
                       <div className="text-center">
@@ -583,6 +719,8 @@ const WacrmMessages: FC = () => {
                       <p className="text-xs text-amber-600 mt-2">Selecciona "Responder como..." para poder responder mensajes.</p>
                     )}
                   </div>
+                  </>
+                  )}
                 </>
               ) : (
                 <div className="flex-1 flex items-center justify-center">
@@ -638,6 +776,8 @@ const WacrmMessages: FC = () => {
           )}
         </div>
       </Modal>
+      </>
+      )}
     </Layout>
   );
 };

frontend/src/services/odoo.ts

@@ -626,6 +626,43 @@ export interface WacrmConversation {
   last_message_at: string | null;
   unread_count: number;
   created_at: string | null;
+  tags?: { id: number; name: string; color: string }[];
+}
+
+export interface WacrmTag {
+  id: number;
+  name: string;
+  color: string;
+  sequence: number;
+  active: boolean;
+}
+
+export interface WacrmNote {
+  id: number;
+  body: string;
+  author: string;
+  date: string | null;
+  resolved: boolean;
+  resolved_at: string | null;
+  resolved_by: string;
+}
+
+export interface WacrmMetrics {
+  status: string;
+  generado: string;
+  periodo: { desde: string; hasta: string };
+  sin_respuesta_horas: number;
+  conversaciones: { hoy: number; semana: number; mes: number; total: number };
+  mensajes: {
+    hoy: { entrantes: number; salientes: number };
+    semana: { entrantes: number; salientes: number };
+    mes: { entrantes: number; salientes: number };
+  };
+  primera_respuesta: { muestras: number; promedio_min: number | null; mediana_min: number | null };
+  sin_responder: { total: number; horas_minimas: number; detalle: { conversation_id: string; horas: number; ultimo_mensaje: string }[] };
+  leads: { ganados: number; perdidos: number; abiertos: number; valor_ganado: number };
+  criterios: Record<string, string>;
+  message?: string;
 }
 
 export interface WacrmMessage {
@@ -713,6 +750,8 @@ export interface ChatUser {
   last_message: string | null;
   last_date: string | null;
   last_mine: boolean | null;
+  online: boolean;
+  last_seen: string | null;
 }
 
 export interface ChatMessage {
@@ -1180,8 +1219,24 @@ export const odooApi = {
     return data;
   },
 
-  async getChatMessages(userId: number, sinceId?: number): Promise<{ status: string; messages: ChatMessage[] }> {
+  async getChatMessages(userId: number, sinceId?: number, aroundId?: number): Promise<{ status: string; messages: ChatMessage[]; around_id?: number | null }> {
-    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/chat/messages`, { user_id: userId, since_id: sinceId || undefined });
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/chat/messages`, {
+      user_id: userId,
+      since_id: sinceId || undefined,
+      around_id: aroundId || undefined,
+    });
+    return data;
+  },
+
+  /** Búsqueda en el historial con otro usuario (servidor). */
+  async searchChatMessages(userId: number, q: string, limit = 50): Promise<{ status: string; query: string; count: number; results: ChatMessage[] }> {
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/chat/search`, { user_id: userId, q, limit });
+    return data;
+  },
+
+  /** Latido de presencia (se manda cada ~30 s con la app abierta). */
+  async chatHeartbeat(): Promise<{ status: string; online_count: number; online_window_seconds: number }> {
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/chat/heartbeat`);
     return data;
   },
 
@@ -1860,6 +1915,59 @@ export const odooApi = {
     return data;
   },
 
+  // ---- Notas internas ----
+  async getWacrmNotes(conversationId: string): Promise<{ status: string; notes: WacrmNote[]; pendientes: number }> {
+    const { data } = await axios.get(`${ODOO_BASE}/skeen/frontend/v1/wacrm/conversations/${conversationId}/notes`);
+    return data;
+  },
+
+  async createWacrmNote(conversationId: string, body: string): Promise<{ status: string; note: WacrmNote }> {
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/wacrm/conversations/${conversationId}/notes`, { body });
+    return data;
+  },
+
+  async updateWacrmNote(noteId: number, payload: { body?: string; resolved?: boolean }): Promise<{ status: string; note: WacrmNote }> {
+    const { data } = await axios.put(`${ODOO_BASE}/skeen/frontend/v1/wacrm/notes/${noteId}`, payload);
+    return data;
+  },
+
+  async deleteWacrmNote(noteId: number): Promise<{ status: string; message: string }> {
+    const { data } = await axios.delete(`${ODOO_BASE}/skeen/frontend/v1/wacrm/notes/${noteId}`);
+    return data;
+  },
+
+  // ---- Etiquetas ----
+  async getWacrmTags(): Promise<{ status: string; tags: WacrmTag[] }> {
+    const { data } = await axios.get(`${ODOO_BASE}/skeen/frontend/v1/wacrm/tags`);
+    return data;
+  },
+
+  async createWacrmTag(payload: { name: string; color?: string; sequence?: number }): Promise<{ status: string; tag: WacrmTag }> {
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/wacrm/tags`, payload);
+    return data;
+  },
+
+  async updateWacrmTag(tagId: number, payload: Partial<WacrmTag>): Promise<{ status: string; tag: WacrmTag }> {
+    const { data } = await axios.put(`${ODOO_BASE}/skeen/frontend/v1/wacrm/tags/${tagId}`, payload);
+    return data;
+  },
+
+  async deleteWacrmTag(tagId: number): Promise<{ status: string; message: string }> {
+    const { data } = await axios.delete(`${ODOO_BASE}/skeen/frontend/v1/wacrm/tags/${tagId}`);
+    return data;
+  },
+
+  async assignWacrmTag(conversationId: string, tagId: number, action: 'add' | 'remove' = 'add'): Promise<{ status: string; tags: { id: number; name: string; color: string }[] }> {
+    const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/wacrm/conversations/${conversationId}/tags`, { tag_id: tagId, action });
+    return data;
+  },
+
+  // ---- Métricas para gerencia ----
+  async getWacrmMetrics(params?: { sin_respuesta_horas?: number }): Promise<WacrmMetrics> {
+    const { data } = await axios.get(`${ODOO_BASE}/skeen/frontend/v1/wacrm/metrics`, { params });
+    return data;
+  },
+
   async sendWacrmMessage(payload: { conversation_id: string; text: string; assigned_agent_id: string }): Promise<{ status: string; message: string }> {
     const { data } = await axios.post(`${ODOO_BASE}/skeen/frontend/v1/wacrm/messages`, payload);
     return data;

odoo-addons/skeen_chat/controllers/chat.py

@@ -6,7 +6,7 @@ restringidos al usuario autenticado: solo puede listar/leer conversaciones
 donde él es sender o recipient, y solo puede enviar como él mismo.
 """
 
-from odoo import http
+from odoo import http, fields
 from odoo.http import request
 
 from odoo.addons.skeen_whatsapp.controllers.auth import require_role
@@ -15,10 +15,44 @@ from odoo.addons.skeen_whatsapp.controllers.frontend import json_response, _pars
 MAX_BODY = 2000
 HISTORY_LIMIT = 50
 LIST_SCAN_LIMIT = 500
+# Presencia: actividad en los últimos 2 minutos = "en línea"
+ONLINE_SECONDS = 120
+# No reescribir last_seen más seguido que esto (varias pestañas del mismo
+# usuario laten a la vez)
+TOUCH_INTERVAL = 20
 
 
 class SkeenChatController(http.Controller):
 
+    def _touch(self, me):
+        """Marca actividad del usuario (presencia). Nunca debe romper la petición.
+
+        Se hace con SQL directo dentro de un savepoint: el frontend consulta
+        varios endpoints de chat en paralelo (bandeja, badge, heartbeat) y dos
+        UPDATE concurrentes sobre la misma fila abortan la transacción en
+        REPEATABLE READ ("could not serialize access due to concurrent update").
+        Con el savepoint ese fallo se descarta y la petición sigue; además sólo
+        se escribe si el último registro tiene más de TOUCH_INTERVAL segundos,
+        que es lo que evita la mayor parte de los choques.
+        """
+        try:
+            ahora = fields.Datetime.now()
+            limite = fields.Datetime.subtract(ahora, seconds=TOUCH_INTERVAL)
+            cr = request.env.cr
+            with cr.savepoint():
+                cr.execute(
+                    "UPDATE skeen_frontend_user SET last_seen = %s, write_date = %s "
+                    "WHERE id = %s AND (last_seen IS NULL OR last_seen < %s)",
+                    (ahora, ahora, me.id, limite))
+        except Exception:
+            pass
+
+    def _online(self, user):
+        if not user.last_seen:
+            return False
+        delta = (fields.Datetime.now() - user.last_seen).total_seconds()
+        return delta <= ONLINE_SECONDS
+
     def _message_to_dict(self, msg, me_id):
         return {
             'id': msg.id,
@@ -30,6 +64,36 @@ class SkeenChatController(http.Controller):
             'date': msg.create_date.strftime('%Y-%m-%d %H:%M:%S') if msg.create_date else None,
         }
 
+    def _pair_domain(self, me_id, other_id):
+        return [
+            '|', '&', ('sender_id', '=', me_id), ('recipient_id', '=', other_id),
+            '&', ('sender_id', '=', other_id), ('recipient_id', '=', me_id),
+        ]
+
+    @http.route('/skeen/frontend/v1/chat/heartbeat', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
+    @require_role('lectura')
+    def chat_heartbeat(self, **kw):
+        """Latido de presencia: el cliente lo manda cada ~30 s con la app abierta.
+
+        Es la ÚNICA señal que escribe last_seen: así no compite con las demás
+        llamadas de chat que el frontend lanza en paralelo.
+        """
+        try:
+            me = request.frontend_user
+            self._touch(me)
+            online = request.env['skeen.frontend.user'].sudo().search_count([
+                ('active', '=', True),
+                ('last_seen', '>=', fields.Datetime.subtract(fields.Datetime.now(), seconds=ONLINE_SECONDS)),
+            ])
+            return json_response({
+                'status': 'success',
+                'server_time': fields.Datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+                'online_count': online,
+                'online_window_seconds': ONLINE_SECONDS,
+            })
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
     @http.route('/skeen/frontend/v1/chat/users', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
     @require_role('lectura')
     def chat_users(self, **kw):
@@ -79,6 +143,8 @@ class SkeenChatController(http.Controller):
                     'last_message': last.get(u.id, {}).get('body'),
                     'last_date': last.get(u.id, {}).get('date'),
                     'last_mine': last.get(u.id, {}).get('mine'),
+                    'online': self._online(u),
+                    'last_seen': u.last_seen.strftime('%Y-%m-%d %H:%M:%S') if u.last_seen else None,
                 } for u in conversations + rest],
             })
         except Exception as e:
@@ -87,7 +153,8 @@ class SkeenChatController(http.Controller):
     @http.route('/skeen/frontend/v1/chat/messages', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
     @require_role('lectura')
     def chat_messages(self, **kw):
-        """Historial con otro usuario (últimos 50; since_id para incremental).
+        """Historial con otro usuario (últimos 50; since_id para incremental,
+        around_id para abrir la ventana que termina en un mensaje concreto).
 
         Marca como leídos los mensajes recibidos de ese usuario.
         """
@@ -100,15 +167,19 @@ class SkeenChatController(http.Controller):
             User = request.env['skeen.frontend.user'].sudo()
             if not User.search([('id', '=', other_id), ('active', '=', True)], limit=1):
                 return json_response({'status': 'error', 'message': 'Usuario no encontrado'}, 404)
-            domain = [
+            domain = self._pair_domain(me.id, other_id)
-                '|', '&', ('sender_id', '=', me.id), ('recipient_id', '=', other_id),
-                '&', ('sender_id', '=', other_id), ('recipient_id', '=', me.id),
-            ]
             since_id = int(data.get('since_id') or 0)
+            around_id = int(data.get('around_id') or 0)
+            Msg = request.env['skeen.chat.message'].sudo()
             if since_id:
                 domain.append(('id', '>', since_id))
-            Msg = request.env['skeen.chat.message'].sudo()
+                msgs = Msg.search(domain, order='id desc', limit=HISTORY_LIMIT).sorted('id')
-            msgs = Msg.search(domain, order='id desc', limit=HISTORY_LIMIT).sorted('id')
+            elif around_id:
+                # Ventana de historial que TERMINA en ese mensaje (contexto hacia atrás)
+                msgs = Msg.search(domain + [('id', '<=', around_id)],
+                                  order='id desc', limit=HISTORY_LIMIT).sorted('id')
+            else:
+                msgs = Msg.search(domain, order='id desc', limit=HISTORY_LIMIT).sorted('id')
             # Marcar leídos los recibidos en esta conversación
             incoming = msgs.filtered(lambda m: m.recipient_id.id == me.id and not m.is_read)
             if incoming:
@@ -116,6 +187,41 @@ class SkeenChatController(http.Controller):
             return json_response({
                 'status': 'success',
                 'messages': [self._message_to_dict(m, me.id) for m in msgs],
+                'around_id': around_id or None,
+            })
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/chat/search', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
+    @require_role('lectura')
+    def chat_search(self, **kw):
+        """Busca texto en el historial con otro usuario.
+
+        Devuelve los mensajes que coinciden (más recientes primero) con el
+        texto y el fragmento resaltado del lado del cliente.
+        """
+        try:
+            me = request.frontend_user
+            data = _parse_json_body()
+            other_id = int(data.get('user_id') or 0)
+            q = (data.get('q') or '').strip()
+            limit = min(max(int(data.get('limit', 50) or 50), 1), 100)
+            if not other_id or other_id == me.id:
+                return json_response({'status': 'error', 'message': 'user_id inválido'}, 400)
+            if len(q) < 2:
+                return json_response({'status': 'error', 'message': 'Escribe al menos 2 caracteres'}, 400)
+            User = request.env['skeen.frontend.user'].sudo()
+            if not User.search([('id', '=', other_id), ('active', '=', True)], limit=1):
+                return json_response({'status': 'error', 'message': 'Usuario no encontrado'}, 404)
+            Msg = request.env['skeen.chat.message'].sudo()
+            msgs = Msg.search(self._pair_domain(me.id, other_id) + [('body', 'ilike', q)],
+                              order='id desc', limit=limit)
+            results = [self._message_to_dict(m, me.id) for m in msgs]
+            return json_response({
+                'status': 'success',
+                'query': q,
+                'count': len(results),
+                'results': results,
             })
         except Exception as e:
             return json_response({'status': 'error', 'message': str(e)}, 500)
@@ -154,11 +260,18 @@ class SkeenChatController(http.Controller):
     @http.route('/skeen/frontend/v1/chat/unread_count', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
     @require_role('lectura')
     def chat_unread_count(self, **kw):
-        """Total global de mensajes no leídos del usuario (badge del menú)."""
+        """Total global de mensajes no leídos del usuario (badge del menú).
+
+        Mismo universo que /chat/users: sólo remitentes ACTIVOS, para que el
+        badge cuadre con la suma de los contadores de la bandeja.
+        """
         try:
             me = request.frontend_user
+            activos = request.env['skeen.frontend.user'].sudo().search([('active', '=', True)]).ids
             total = request.env['skeen.chat.message'].sudo().search_count([
-                ('recipient_id', '=', me.id), ('is_read', '=', False),
+                ('recipient_id', '=', me.id),
+                ('is_read', '=', False),
+                ('sender_id', 'in', activos),
             ])
             return json_response({'status': 'success', 'unread': total})
         except Exception as e:

odoo-addons/skeen_whatsapp/controllers/wacrm_proxy.py

@@ -4,15 +4,17 @@ Proxy/caché entre WACRM (Supabase) y Odoo.
 Expone endpoints REST para el frontend SKEEN.
 """
 
-from odoo import http
+from odoo import http, fields
 from odoo.http import request
 from .frontend import json_response, _parse_json_body
+from .auth import require_role
 import os
 import logging
 import requests
 import re
+import time
 import uuid
-from datetime import datetime
+from datetime import datetime, timedelta
 
 _logger = logging.getLogger(__name__)
 
@@ -126,13 +128,42 @@ class SkeenWacrmProxyController(http.Controller):
     # ============================================================
     @http.route('/skeen/frontend/v1/wacrm/sync', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
     def sync_wacrm(self, **kw):
-        """Sincroniza contactos, conversaciones, mensajes, pipelines y deals desde Supabase hacia Odoo."""
+        """Sincroniza contactos, conversaciones, mensajes, pipelines y deals desde Supabase hacia Odoo.
+
+        El frontend tiene auto-sync cada 15 s y un botón manual: si ambos
+        coinciden, dos transacciones escriben las mismas filas del caché y
+        Postgres aborta una con "could not serialize access" (500). Se
+        reintenta con la transacción limpia, que es lo que hace Odoo en sus
+        propios reintentos.
+        """
+        # Un solo sync a la vez: el frontend auto-sincroniza cada 15 s y tiene
+        # botón manual; dos syncs simultáneos chocan en las mismas filas del
+        # caché y Postgres aborta uno. El lock de transacción se libera solo.
         try:
-            result = self._do_sync()
+            request.env.cr.execute(
-            return json_response({'status': 'success', 'result': result})
+                "SELECT pg_try_advisory_xact_lock(hashtext('skeen_wacrm_sync'))")
-        except Exception as e:
+            libre = request.env.cr.fetchone()[0]
-            _logger.exception('Error sincronizando WACRM')
+        except Exception:
-            return json_response({'status': 'error', 'message': str(e)}, 500)
+            libre = True
+        if not libre:
+            return json_response({
+                'status': 'busy',
+                'message': 'Ya hay una sincronización en curso; se actualizará en unos segundos',
+            })
+        ultimo = None
+        for intento in range(3):
+            try:
+                result = self._do_sync()
+                return json_response({'status': 'success', 'result': result})
+            except Exception as e:
+                ultimo = e
+                if 'could not serialize' not in str(e).lower():
+                    break
+                request.env.cr.rollback()
+                _logger.warning('Sync WACRM en conflicto (intento %s/3), reintentando', intento + 1)
+                time.sleep(0.8 * (intento + 1))
+        _logger.exception('Error sincronizando WACRM')
+        return json_response({'status': 'error', 'message': str(ultimo)}, 500)
 
     def _do_sync(self):
         account_id = None
@@ -729,8 +760,388 @@ class SkeenWacrmProxyController(http.Controller):
             'last_message_at': c.last_message_at.strftime('%Y-%m-%d %H:%M:%S') if c.last_message_at else None,
             'unread_count': c.unread_count,
             'created_at': c.created_at.strftime('%Y-%m-%d %H:%M:%S') if c.created_at else None,
+            'tags': self._tags_de(c.external_id),
         }
 
+    # ============================================================
+    # Notas internas y etiquetas (viven en Odoo, sobreviven al sync)
+    # ============================================================
+    def _tags_de(self, external_id):
+        rows = request.env['skeen.wacrm.conversation.tag'].sudo().search([
+            ('conversation_external_id', '=', external_id)])
+        return [{'id': r.tag_id.id, 'name': r.tag_id.name, 'color': r.tag_id.color}
+                for r in rows if r.tag_id.active]
+
+    def _note_to_dict(self, n):
+        return {
+            'id': n.id,
+            'body': n.body,
+            'author': n.author_name or n.author_login or '',
+            'date': n.create_date.strftime('%Y-%m-%d %H:%M') if n.create_date else None,
+            'resolved': n.resolved,
+            'resolved_at': n.resolved_at.strftime('%Y-%m-%d %H:%M') if n.resolved_at else None,
+            'resolved_by': n.resolved_by or '',
+        }
+
+    def _tag_to_dict(self, t):
+        return {'id': t.id, 'name': t.name, 'color': t.color, 'sequence': t.sequence,
+                'active': t.active}
+
+    # ---- Notas internas ----
+    @http.route('/skeen/frontend/v1/wacrm/conversations/<string:external_id>/notes', type='http', auth='none', methods=['GET', 'OPTIONS'], csrf=False)
+    @require_role('lectura')
+    def list_notes(self, external_id, **kw):
+        """Notas internas de la conversación. Nunca se envían al paciente."""
+        try:
+            notes = request.env['skeen.wacrm.note'].sudo().search([
+                ('conversation_external_id', '=', external_id)])
+            return json_response({
+                'status': 'success',
+                'notes': [self._note_to_dict(n) for n in notes],
+                'pendientes': notes.filtered(lambda n: not n.resolved).__len__(),
+            })
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/conversations/<string:external_id>/notes', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
+    @require_role('recepcion')
+    def create_note(self, external_id, **kw):
+        try:
+            data = _parse_json_body()
+            body = (data.get('body') or '').strip()
+            if not body:
+                return json_response({'status': 'error', 'message': 'La nota no puede estar vacía'}, 400)
+            me = getattr(request, 'frontend_user', None)
+            conv = request.env['skeen.wacrm.conversation'].sudo().search(
+                [('external_id', '=', external_id)], limit=1)
+            note = request.env['skeen.wacrm.note'].sudo().create({
+                'conversation_external_id': external_id,
+                'contact_name': conv.contact_name if conv else '',
+                'body': body,
+                'author_name': getattr(me, 'name', '') or '',
+                'author_login': getattr(me, 'login', '') or '',
+            })
+            return json_response({'status': 'success', 'note': self._note_to_dict(note)}, 201)
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/notes/<int:note_id>', type='http', auth='none', methods=['PUT', 'OPTIONS'], csrf=False)
+    @require_role('recepcion')
+    def update_note(self, note_id, **kw):
+        """Marca/desmarca una nota como atendida, o edita su texto."""
+        try:
+            note = request.env['skeen.wacrm.note'].sudo().browse(note_id)
+            if not note.exists():
+                return json_response({'status': 'error', 'message': 'Nota no encontrada'}, 404)
+            data = _parse_json_body()
+            vals = {}
+            if 'body' in data:
+                body = (data.get('body') or '').strip()
+                if not body:
+                    return json_response({'status': 'error', 'message': 'La nota no puede estar vacía'}, 400)
+                vals['body'] = body
+            if 'resolved' in data:
+                me = getattr(request, 'frontend_user', None)
+                resolved = bool(data.get('resolved'))
+                vals['resolved'] = resolved
+                vals['resolved_at'] = fields.Datetime.now() if resolved else False
+                vals['resolved_by'] = (getattr(me, 'name', '') or getattr(me, 'login', '')) if resolved else ''
+            if vals:
+                note.write(vals)
+            return json_response({'status': 'success', 'note': self._note_to_dict(note)})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/notes/<int:note_id>', type='http', auth='none', methods=['DELETE'], csrf=False)
+    @require_role('recepcion')
+    def delete_note(self, note_id, **kw):
+        try:
+            note = request.env['skeen.wacrm.note'].sudo().browse(note_id)
+            if not note.exists():
+                return json_response({'status': 'error', 'message': 'Nota no encontrada'}, 404)
+            note.unlink()
+            return json_response({'status': 'success', 'message': 'Nota eliminada'})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    # ---- Etiquetas ----
+    @http.route('/skeen/frontend/v1/wacrm/tags', type='http', auth='none', methods=['GET', 'OPTIONS'], csrf=False)
+    @require_role('lectura')
+    def list_tags(self, **kw):
+        try:
+            tags = request.env['skeen.wacrm.tag'].sudo().search([('active', '=', True)])
+            return json_response({'status': 'success', 'tags': [self._tag_to_dict(t) for t in tags]})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/tags', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
+    @require_role('recepcion')
+    def create_tag(self, **kw):
+        try:
+            data = _parse_json_body()
+            name = (data.get('name') or '').strip()
+            if not name:
+                return json_response({'status': 'error', 'message': 'El nombre es obligatorio'}, 400)
+            # active_test=False: una etiqueta desactivada debe poder reactivarse
+            Tag = request.env['skeen.wacrm.tag'].sudo().with_context(active_test=False)
+            existente = Tag.search([('name', '=ilike', name)], limit=1)
+            if existente and existente.active:
+                return json_response({'status': 'error', 'message': 'Ya existe una etiqueta con ese nombre'}, 409)
+            if existente:
+                # Estaba desactivada: se reactiva en vez de fallar por el nombre
+                existente.write({
+                    'active': True,
+                    'color': data.get('color') or existente.color or '#605ca8',
+                    'sequence': int(data.get('sequence') or existente.sequence or 10),
+                })
+                return json_response({'status': 'success', 'tag': self._tag_to_dict(existente)})
+            tag = Tag.create({
+                'name': name,
+                'color': data.get('color') or '#605ca8',
+                'sequence': int(data.get('sequence') or 10),
+            })
+            return json_response({'status': 'success', 'tag': self._tag_to_dict(tag)}, 201)
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/tags/<int:tag_id>', type='http', auth='none', methods=['PUT', 'OPTIONS'], csrf=False)
+    @require_role('recepcion')
+    def update_tag(self, tag_id, **kw):
+        try:
+            tag = request.env['skeen.wacrm.tag'].sudo().browse(tag_id)
+            if not tag.exists():
+                return json_response({'status': 'error', 'message': 'Etiqueta no encontrada'}, 404)
+            data = _parse_json_body()
+            vals = {}
+            if 'name' in data:
+                name = (data.get('name') or '').strip()
+                if not name:
+                    return json_response({'status': 'error', 'message': 'El nombre es obligatorio'}, 400)
+                dup = request.env['skeen.wacrm.tag'].sudo().with_context(active_test=False).search(
+                    [('name', '=ilike', name), ('id', '!=', tag_id), ('active', '=', True)], limit=1)
+                if dup:
+                    return json_response({'status': 'error', 'message': 'Ya existe una etiqueta con ese nombre'}, 409)
+                vals['name'] = name
+            if 'color' in data:
+                vals['color'] = data.get('color') or '#605ca8'
+            if 'sequence' in data:
+                vals['sequence'] = int(data.get('sequence') or 10)
+            if 'active' in data:
+                vals['active'] = bool(data.get('active'))
+            if vals:
+                tag.write(vals)
+            return json_response({'status': 'success', 'tag': self._tag_to_dict(tag)})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/tags/<int:tag_id>', type='http', auth='none', methods=['DELETE'], csrf=False)
+    @require_role('recepcion')
+    def delete_tag(self, tag_id, **kw):
+        """Desactiva la etiqueta (conserva el histórico de asignaciones)."""
+        try:
+            tag = request.env['skeen.wacrm.tag'].sudo().browse(tag_id)
+            if not tag.exists():
+                return json_response({'status': 'error', 'message': 'Etiqueta no encontrada'}, 404)
+            tag.write({'active': False})
+            return json_response({'status': 'success', 'message': 'Etiqueta desactivada'})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    @http.route('/skeen/frontend/v1/wacrm/conversations/<string:external_id>/tags', type='http', auth='none', methods=['POST', 'OPTIONS'], csrf=False)
+    @require_role('recepcion')
+    def assign_tag(self, external_id, **kw):
+        """Asigna o quita una etiqueta de la conversación.
+
+        Body: {"tag_id": 3, "action": "add" | "remove"} (action por defecto add).
+        """
+        try:
+            data = _parse_json_body()
+            tag_id = int(data.get('tag_id') or 0)
+            tag = request.env['skeen.wacrm.tag'].sudo().browse(tag_id)
+            if not tag.exists():
+                return json_response({'status': 'error', 'message': 'Etiqueta no encontrada'}, 404)
+            Rel = request.env['skeen.wacrm.conversation.tag'].sudo()
+            action = (data.get('action') or 'add').lower()
+            if action == 'remove':
+                Rel.search([('conversation_external_id', '=', external_id),
+                            ('tag_id', '=', tag_id)]).unlink()
+            else:
+                if not Rel.search([('conversation_external_id', '=', external_id),
+                                   ('tag_id', '=', tag_id)], limit=1):
+                    me = getattr(request, 'frontend_user', None)
+                    Rel.create({
+                        'conversation_external_id': external_id,
+                        'tag_id': tag_id,
+                        'assigned_by': getattr(me, 'login', '') or '',
+                    })
+            return json_response({'status': 'success', 'tags': self._tags_de(external_id)})
+        except Exception as e:
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
+    # ============================================================
+    # Métricas para gerencia
+    # ============================================================
+    @http.route('/skeen/frontend/v1/wacrm/metrics', type='http', auth='none', methods=['GET', 'OPTIONS'], csrf=False)
+    @require_role('lectura')
+    def wacrm_metrics(self, **kw):
+        """Tablero de atención de WhatsApp para gerencia.
+
+        Criterios (documentados también en la respuesta):
+        - "primera respuesta": minutos entre el PRIMER mensaje entrante del
+          cliente y el PRIMER mensaje saliente posterior en la misma
+          conversación. En WACRM el bot se registra como sender_type='agent',
+          así que cuenta como respuesta del equipo.
+        - "sin responder": conversaciones cuyo ÚLTIMO mensaje es del cliente y
+          lleva más de N horas (parámetro `sin_respuesta_horas`, 4 por defecto).
+        - "leads ganados/perdidos del mes": deals con status won/lost y
+          updated_at dentro del mes en curso.
+        """
+        try:
+            # Sólo admin/gerencia: el rango de roles no distingue gerencia de
+            # medico (ambos 50), así que se comprueba el rol explícitamente.
+            if request.frontend_user.role not in ('admin', 'gerencia'):
+                return json_response({'status': 'error', 'message': 'Sólo gerencia puede ver las métricas'}, 403)
+            from statistics import median
+            hoy = datetime.utcnow()
+            horas = float(kw.get('sin_respuesta_horas') or 4)
+
+            convs = _supabase_request_paginated('conversations', {'select': '*'})
+            msgs = _supabase_request_paginated(
+                'messages', {'select': 'conversation_id,sender_type,created_at', 'order': 'created_at.asc'})
+
+            def en_rango(dt, ini, fin=None):
+                return dt is not None and dt >= ini and (fin is None or dt <= fin)
+
+            ini_hoy = hoy.replace(hour=0, minute=0, second=0, microsecond=0)
+            ini_semana = ini_hoy - timedelta(days=ini_hoy.weekday())
+            ini_mes = ini_hoy.replace(day=1)
+
+            creadas_hoy = creadas_semana = creadas_mes = 0
+            for c in convs:
+                dt = _parse_datetime(c.get('created_at'))
+                if not dt:
+                    continue
+                if dt >= ini_hoy:
+                    creadas_hoy += 1
+                if dt >= ini_semana:
+                    creadas_semana += 1
+                if dt >= ini_mes:
+                    creadas_mes += 1
+
+            entrantes_hoy = salientes_hoy = 0
+            entrantes_semana = salientes_semana = 0
+            entrantes_mes = salientes_mes = 0
+            for m in msgs:
+                dt = _parse_datetime(m.get('created_at'))
+                if not dt:
+                    continue
+                es_in = m.get('sender_type') == 'customer'
+                if dt >= ini_hoy:
+                    entrantes_hoy += 1 if es_in else 0
+                    salientes_hoy += 0 if es_in else 1
+                if dt >= ini_semana:
+                    entrantes_semana += 1 if es_in else 0
+                    salientes_semana += 0 if es_in else 1
+                if dt >= ini_mes:
+                    entrantes_mes += 1 if es_in else 0
+                    salientes_mes += 0 if es_in else 1
+
+            # Primera respuesta por conversación
+            por_conv = {}
+            for m in msgs:
+                dt = _parse_datetime(m.get('created_at'))
+                if not dt:
+                    continue
+                por_conv.setdefault(m.get('conversation_id'), []).append((dt, m.get('sender_type')))
+
+            tiempos = []
+            for cid, lista in por_conv.items():
+                lista.sort(key=lambda x: x[0])
+                primera_in = next((dt for dt, st in lista if st == 'customer'), None)
+                if not primera_in:
+                    continue
+                respuesta = next((dt for dt, st in lista if st != 'customer' and dt >= primera_in), None)
+                if respuesta:
+                    tiempos.append((respuesta - primera_in).total_seconds() / 60.0)
+
+            sin_responder = 0
+            detalle_sin_responder = []
+            for c in convs:
+                lista = por_conv.get(c.get('id'))
+                if not lista:
+                    continue
+                ultimo_dt, ultimo_st = max(lista, key=lambda x: x[0])
+                if ultimo_st != 'customer':
+                    continue
+                horas_esperando = (hoy - ultimo_dt).total_seconds() / 3600.0
+                if horas_esperando >= horas:
+                    sin_responder += 1
+                    detalle_sin_responder.append({
+                        'conversation_id': c.get('id'),
+                        'horas': round(horas_esperando, 1),
+                        'ultimo_mensaje': (c.get('last_message_text') or '')[:120],
+                    })
+            detalle_sin_responder.sort(key=lambda d: -d['horas'])
+
+            # Leads del mes
+            deals = _supabase_request_paginated('deals', {'select': 'id,status,created_at,updated_at,title,value'})
+            ganados = perdidos = abiertos = 0
+            valor_ganado = 0.0
+            for d in deals:
+                dt = _parse_datetime(d.get('updated_at')) or _parse_datetime(d.get('created_at'))
+                if not dt or dt < ini_mes:
+                    continue
+                st = d.get('status')
+                if st == 'won':
+                    ganados += 1
+                    valor_ganado += float(d.get('value') or 0)
+                elif st == 'lost':
+                    perdidos += 1
+                elif st == 'open':
+                    abiertos += 1
+
+            return json_response({
+                'status': 'success',
+                'generado': hoy.strftime('%Y-%m-%d %H:%M'),
+                'periodo': {'desde': ini_mes.strftime('%Y-%m-%d'), 'hasta': hoy.strftime('%Y-%m-%d')},
+                'sin_respuesta_horas': horas,
+                'conversaciones': {
+                    'hoy': creadas_hoy,
+                    'semana': creadas_semana,
+                    'mes': creadas_mes,
+                    'total': len(convs),
+                },
+                'mensajes': {
+                    'hoy': {'entrantes': entrantes_hoy, 'salientes': salientes_hoy},
+                    'semana': {'entrantes': entrantes_semana, 'salientes': salientes_semana},
+                    'mes': {'entrantes': entrantes_mes, 'salientes': salientes_mes},
+                },
+                'primera_respuesta': {
+                    'muestras': len(tiempos),
+                    'promedio_min': round(sum(tiempos) / len(tiempos), 1) if tiempos else None,
+                    'mediana_min': round(median(tiempos), 1) if tiempos else None,
+                },
+                'sin_responder': {
+                    'total': sin_responder,
+                    'horas_minimas': horas,
+                    'detalle': detalle_sin_responder[:20],
+                },
+                'leads': {
+                    'ganados': ganados,
+                    'perdidos': perdidos,
+                    'abiertos': abiertos,
+                    'valor_ganado': round(valor_ganado, 2),
+                },
+                'criterios': {
+                    'primera_respuesta': 'Minutos entre el primer mensaje entrante del cliente y el primer mensaje saliente posterior en la misma conversación. En WACRM el bot se registra como "agent", así que cuenta como respuesta del equipo.',
+                    'sin_responder': f'Conversaciones cuyo último mensaje es del cliente y lleva más de {horas:g} h sin respuesta.',
+                    'leads': 'Deals con status won/lost y updated_at dentro del mes en curso.',
+                },
+            })
+        except Exception as e:
+            _logger.exception('Error calculando métricas WACRM')
+            return json_response({'status': 'error', 'message': str(e)}, 500)
+
     def _deal_to_dict(self, d):
         return {
             'id': d.id,

odoo-addons/skeen_whatsapp/models/__init__.py

@@ -2,3 +2,4 @@ from . import main
 from . import wacrm_sync
 from . import frontend_user
 from . import config_audit
+from . import wacrm_notes

odoo-addons/skeen_whatsapp/models/frontend_user.py

@@ -27,6 +27,10 @@ class SkeenFrontendUser(models.Model):
     active = fields.Boolean(string='Activo', default=True)
     must_change_password = fields.Boolean(string='Debe cambiar contraseña', default=False)
     last_login = fields.Datetime(string='Último acceso', readonly=True)
+    # Presencia: se actualiza con cada llamada autenticada del frontend
+    # (heartbeat explícito cada ~30 s y en cada endpoint de chat).
+    # "En línea" = actividad en los últimos 2 minutos.
+    last_seen = fields.Datetime(string='Última actividad', readonly=True, index=True)
     notes = fields.Text(string='Notas')
     allowed_menus = fields.Text(string='Menús Permitidos',
                                 help='JSON array de hrefs visibles; vacío = defaults por rol')

odoo-addons/skeen_whatsapp/models/wacrm_notes.py

@@ -0,0 +1,60 @@
+# -*- coding: utf-8 -*-
+
+from odoo import models, fields, api
+
+
+class SkeenWacrmNote(models.Model):
+    """Nota interna de una conversación de WhatsApp.
+
+    Se liga por `external_id` de la conversación (NO por many2one al caché
+    local) a propósito: el sync borra y recrea el caché de conversaciones y
+    mensajes, y las notas deben sobrevivir. Nunca se envía al paciente.
+    """
+    _name = 'skeen.wacrm.note'
+    _description = 'Nota interna de conversación WACRM'
+    _order = 'create_date desc, id desc'
+
+    conversation_external_id = fields.Char(string='ID conversación WACRM',
+                                           required=True, index=True)
+    contact_name = fields.Char(string='Contacto', help='Sólo para mostrar en la lista')
+    body = fields.Text(string='Nota', required=True)
+    author_name = fields.Char(string='Autor')
+    author_login = fields.Char(string='Autor (usuario)')
+    resolved = fields.Boolean(string='Atendida', default=False)
+    resolved_at = fields.Datetime(string='Fecha de atención')
+    resolved_by = fields.Char(string='Atendida por')
+    # create_date (heredado) = fecha de la nota
+
+
+class SkeenWacrmTag(models.Model):
+    """Catálogo de etiquetas de conversación (urgente, cotización, etc.)."""
+    _name = 'skeen.wacrm.tag'
+    _description = 'Etiqueta de conversación WACRM'
+    _order = 'sequence, name'
+
+    name = fields.Char(string='Nombre', required=True)
+    color = fields.Char(string='Color', default='#605ca8')
+    sequence = fields.Integer(string='Orden', default=10)
+    active = fields.Boolean(string='Activa', default=True)
+
+    _sql_constraints = [
+        ('unique_name', 'unique(name)', 'Ya existe una etiqueta con ese nombre.'),
+    ]
+
+
+class SkeenWacrmConversationTag(models.Model):
+    """Asignación etiqueta ↔ conversación, por external_id (sobrevive al sync)."""
+    _name = 'skeen.wacrm.conversation.tag'
+    _description = 'Etiqueta asignada a una conversación WACRM'
+    _order = 'id'
+
+    conversation_external_id = fields.Char(string='ID conversación WACRM',
+                                           required=True, index=True)
+    tag_id = fields.Many2one('skeen.wacrm.tag', string='Etiqueta',
+                             required=True, ondelete='cascade', index=True)
+    assigned_by = fields.Char(string='Asignada por')
+
+    _sql_constraints = [
+        ('unique_conv_tag', 'unique(conversation_external_id, tag_id)',
+         'Esa etiqueta ya está asignada a la conversación.'),
+    ]

odoo-addons/skeen_whatsapp/security/ir.model.access.csv

@@ -7,3 +7,6 @@ access_skeen_wacrm_stage,skeen.wacrm.stage,model_skeen_wacrm_stage,base.group_us
 access_skeen_wacrm_deal,skeen.wacrm.deal,model_skeen_wacrm_deal,base.group_user,1,1,1,1
 access_skeen_frontend_user,skeen.frontend.user,model_skeen_frontend_user,base.group_user,1,1,1,1
 access_skeen_config_audit,skeen.config.audit,model_skeen_config_audit,base.group_user,1,1,1,1
+access_skeen_wacrm_note,Notas internas WACRM,model_skeen_wacrm_note,base.group_user,1,1,1,1
+access_skeen_wacrm_tag,Etiquetas WACRM,model_skeen_wacrm_tag,base.group_user,1,1,1,1
+access_skeen_wacrm_conversation_tag,Etiquetas por conversacion,model_skeen_wacrm_conversation_tag,base.group_user,1,1,1,1