Spinner en Google App Scripts – HTML y GS

empecé hace poco con Google app Scripts y estoy teniendo un inconveniente, hice algunas herramientas que utilizo para mi trabajo, y lo que quiero hacer es que cuando mi script .gs empiece a ejecutarse, desaparezca todo el contenido del HTML y después vuelva a aparecer una vez que la tarea del script esté finalizada.
Puedo hacer que desaparezca el HTML y deje solo al spinner girando, pero una vez terminada la tarea no logro hacer que vuelva el HTML y el spinner desaparezca.
Intenté hacerlo de varias maneras y busco en internet pero no encuentro como hacerlo, si llamar al spinner desde el .gs o hacerlo en un script dentro del HTML, agradecería la ayuda.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
        integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

 

    <script>
    function sample() { 
   
   var contenedor = document.getElementById("container");
   contenedor.style.visibility = "hidden";
   var spin = document.getElementById("spin");
    spin.style.visibility = "visible";
   
   var sourceFolderID = document.getElementById("docID").value;

    
   google.script.run.countSentences(sourceFolderID);  
        
  }
    </script>
</head>



<div class="container" id="container">
    <img src="https://drive.google.com/thumbnail?id=1GnLjJ6Cq7U_ZKIGmeBB6jioExb8Wh4Ak" alt="FluentForever">
    <h1> Count Sentences</h1>
    <div class="datos">
        <form>

            <div class="form-group">
                <label for="folderID">Source Folder ID:</label>
                <input type="text" class="form-control" id="docID" placeholder="Copy/Paste Folder ID from URL">
  </div>

                <button type="button" class="btn btn-success" onclick="sample()" btn-sm>Start Counting</button>
                <div class="spinner-border text-primary text-center" role="status" id="spin" style="width: 3rem; height: 3rem;">
  <span class="sr-only">Loading...</span>
   <script>
    var spin = document.getElementById("spin");
    spin.style.visibility = "hidden";
    </script>
</div>
</div>
        </form>
    </div>

</div>




</body>

</html>  ```