/* ============================================================ SYMPHO · ZAMNÁ — Admin views + shared field helpers Dashboard · Proyectos · Clientes & Sitios · Agenda · Expediente Vivo ============================================================ */ const ZAccent = "var(--zamna)"; // ---- shared: photo evidence tile ---- function PhotoTile({ photo, tag }) { return (
{tag && {tag}}
{photo.label}
{photo.ai}
); } // ---- shared: small key/row helpers ---- function MiniStat({ label, value, color }) { return (
{value}
{label}
); } // helper: avatar initials from a name function inits(name) { return name.split(" ").map(w => w[0]).slice(0, 2).join(""); } // ============================================================ // ADMIN · Dashboard // ============================================================ function ZamDash() { const d = window.ZAMNA; return (
{d.byType.reduce((s, x) => s + x.n, 0)}
visitas
} />
{d.byType.map(f => (
{f.cat} {f.n}
))}
IA} style={{ marginBottom: 16 }} />
{d.stats.horasProm}
tiempo medio de reporte
−71%
trabajo administrativo
documentos generados por IA · últimos 12 cierres
Visitas recientes
); } function VisitTable({ rows }) { return ( {rows.map((x, i) => ( ))}
VisitaSitioTipoIngenieroFechaEstadoAvance
{x.id} {x.site} {x.type}
{x.eng.split(" ")[0]}
 {x.date.replace(" 2026", "")} · {x.hour}
); } // ============================================================ // ADMIN · Proyectos // ============================================================ function ZamProjects() { const d = window.ZAMNA; return (
{d.projects.length} proyectos
{d.projects.map((x, i) => ( ))}
CódigoProyectoCliente · SitioIngenieroVisitasEntregaEstado
{x.code} {x.name} {x.client} · {x.site}
{x.eng.split(" ")[0]}
 {x.visitas} {x.due}
); } // ============================================================ // ADMIN · Clientes & Sitios // ============================================================ function ZamClients() { const d = window.ZAMNA; const [open, setOpen] = useState(d.clients[0].name); const sites = d.sites.filter(s => s.client === open); return (
{d.clients.map(c => ( ))}
{sites.length === 0 ? (
Sin sitios capturados para este cliente.
) : (
{sites.map(s => (
{s.name}
{s.address}
{s.visitas} visitas {s.inv} activos {s.gps}
))}
)}
); } // ============================================================ // ADMIN · Agenda // ============================================================ function ZamAgenda() { const d = window.ZAMNA; const engineers = [...new Set(d.visits.map(v => v.eng))]; const sorted = [...d.visits].sort((a, b) => (a.date + a.hour).localeCompare(b.date + b.hour)); return (
Próximas visitas{sorted.length} en calendario
{sorted.map((v, i) => (
{v.date.split(" ")[0]}
{v.date.split(" ")[1]}
{v.site}
{v.hour} · {v.type} · {v.eng.split(" ")[0]}
))}
{engineers.map(e => { const load = d.visits.filter(v => v.eng === e).length; return (
{e}
{load} visita{load !== 1 ? "s" : ""} asignada{load !== 1 ? "s" : ""}
disponible
); })}
); } // ============================================================ // ADMIN · Expediente Técnico Vivo (el diferenciador) // ============================================================ function ZamExpediente() { const e = window.ZAMNA.expediente; const v = window.ZAMNA.visit; const [tab, setTab] = useState("timeline"); return (
{/* hero band */}

{e.site}

vivo
{e.code} · última intervención {e.ultima}
{[["Intervenciones", e.intervenciones], ["Inv. vigente", e.invNow], ["Inv. histórico", e.invHist]].map(([k, val]) => (
{val}
{k}
))}
{[["timeline", "Línea de tiempo"], ["inv", "Inventario"], ["diag", "Diagramas"]].map(([id, lbl]) => ( ))}
{tab === "timeline" && (
{e.timeline.map((t, i) => (
{t.date} {t.type} · {t.eng}

{t.summary}

{t.deltas.map((dl, j) => {dl})}
))}
)} {tab === "inv" && ( {v.inventory.map((it, i) => ( ))}
EquipoSerieUbicaciónEstado
{it.brand} {it.model} {it.serie} {it.rack} · {it.ru}
)} {tab === "diag" && (
Topología vigente
Plano del MDF
plano MDF v2 · actualizado 22 jun
)}
IA} style={{ marginBottom: 12 }} /> {e.recommendations.map((r, i) => (
{r.text}
))}
); } // ---- shared topology renderer (used by expediente + wizard) ---- function TopoCanvas({ topo }) { return (
{topo.links.map(([a, b], i) => { const na = topo.nodes.find(n => n.id === a), nb = topo.nodes.find(n => n.id === b); return ; })} {topo.nodes.map(n => (
{n.label}
))}
); } Object.assign(window, { ZamDash, ZamProjects, ZamClients, ZamAgenda, ZamExpediente, PhotoTile, TopoCanvas, MiniStat, zInits: inits });