const fs = require('fs');
let code = fs.readFileSync('src/sections/HistoriaClinica.tsx', 'utf8');

const regex = /<div className="flex items-center gap-2 w-full sm:w-auto justify-end">\s*<Button variant="outline" size="sm" onClick=\{handleCopiarPendientes\} title="Copiar pendientes activos">\s*<Copy className="h-4 w-4 mr-1\.5" \/>\s*Copiar\s*<\/Button>\s*\{canEdit && \(\s*<Button size="sm" onClick=\{\(\) => \{ resetForm\(\); setModalAbierto\(true\); \}\}>\s*<Plus className="h-4 w-4 mr-1\.5" \/>\s*Nuevo Pendiente\s*<\/Button>\s*\)\}\s*<\/div>/g;

const repl = `
        {portalNode ? createPortal(
          <>
            <Button variant="outline" size="sm" onClick={handleCopiarPendientes} title="Copiar pendientes activos">
              <Copy className="h-4 w-4 mr-1.5" />
              Copiar
            </Button>
            {canEdit && (
              <Button size="sm" onClick={() => { resetForm(); setModalAbierto(true); }}>
                <Plus className="h-4 w-4 mr-1.5" />
                Nuevo Pendiente
              </Button>
            )}
          </>,
          portalNode
        ) : (
          <div className="flex items-center gap-2 w-full sm:w-auto justify-end mb-4">
            <Button variant="outline" size="sm" onClick={handleCopiarPendientes} title="Copiar pendientes activos">
              <Copy className="h-4 w-4 mr-1.5" />
              Copiar
            </Button>
            {canEdit && (
              <Button size="sm" onClick={() => { resetForm(); setModalAbierto(true); }}>
                <Plus className="h-4 w-4 mr-1.5" />
                Nuevo Pendiente
              </Button>
            )}
          </div>
        )}
`.trim();

code = code.replace(regex, repl);
fs.writeFileSync('src/sections/HistoriaClinica.tsx', code);