// Documentos / Archivos — con permisos por rol y compartido entre departamentos const { useState, useEffect, useMemo, useRef } = React; const FILE_KINDS = { doc: { label: "Documento", color: "#2563eb", ext: "docx" }, sheet: { label: "Hoja", color: "#10b981", ext: "xlsx" }, slide: { label: "Presentación",color: "#f97316", ext: "pptx" }, pdf: { label: "PDF", color: "#ef4444", ext: "pdf" }, image: { label: "Imagen", color: "#8b5cf6", ext: "png" }, other: { label: "Archivo", color: "#6b7280", ext: "bin" }, }; function formatSize(bytes) { if (bytes < 1024) return bytes + " B"; if (bytes < 1024*1024) return (bytes/1024).toFixed(1) + " KB"; return (bytes/(1024*1024)).toFixed(1) + " MB"; } function inferKind(name) { const ext = name.split(".").pop().toLowerCase(); if (["docx","doc","odt","txt"].includes(ext)) return "doc"; if (["xlsx","xls","csv","ods"].includes(ext)) return "sheet"; if (["pptx","ppt","key"].includes(ext)) return "slide"; if (["pdf"].includes(ext)) return "pdf"; if (["png","jpg","jpeg","gif","svg","webp"].includes(ext)) return "image"; return "other"; } function FilesPage({ session, deptScope, files, setFiles, addAudit, showToast }) { const D = window.INDISA_DATA; const role = session.role; const readOnly = role === "viewer"; const effDept = role === "owner" ? deptScope : session.dept; const [view, setView] = useState("grid"); const [search, setSearch] = useState(""); const [filterDept, setFilterDept] = useState("all"); const [filterKind, setFilterKind] = useState("all"); const [uploading, setUploading] = useState(false); const [sharing, setSharing] = useState(null); const [deleteId, setDeleteId] = useState(null); const [preview, setPreview] = useState(null); // Visibility rules: // - owner: sees ALL files (when no deptScope) or filtered to deptScope // - admin/viewer: sees files in their dept + files shared with their dept const visibleFiles = useMemo(() => { let list = files; if (role === "owner") { if (effDept) list = files.filter(f => f.dept === effDept || (f.sharedWith || []).includes(effDept)); } else { const myDept = session.dept; list = files.filter(f => f.dept === myDept || (f.sharedWith || []).includes(myDept)); } return list; }, [files, role, effDept, session.dept]); const filtered = visibleFiles.filter(f => { const matchSearch = f.name.toLowerCase().includes(search.toLowerCase()); const matchDept = filterDept === "all" || f.dept === filterDept || (f.sharedWith || []).includes(filterDept); const matchKind = filterKind === "all" || f.kind === filterKind; return matchSearch && matchDept && matchKind; }); function uploadFile(data) { const id = "f" + Math.random().toString(36).slice(2,6); const newFile = { id, ...data, kind: data.kind || inferKind(data.name), uploadedBy: session.name, uploadedAt: "2026-05-14", sharedWith: [], }; setFiles(prev => [newFile, ...prev]); addAudit({ action: `Documento cargado: ${data.name}`, user: session.name, dept: data.dept, level: "success" }); showToast("Documento cargado"); setUploading(false); } function shareFile(fileId, depts) { setFiles(prev => prev.map(f => f.id === fileId ? { ...f, sharedWith: depts } : f)); addAudit({ action: `Documento compartido con ${depts.length} dpto(s)`, user: session.name, dept: session.dept || "gg", level: "info" }); showToast(`Compartido con ${depts.length} departamentos`); setSharing(null); } function deleteFile(fid) { const f = files.find(x => x.id === fid); setFiles(prev => prev.filter(x => x.id !== fid)); addAudit({ action: `Documento eliminado: ${f?.name}`, user: session.name, dept: f?.dept || "gg", level: "warn" }); showToast("Documento eliminado"); setDeleteId(null); } function canEdit(f) { if (role === "owner") return true; if (role === "admin" && f.dept === session.dept) return true; return false; } // Stats const totalSize = visibleFiles.reduce((s, f) => s + f.size, 0); const sharedCount = visibleFiles.filter(f => (f.sharedWith || []).length > 0).length; return (

Documentos

{role === "owner" ? (effDept ? `${D.DEPT_BY_ID[effDept].name} · ` : "Acceso total · ") + `${filtered.length} archivos` : `${D.DEPT_BY_ID[session.dept]?.name} + compartidos · ${filtered.length} archivos`}

setView("grid")} style={{padding: "6px 10px"}}>
setView("list")} style={{padding: "6px 10px"}}>
{readOnly && Solo lectura} {!readOnly && }
{/* Banner: owner exclusive access */} {role === "owner" && (
Acceso de Gerencia General: ves todos los documentos de la organización, incluso los no compartidos. Los administradores y viewers solo ven los suyos y los que les fueron compartidos.
)} {/* Stats */}
{visibleFiles.length}
{formatSize(totalSize)}
{sharedCount}
{visibleFiles.filter(f => f.confidential).length}
{/* Filters */}
setSearch(e.target.value)} style={{flex: 1, background: "transparent", border: "none", outline: "none", fontSize: 13}}/>
{role === "owner" && ( )}
{/* Files */} {view === "grid" ? (
{filtered.map(f => { const kind = FILE_KINDS[f.kind] || FILE_KINDS.other; const dept = D.DEPT_BY_ID[f.dept]; const shared = (f.sharedWith || []).length; return (
setPreview(f)}>
{kind.ext.toUpperCase()} {f.confidential && }
{canEdit(f) && ( )}
{f.name}
{dept?.short || "—"}
{formatSize(f.size)} {shared > 0 && {shared}}
); })} {filtered.length === 0 && (
No hay documentos con esos filtros.
)}
) : ( {filtered.map(f => { const kind = FILE_KINDS[f.kind] || FILE_KINDS.other; const dept = D.DEPT_BY_ID[f.dept]; return ( ); })} {filtered.length === 0 && }
NombreTipoDeptoCompartido conTamañoSubido
setPreview(f)}>
{kind.ext.toUpperCase()} {f.name} {f.confidential && Confidencial}
setPreview(f)}>{kind.label} setPreview(f)}>{dept?.name} setPreview(f)}> {(f.sharedWith || []).length === 0 ? — : (f.sharedWith || []).slice(0, 3).map(did => {D.DEPT_BY_ID[did]?.short})} {(f.sharedWith || []).length > 3 && +{f.sharedWith.length - 3}} setPreview(f)}>{formatSize(f.size)} setPreview(f)}>
{f.uploadedAt}
{f.uploadedBy}
 {canEdit(f) && ( <> )}
No hay documentos con esos filtros.
)} {preview && setPreview(null)} onShare={() => { setSharing(preview); setPreview(null); }} onDelete={() => { setDeleteId(preview.id); setPreview(null); }} showToast={showToast}/>} {sharing && setSharing(null)} onShare={depts => shareFile(sharing.id, depts)}/>} {uploading && setUploading(false)} onUpload={uploadFile}/>} {deleteId && (
setDeleteId(null)}>
e.stopPropagation()}>
Eliminar documento

¿Confirmas la eliminación de este documento? Se removerá también de los departamentos con los que fue compartido.

)}
); } function downloadFile(f) { const D = window.INDISA_DATA; const dept = D.DEPT_BY_ID[f.dept]; let content = ""; let mime = "text/plain"; // Generate placeholder content based on kind const header = `INDISA Enterprise OS\n${"=".repeat(50)}\n\nDocumento: ${f.name}\nID: ${f.id}\nDepartamento: ${dept?.name || "—"}\nCargado por: ${f.uploadedBy}\nFecha: ${f.uploadedAt}\nTamaño: ${formatSize(f.size)}\n${f.confidential ? "CONFIDENCIAL\n" : ""}Compartido con: ${(f.sharedWith||[]).map(d => D.DEPT_BY_ID[d]?.name).join(", ") || "—"}\n\n${"=".repeat(50)}\n\n`; if (f.kind === "sheet") { mime = "text/csv"; content = `# ${f.name}\n# Generado: ${new Date().toISOString()}\n# Departamento: ${dept?.name}\n\nMétrica,Q1,Q2,Q3,Q4,Total\nIngresos,4.1,5.6,0,0,9.7\nGastos,3.2,3.8,0,0,7.0\nMargen,0.9,1.8,0,0,2.7\nProyectos activos,12,15,0,0,27\nKPIs en meta,8,9,0,0,—\n`; } else if (f.kind === "image") { // 1x1 transparent PNG mime = "image/png"; const png = "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="; const bin = atob(png); const arr = new Uint8Array(bin.length); for (let i = 0; i < bin.length; i++) arr[i] = bin.charCodeAt(i); const blob = new Blob([arr], { type: mime }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = f.name; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1000); return; } else if (f.kind === "pdf") { // Minimal valid PDF with one page of text mime = "application/pdf"; const text = header + "[Prototipo INDISA · contenido de demostración]\n\nEste archivo es un placeholder generado por el sistema. En producción, aquí se serviría el documento real almacenado en el bucket correspondiente."; const lines = text.split("\n").map(l => `(${l.replace(/[\\()]/g, c => "\\"+c)}) Tj 0 -14 Td`).join(" "); const stream = `BT /F1 11 Tf 50 780 Td ${lines} ET`; const pdf = `%PDF-1.4\n1 0 obj<>endobj\n2 0 obj<>endobj\n3 0 obj<>>>>>endobj\n4 0 obj<>stream\n${stream}\nendstream endobj\n5 0 obj<>endobj\nxref\n0 6\n0000000000 65535 f\n0000000009 00000 n\n0000000052 00000 n\n0000000095 00000 n\n0000000196 00000 n\n0000000${(290+stream.length).toString()} 00000 n\ntrailer<>\nstartxref\n${290+stream.length+50}\n%%EOF`; content = pdf; } else if (f.kind === "doc") { content = header + "[Contenido del documento]\n\nEste es un archivo de demostración generado por INDISA Enterprise OS.\nEn producción, el contenido real sería descargado desde almacenamiento.\n\nSecciones:\n 1. Introducción\n 2. Objetivos\n 3. Plan de acción\n 4. Métricas de éxito\n 5. Conclusiones\n"; } else if (f.kind === "slide") { content = header + "[Presentación]\n\nSlide 1 — Portada\nSlide 2 — Agenda\nSlide 3 — Contexto\nSlide 4 — Propuesta\nSlide 5 — Próximos pasos\n"; } else { content = header + "Contenido binario del archivo (placeholder).\n"; } const blob = new Blob([content], { type: mime }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = f.name; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1000); } function FilePreviewModal({ f, canEdit, onClose, onShare, onDelete, showToast }) { const D = window.INDISA_DATA; const kind = FILE_KINDS[f.kind] || FILE_KINDS.other; const dept = D.DEPT_BY_ID[f.dept]; return (
e.stopPropagation()}>
{kind.ext.toUpperCase()}
{f.name}
{f.id} · {formatSize(f.size)}
{kind.label}}/> {dept?.name}}/> {f.uploadedBy} · {f.uploadedAt}}/> No compartido : (
{(f.sharedWith || []).map(did => {D.DEPT_BY_ID[did]?.name})}
) }/> {f.confidential && (
Documento confidencial. Acceso restringido — solo Gerencia General y los departamentos explícitamente autorizados.
)}
{canEdit && <> }
); } function ShareModal({ f, onClose, onShare }) { const D = window.INDISA_DATA; const [selected, setSelected] = useState(f.sharedWith || []); function toggle(did) { setSelected(s => s.includes(did) ? s.filter(x => x !== did) : [...s, did]); } return (
e.stopPropagation()}>
Compartir documento
{(FILE_KINDS[f.kind]||FILE_KINDS.other).ext.toUpperCase()} {f.name}
Departamentos con acceso ({selected.length})
{D.DEPARTMENTS.filter(d => d.id !== f.dept).map(d => { const isSel = selected.includes(d.id); return ( ); })}
Los departamentos seleccionados podrán ver y descargar este documento. Gerencia General siempre tiene acceso total.
{selected.length > 0 && }
); } function UploadModal({ session, effDept, onClose, onUpload }) { const D = window.INDISA_DATA; const [name, setName] = useState(""); const [kind, setKind] = useState("doc"); const [dept, setDept] = useState(effDept || session.dept || "gg"); const [size, setSize] = useState(150_000); const [confidential, setConfidential] = useState(false); const fileRef = useRef(); function handleFileSelect(e) { const file = e.target.files?.[0]; if (!file) return; setName(file.name); setSize(file.size); setKind(inferKind(file.name)); } function submit() { if (!name.trim()) return; onUpload({ name: name.trim(), kind, dept, size, confidential }); } return (
e.stopPropagation()}>
Cargar documento
fileRef.current?.click()} style={{border: "2px dashed var(--line-2)", borderRadius: 10, padding: 24, textAlign: "center", cursor: "pointer", background: "var(--bg-1)", marginBottom: 14}}>
Arrastra un archivo o haz clic para seleccionar
DOCX · XLSX · PDF · PNG · MAX 25MB
setName(e.target.value)}/>
); } function Field({ label, value }) { return (
{label}
{value}
); } window.FilesPage = FilesPage;