diff --git a/src/adonisjs/public/author/index-cell.html b/src/adonisjs/public/author/index-cell.html
new file mode 100644
index 00000000..1c6ae0a0
--- /dev/null
+++ b/src/adonisjs/public/author/index-cell.html
@@ -0,0 +1,465 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Authoring Environment</title>
+
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" name="viewport">
+
+    <script src="/lib/axios-0.21.0/axios.min.js"></script>
+
+    <script src="/lib/jquery-3-4-1/jquery-3.4.1.slim.min.js"></script>
+    <script src="/lib/popper-1-15-0/popper.min.js"></script>
+    <script src="/lib/bootstrap-4.4.1/js/bootstrap.min.js"></script>
+    <script src="/lib/ckeditor5/ckeditor.js"></script>
+
+    <script src="/config/config.js"></script>
+    <script src="/infra/bus.js"></script>
+    <script src="/infra/basic.js"></script>
+    <script src="/infra/dcc-common-server-proxy.js"></script>
+    <script src="/infra/dcc-common-server-address.js"></script>
+    <script src="/infra/simple-page-tasks.js"></script>
+    <script src="/infra/token-validator.js"></script>
+    <script src="/infra/conditional-layout.js"></script>
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="shortcut icon" href="/icons/favicon.ico">
+    <link rel="manifest" href="/site.webmanifest">
+
+    <link rel="stylesheet" href="/lib/fontawesome-5-10-1/css/all.min.css">
+    <link rel="stylesheet" href="/lib/bootstrap-4.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/lib/quill-1-3-7/quill.snow.css">
+
+    <link rel="stylesheet" href="css/author.css">
+    <link rel="stylesheet" href="/dccs/css/dccs.css">
+    <link rel="stylesheet" href="/dccs/css/properties.css">
+    <link rel="stylesheet" href="/infra/css/common-player.css">
+    <link rel="stylesheet" href="/infra/css/common-author.css">
+
+    <script src="/context/context.js"></script>
+
+    <script src="/lib/quill-1-3-7/quill.min.js"></script>
+    <script src="/lib/d3.min.js"></script>
+
+    <script src="/dccs/base/primitive-dcc.js"></script>
+    <script src="/dccs/base/scope-dcc.js"></script>
+    <script src="/dccs/base/dcc.js"></script>
+    <script src="/dccs/base/dcc-base.js"></script>
+    <script src="/dccs/base/dcc-visual.js"></script>
+    <script src="/dccs/components/visual/dcc-markdown.js"></script>
+    <script src="/dccs/components/visual/dcc-annotation.js"></script>
+    <script src="/dccs/components/visual/dcc-image.js"></script>
+    <script src="/dccs/components/visual/dcc-media.js"></script>
+    <script src="/dccs/components/visual/dcc-expression.js"></script>
+    <script src="/dccs/base/dcc-block.js"></script>
+    <script src="/dccs/components/visual/dcc-button.js"></script>
+    <script src="/dccs/components/visual/dcc-character.js"></script>
+    <script src="/dccs/components/visual/dcc-lively-dialog.js"></script>
+    <script src="/dccs/components/visual/dcc-notice-input.js"></script>
+    <script src="/dccs/components/visual/dcc-context-menu.js"></script>
+    <script src="/dccs/components/visual/dcc-state-select.js"></script>
+    <script src="/dccs/components/visual/dcc-image-marker.js"></script>
+    <script src="/dccs/base/dcc-styler.js"></script>
+    <script src="/dccs/components/visual/dcc-entity.js"></script>
+    <script src="/dccs/components/visual/dcc-input.js"></script>
+    <script src="/dccs/components/visual/dcc-input-typed.js"></script>
+    <script src="/dccs/components/visual/dcc-input-choice.js"></script>
+    <script src="/dccs/components/visual/dcc-input-table.js"></script>
+    <script src="/dccs/components/visual/dcc-input-summary.js"></script>
+    <script src="/dccs/components/visual/dcc-slider.js"></script>
+    <script src="/dccs/components/visual/dcc-progress.js"></script>
+    <script src="/dccs/components/visual/dcc-report.js"></script>
+    <script src="/dccs/components/visual/dcc-graph.js"></script>
+
+    <script src="/dccs/components/control/dcc-timer.js"></script>
+    <script src="/dccs/components/control/dcc-message.js"></script>
+    <script src="/dccs/components/control/dcc-compute.js"></script>
+
+    <script src="/dccs/base/subscribe-dcc.js"></script>
+    <script src="/dccs/base/trigger-dcc.js"></script>
+    <script src="/dccs/base/property-dcc.js"></script>
+    <script src="/dccs/base/connect-dcc.js"></script>
+
+    <script src="/dccs/components/data/dcc-model.js"></script>
+    <script src="/dccs/components/data/dcc-submit.js"></script>
+    <script src="/dccs/components/data/dcc-record.js"></script>
+    <script src="/dccs/components/data/dcc-form.js"></script>
+
+    <script src="/dccs/components/web/dcc-include.js"></script>
+    <script src="/dccs/components/web/dcc-dhtml.js"></script>
+    <script src="/dccs/components/web/dcc-rest.js"></script>
+
+    <script src="/infra/dcc-rest-proxy.js"></script>
+    <script src="/infra/dcc-basic.js"></script>
+
+    <script src="/lib/showdown/showdown.min.js"></script>
+    <script src="/translator/translator.js"></script>
+    <script src="/translator/item-templates.js"></script>
+
+    <script src="/dccs/edit/properties.js"></script>
+    <script src="/dccs/edit/upload-adapter.js"></script>
+    <script src="/dccs/edit/inplace-editor.js"></script>
+    <script src="/dccs/edit/inplace-plain-editor.js"></script>
+    <script src="/dccs/edit/inplace-text-editor.js"></script>
+    <script src="/dccs/edit/inplace-media-editor.js"></script>
+
+    <script src="/author/js/dcc-author-server-proxy.js"></script>
+    <script src="/author/js/panels.js"></script>
+    <script src="/author/js/navigator.js"></script>
+    <script src="/author/js/comments.js"></script>
+    <script src="/author/js/artifacts.js"></script>
+    <script src="/author/js/generator/artifact-knot.js"></script>
+    <script src="/author/js/modifier.js"></script>
+
+    <!-- bundle cellular -->
+    <script src="/dccs/components/cell/dcc-space-cellular.js"></script>
+    <script src="/dccs/components/cell/dcc-cell.js"></script>
+    <script src="/dccs/components/cell/dcc-cell-color.js"></script>
+    <script src="/dccs/components/cell/dcc-cell-image.js"></script>
+    <script src="/dccs/components/cell/dcc-cell-ruler.js"></script>
+    <script src="/dccs/components/cell/rule-dcc-cell.js"></script>
+    <script src="/dccs/components/cell/rule-dcc-cell-transition.js"></script>
+    <script src="/dccs/components/cell/rule-dcc-cell-neighbor.js"></script>
+    <script src="/dccs/components/cell/rule-dcc-cell-expression.js"></script>
+
+    <script src="/author/js/author.js"></script>
+  </head>
+
+  <body onload="AuthorManager.i.start()">
+    <!-- message div -->
+    <div id="message-space" class="sty-message-space vh-100 vw-100 text-center invisible" style="overflow:hidden; !important">
+      <span style="top: 50%;position: absolute;"
+      class="rounded"></span>
+    </div>
+    <!-- Login/logout header -->
+    <dcc-include src="/author/partials/header.html"></dcc-include>
+    <!-- Start of settings modal -->
+    <dcc-rest id="harena-case" bind="harena-case" subscribe="service/request/get"></dcc-rest>
+    <dcc-dhtml id="dhtml-case" subscribe="service/response/get/harena-case:update">
+      <div class="modal fade" id="settings-modal" tabindex="-1" role="dialog" aria-labelledby="settings-modal" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content">
+            <div class="modal-body">
+              <h3>Settings</h3>
+              <form>
+                  <input type="hidden" id="case_id" name="case_id" value="{{id}}">
+                  <input type="hidden" id="case_source" name="case_source" value="{{source}}">
+
+                  <div class="form-group">
+                    <label for="case_title">Title</label>
+                    <input type="text" class="form-control" id="case_title" name="case_title" value="{{title}}" placeholder="Enter the title">
+                  </div>
+                  <div class="form-group">
+                    <label for="description">Description</label>
+                    <textarea class="form-control" id="description" name="description">{{description}}</textarea>
+                  </div>
+                  <div class="form-group">
+                    <label for="creationDate">Creation Date</label>
+                    <input type="date" class="form-control" id="creationDate" name="creationDate" value="{{original_date}}">
+                    {{-- <small id="keywords-help" class="form-text text-muted">Inform the date of case creation on Jacinto Moodle</small> --}}
+                  </div>
+                  <div class="form-group">
+                    <label for="language">Language</label>
+                    <select name="language" id="language" value="{{language}}">
+                       <option value="{{language}}" selected disabled hidden>{{language}}</option>
+                       <option value="pt-BR">Portuguese (Brazil)</option>
+                       <option value="pt-PT">Portuguese (Portugal)</option>
+                       <option value="en">English</option>
+                    </select>
+                  </div>
+                  <!-- <div class="form-group">
+                    <label for="institution">Institution</label>
+                    <select name="institution" id="institution" value="{{institution_acronym}}">
+                      <option value="{{institution_acronym}}" selected disabled hidden>{{institution}}</option>
+                      <option value="unicamp">Universidade Estadual de Campinas</option>
+                      <option value="minho">Universidade do Minho</option>
+                    </select>
+                  </div> -->
+                  <div class="form-group">
+                    <label for="domain">Domain</label>
+                    <select name="domain" id="domain" value="{{domain}}">
+                      <option value="{{domain}}" selected disabled hidden>{{domain}}</option>
+                      <option value="Medicine">Medicine</option>
+                      <option value="Nurse">Nurse</option>
+                      <option value="Physioterapy">Physioterapy</option>
+                      <option value="Pharmacy">Pharmacy</option>
+                      <option value="Occupational Therapy">Occupational Therapy</option>
+                    </select>
+                  </div>
+
+                  <div class="form-group">
+                    <label for="complexity">Complexity</label>
+                    <select name="complexity" id="complexity" value="{{complexity}}">
+                       <option value="{{complexity}}" selected disabled hidden>{{complexity}}</option>
+                       <option value="undergraduate">Undergraduate</option>
+                       <option value="postgraduate">Postgraduate</option>
+                    </select>
+                  </div>
+                  <div class="form-group">
+                    <label for="specialty">Specialty</label>
+                    <input type="text" class="form-control" id="specialty" name="specialty" value="{{specialty}}" placeholder="Inform the case specialty">
+                  </div>
+                  <div class="form-group">
+                    <label for="keywords">Keywords</label>
+                    <textarea class="form-control" id="keywords" name="keywords" aria-describedby="keywords-help">{{keywords}}</textarea>
+                    <small id="keywords-help" class="form-text text-muted">Inform your keywords separated by semicolon.</small>
+                  </div>
+
+                <input type="hidden" id="source" name="source" value="{{source}}">
+                <button type="button" class="btn btn-secondary" id="btn-save-settings" data-toggle="modal" data-target="#settings-modal" >Save</button>
+                <dcc-button topic="control/case/save" label="SAVE" location="btn-save-settings" xstyle="out"></dcc-button>
+
+                <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+              </form>
+
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </dcc-dhtml>
+    <!-- End of settings modal -->
+
+    <!-- Share casel modal -->
+    <dcc-rest id="harena-share-cases" bind="harena-share-cases"></dcc-rest>
+    <div class="modal fade" id="share-modal" tabindex="-1" role="dialog" aria-labelledby="share-modal" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+          <div class="modal-body">
+            <form>
+              <div class="form-row">
+                <div class="form-group col-md-4" id="wrapper-entity">
+                  <label for="entity">Share with:</label>
+                  <select class="custom-select" id="entity" name="entity">
+                    <option value="user">User </option>
+                    <option selected value="institution">Institution</option>
+                    <option value="group" hidden disabled >Group</option>
+                  </select>
+                </div>
+                <div class="form-group col-md-4" id="wrapper-subject_grade">
+                  <label for="subject_grade">User type:</label>
+                  <select class="custom-select" id="subject_grade" name="subject_grade">
+                    <option value="">Everyone </option>
+                    <option value="professor">Professors</option>
+                    <option value="student">Students</option>
+                  </select>
+                </div>
+                <div class="form-group col-md-4" id="wrapper-subject">
+                  <label for="subject">In:</label>
+                  <div id="wrapper-input-subject">
+                    <input class="" type="text" id="input-subject" name="input-subject" value="" hidden disabled>
+                  </div>
+                  <dcc-rest id="harena-institutions" bind="harena-institutions"></dcc-rest>
+                  <dcc-dhtml connect="retrieve:harena-institutions:service/request/get" id="dhtml-subject">
+                    <select class="custom-select" id="subject" name="subject">
+                      <option selected></option>
+                      {{@foreach . institution}}
+                      <option value="{{institution.id}}">{{institution.title}}</option>
+                      {{@endfor}}
+                    </select>
+
+                  </dcc-dhtml>
+                </div>
+              </div>
+
+              <div class="form-group col-md-6 px-1">
+                <label for="clearance">Permission to: </label>
+                <select class="custom-select" id="clearance" name="clearance">
+                  <option value="1">Play</option>
+                  <option value="3">Share</option>
+                  <option value="4">Edit</option>
+                  <option value="5">Administrate (can share this case with "edit" permission)</option>
+                </select>
+              </div>
+              <dcc-dhtml id="dhtml-case-id" connect="retrieve:harena-case:service/request/get">
+                <input type="hidden" id="table_id" name="table_id" value="{{id}}">
+
+              </dcc-dhtml>
+              <dcc-submit label="Share" xstyle="btn btn-success" bind="submit-share" data-dismiss="modal" connect="submit:harena-share-cases:service/request/post"></dcc-submit>
+              <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- End Share case modal -->
+
+    <!-- Notice modal (For share case feedback) -->
+    <div class="modal fade" id="notice-modal" tabindex="-1" role="dialog" aria-labelledby="notice-modal" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+          <div class="modal-body text-center" id="modal-notice-body">
+              <h5 class="" id="modal-notice-txt"></h5>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- End notice modal (For share case feedback) -->
+
+    <!-- Create a section to place page content -->
+
+    <main role="main">
+      <div id="main-panel"
+           class="d-flex flex-column vh-100 vw-100 scroll-y index-boot-padding">
+
+        <!-- Create breadcrumbs -->
+        <div id="system-panel" class="mr-auto author-breadcrumb" style="position:relative">
+          <nav aria-label="breadcrumb">
+            <ol class="breadcrumb">
+              <!-- <li class="breadcrumb-item"><a href="//home.html">Home</a></li> -->
+              <li class="breadcrumb-item"><a href="/">Welcome</a></li>
+              <li class="breadcrumb-item"><a href="/author/home">Home</a></li>
+              <li class="breadcrumb-item">
+                <div style="height: 15px;">
+                    <dcc-button topic="control/leave/drafts" label="Drafts" xstyle="none">
+                    </dcc-button>
+                </div>
+              </li>
+              <li class="breadcrumb-item active" aria-current="page">Edit case</li>
+            </ol>
+          </nav>
+        </div>
+        <!-- End of breadcrumbs -->
+
+        <!-- Page title and description -->
+        <div class="container-fluid">
+          <dcc-dhtml subscribe="service/response/get/harena-case:update">
+            <h1>Edit case - {{title}}</h1>
+            <h6 style="color:#808080;">Created by {{author_grade}}: {{username}} ({{institution_acronym}}). </h6>
+
+          </dcc-dhtml>
+        </div>
+        <!-- End of page title and description -->
+
+        <!-- Toolbar -->
+        <div id="toolbar-panel" class="container-fluid no-spacing"
+             style="position:relative">
+          <nav class="navbar navbar-light">
+            <div class="col-6">
+              <button type="button" class="btn btn-secondary" id="btn-save-draft">Save</button>
+              <dcc-button topic="control/case/save" location="btn-save-draft" label="SAVE" xstyle="out"></dcc-button>
+
+              <!-- Settings button activates a modal -->
+              <button type="button" class="btn btn-secondary m-1" data-toggle="modal" data-target="#settings-modal">
+                Settings
+              </button>
+
+
+              <div id="advanced-mode" style="display:none">
+                <dcc-button topic="control/case/markdown" label="MARKDOWN" xstyle="in"></dcc-button>
+              </div>
+
+
+            </div>
+            <div class="d-flex justify-content-center col-6 ">
+              <button type="button" class="share-cases-element btn btn-success mr-4 m-1" data-toggle="modal" data-target="#share-modal" hidden>
+                Share case
+              </button>
+              <div id="div-toolbar-rightside" class="d-flex ">
+
+              </div>
+            </div>
+  <!--          <div class="navbar-sub col-2">
+              <div class="custom-control custom-switch" data-on="success" data-off="default">
+                <input type="checkbox" class="custom-control-input" id="preview-switch">
+                <label class="custom-control-label" for="preview-switch">Preview mode</label>
+              </div>
+            </div>
+          -->
+            <!-- <div class="col-2">
+
+            </div> -->
+        </div>
+        <!-- End of toolbar -->
+
+        <div class="d-flex h-75">
+          <!-- Container displaying the flow of the case -->
+          <!--  -->
+            <div id="navigation-block" class="w-25" style="width: 13% !important; min-width: 125px !important;">
+              <div class="sty-navigation-block">
+                <div class="sty-navigation-panel std-border">
+                  <div id="navigation-panel"></div>
+                  <dcc-graph id="navigation-graph" action="control/knot/selected" style="overflow:auto !important;">
+                  </dcc-graph>
+                </div>
+              </div>
+            </div>
+            <div id="navigator-expansion" class="sty-navigation-expansion">
+              <div id="navigation-set" class="sty-navigation-set">
+                <dcc-button id="button-expand-nav" topic="control/navigator/expand" label="Expand" image="/author/icons/icon-expansion-right.svg"></dcc-button>
+                <dcc-button id="button-retract-nav" topic="control/navigator/retract" label="Retract" image="/author/icons/icon-expansion-left.svg"></dcc-button>
+              </div>
+            </div>
+          <!-- End of container displaying the flow of the case -->
+
+          <!-- Container displaying the case -->
+            <div class="d-flex" id="knot-main" style="width: 100%">
+
+              <div class="w-100">
+                 <div id="toolbar-editor"></div>
+                 <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
+                   <div id="knot-panel" class="d-flex flex-column sty-knot-panel w-100 h-100 scroll-y">
+
+                   </div>
+                </div>
+              </div>
+
+            </div>
+          <!-- End of container displaying the case -->
+
+          <!-- Container displaying the properties/comments of the case -->
+          <div id="properties-expansion" class="sty-navigation-expansion">
+            <div id="properties-set" class="sty-navigation-set">
+              <dcc-button id="button-expand-prop" topic="control/properties/expand" label="Expand" image="/author/icons/icon-properties.svg"></dcc-button>
+              <dcc-button id="button-retract-right" topic="control/elements/retract" label="Retract" image="/author/icons/icon-expansion-right.svg" style="display:none"></dcc-button>
+              <dcc-button id="button-expand-left" topic="control/elements/wide" label="Expand" image="/author/icons/icon-expansion-left.svg" style="display:none"></dcc-button>
+              <dcc-button id="button-expand-com" topic="control/comments/expand" label="Comment" image="/author/icons/icon-comment.svg"></dcc-button>
+              <dcc-button id="button-expand-art" topic="control/artifacts/expand" label="Artifacts" image="/author/icons/icon-media.svg"></dcc-button>
+            </div>
+          </div>
+            <div id="elements-main" class="d-flex">
+              <div id="elements-block" class="sty-elements-block" style="position:relative; display:none; overflow-y:auto !important; overflow-x:hidden !important;">
+                 <!--
+                 <div id="elements-panel" class="sty-control-panel std-border">
+                    <div class="control-button"><dcc-button topic="control/element/text/new" label="Text" image="icons/icon-dcc-text.svg"></dcc-button></div>
+                    <div class="control-button"><dcc-button topic="control/element/image/new" label="Text" image="icons/icon-dcc-image.svg"></dcc-button></div>
+                    <div class="control-button"><dcc-button topic="control/element/option/new" label="Text" image="icons/icon-dcc-button.svg"></dcc-button></div>
+                 </div>
+               -->
+                 <div id="properties-block" class="sty-properties-block std-border" style="display:none">
+                    <div id="properties-panel" class="styp-properties-panel"></div>
+                    <div id="properties-buttons">
+                       <dcc-button xstyle="in" topic="properties/apply/details" label="APPLY"></dcc-button>
+                       <!--
+                       <div class="control-button"><dcc-button xstyle="in" topic="control/element/selected/up" label="Element Up" image="icons/icon-move-up.svg"></dcc-button></div>
+                       <div class="control-button"><dcc-button xstyle="in" topic="control/element/selected/down" label="Element Down" image="icons/icon-move-down.svg"></dcc-button></div>
+                       <div class="control-button"><dcc-button xstyle="in" topic="control/element/selected/delete" label="Delete Element" image="icons/icon-delete.svg"></dcc-button></div>
+                     -->
+                    </div>
+                 </div>
+                 <div id="comments-block" class="sty-properties-block std-border" style="display:none">
+                    <div id="comments-display" class="d-flex flex-column sty-knot-panel p-1" style="overflow-y:auto !important; overflow-x:hidden !important;"></div>
+                 </div>
+                 <div id="artifacts-block" class="sty-properties-block" style="display:none">
+                    <div id="case-artifacts"></div>
+                    <div id="progress-artifacts"></div>
+                    <div id="artifact-controls">
+                       <input type="file" id="artifacts-select" name="artifacts-select" multiple="multiple"
+                              accept="image/png, image/jpeg, image/svg+xml, audio/mpeg, video/mp4, video/webm">
+                       <dcc-button xstyle="in" topic="generator/activate/artifact-knot" label="PLACE IN KNOTS"></dcc-button>
+                    </div>
+                 </div>
+              </div>
+            </div>
+          <!-- End of container displaying the properties/comments of the case -->
+        </div>
+      </div>
+
+    </main>
+  <!-- end of div /.container -->
+
+  </body>
+</html>
diff --git a/src/adonisjs/public/author/index.html b/src/adonisjs/public/author/index.html
index 5147b065..85d04367 100644
--- a/src/adonisjs/public/author/index.html
+++ b/src/adonisjs/public/author/index.html
@@ -83,7 +83,6 @@
     <script src="/dccs/base/property-dcc.js"></script>
     <script src="/dccs/base/connect-dcc.js"></script>
 
-
     <script src="/dccs/components/data/dcc-model.js"></script>
     <script src="/dccs/components/data/dcc-submit.js"></script>
     <script src="/dccs/components/data/dcc-record.js"></script>
@@ -438,7 +437,7 @@ <h6 style="color:#808080;">Created by {{author_grade}}: {{username}} ({{institut
                     <div id="progress-artifacts"></div>
                     <div id="artifact-controls">
                        <input type="file" id="artifacts-select" name="artifacts-select" multiple="multiple"
-                              accept="image/png, image/jpeg, image/svg, audio/mpeg, video/mp4, video/webm">
+                              accept="image/png, image/jpeg, image/svg+xml, audio/mpeg, video/mp4, video/webm">
                        <dcc-button xstyle="in" topic="generator/activate/artifact-knot" label="PLACE IN KNOTS"></dcc-button>
                     </div>
                  </div>
diff --git a/src/adonisjs/public/dccs/base/primitive-dcc.js b/src/adonisjs/public/dccs/base/primitive-dcc.js
index c2d6cc81..2db04351 100644
--- a/src/adonisjs/public/dccs/base/primitive-dcc.js
+++ b/src/adonisjs/public/dccs/base/primitive-dcc.js
@@ -15,9 +15,13 @@ class PrimitiveDCC extends HTMLElement {
   }
 
   _findAggregator(agClass) {
-    let parent = this.parentNode
+    let parent = (this.parentNode != null)
+      ? this.parentNode
+      : ((this instanceof DocumentFragment) ? this.host : null)
     while (parent != null && !(parent instanceof agClass))
-      parent = parent.parentNode
+      parent = (parent.parentNode != null)
+        ? parent.parentNode
+        : ((parent instanceof DocumentFragment) ? parent.host : null)
     return parent
   }
 
diff --git a/src/adonisjs/public/dccs/base/scope-dcc.js b/src/adonisjs/public/dccs/base/scope-dcc.js
index 14e229f3..3e67d918 100644
--- a/src/adonisjs/public/dccs/base/scope-dcc.js
+++ b/src/adonisjs/public/dccs/base/scope-dcc.js
@@ -2,10 +2,14 @@ class ScopeDCC extends PrimitiveDCC {
   connectedCallback () {
     super.connectedCallback ()
     this._bus = MessageBus.create(this.id)
+    if (this.externalize) {
+      this._bus.bridge = MessageBus.i
+      MessageBus.i.bridge = this._bus
+    }
   }
 
   static get observedAttributes () {
-    return ['id']
+    return ['id', 'externalize']
   }
 
   get id () {
@@ -16,6 +20,17 @@ class ScopeDCC extends PrimitiveDCC {
     this.setAttribute('id', newValue)
   }
 
+  get externalize () {
+    return this.hasAttribute('externalize')
+  }
+
+  set externalize (isAuthor) {
+    if (isAuthor)
+      this.setAttribute('externalize', '')
+    else
+      this.removeAttribute('externalize')
+  }
+
   get bus () {
     return this._bus
   }
diff --git a/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-neighbor.js b/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-neighbor.js
index cda57c82..026d87d4 100644
--- a/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-neighbor.js
+++ b/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-neighbor.js
@@ -98,7 +98,8 @@ class RuleDCCCellPair extends RuleDCCCellNeighbor {
           nc = (nc < 0) ? spaceState.ncols - 1 : nc % spaceState.ncols
         }
         if (nr >= 0 && nr < spaceState.nrows &&
-                nc >= 0 && nc < spaceState.ncols) { triggered = this._computeTransition(spaceState, row, col, nr, nc) }
+                nc >= 0 && nc < spaceState.ncols)
+          triggered = this._computeTransition(spaceState, row, col, nr, nc)
       }
     }
     return triggered
diff --git a/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-transition.js b/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-transition.js
index 4b62b421..8961a7e1 100644
--- a/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-transition.js
+++ b/src/adonisjs/public/dccs/components/cell/rule-dcc-cell-transition.js
@@ -11,7 +11,7 @@ class RuleDCCTransition extends RuleDCCCell {
       **********/
 
   static get observedAttributes () {
-    return RuleDCCCell.observedAttributes.concat(['transition'])
+    return RuleDCCCell.observedAttributes.concat(['transition', 'topic'])
   }
 
   get transition () {
@@ -23,6 +23,14 @@ class RuleDCCTransition extends RuleDCCCell {
     this._decomposeTransition(newValue)
   }
 
+  get topic () {
+    return this.getAttribute('topic')
+  }
+
+  set topic (newValue) {
+    this.setAttribute('topic', newValue)
+  }
+
   _decomposeTransition (transition) {
     this._oldSource = transition[0]
     this._oldTarget = transition[1]
@@ -120,6 +128,8 @@ class RuleDCCTransition extends RuleDCCCell {
         }
       }
     }
+    if (this.hasAttribute('topic') && triggered)
+      this._publish(this.topic)
     return triggered
   }
 }
diff --git a/src/adonisjs/public/dccs/components/control/dcc-compute.js b/src/adonisjs/public/dccs/components/control/dcc-compute.js
index 7a24ff42..745e82b4 100644
--- a/src/adonisjs/public/dccs/components/control/dcc-compute.js
+++ b/src/adonisjs/public/dccs/components/control/dcc-compute.js
@@ -28,7 +28,7 @@ class DCCCompute extends DCCBase {
         this._subscribe('compute/updated/' + this.dependency,
                         this._dependencyCompleted)
         this._publish('compute/status/' + this.dependency)
-      } else if (this._compiled != null && this.active)
+      } else if (this._compiled != null && (this.active || this.autorun))
         await this._newExpressionUpdate()
     }
 
@@ -50,7 +50,15 @@ class DCCCompute extends DCCBase {
 
   async _subscribeVariables () {
     await this._unsubscribeVariables()
-    this._subsVariables = DCCCompute.filterVariables(this._compiled, false)
+    this._subsVariables =
+      DCCCompute.filterVariables(this._compiled, false, null)
+    if (this._condition != null) {
+      const condition = DCCCompute.
+        filterVariables(this._condition, false, this._compiled)
+      for (const c of condition)
+        if (!this._subsVariables.includes(c))
+          this._subsVariables.push(c)
+    }
     for (let v of this._subsVariables)
       this._subscribe('var/set/' + v.replace(/\./g, '/'), this.update)
   }
@@ -66,12 +74,14 @@ class DCCCompute extends DCCBase {
   _dependencyCompleted () {
     this._unsubscribe('compute/updated/' + this.dependency,
                       this._dependencyCompleted)
-    this._newExpressionUpdate()
+    if (this.active || this.autorun)
+      this._newExpressionUpdate()
   }
 
   async _newExpressionUpdate () {
     await this.update()
-    await this._subscribeVariables()
+    if (this.active)
+      await this._subscribeVariables()
   }
 
   /*
@@ -80,7 +90,7 @@ class DCCCompute extends DCCBase {
 
   static get observedAttributes () {
     return DCCBase.observedAttributes.concat(
-      ['condition', 'expression', 'active', 'dependency'])
+      ['condition', 'expression', 'active', 'autorun', 'dependency'])
   }
 
   get condition () {
@@ -104,7 +114,7 @@ class DCCCompute extends DCCBase {
     this._newExpressionUpdate()
   }
 
-  // defines if the display is activelly updated
+  // defines if the expression is activelly updated
   get active () {
     return this.hasAttribute('active')
   }
@@ -117,6 +127,19 @@ class DCCCompute extends DCCBase {
     }
   }
 
+  // defines if the expression run at start
+  get autorun () {
+    return this.hasAttribute('autorun')
+  }
+
+  set autorun (isActive) {
+    if (isActive) {
+      this.setAttribute('autorun', '')
+    } else {
+      this.removeAttribute('autorun')
+    }
+  }
+
   get dependency () {
     return this.getAttribute('dependency')
   }
@@ -330,15 +353,16 @@ class DCCCompute extends DCCBase {
     return result
   }
 
-  static filterVariables (compiledSet, includeAssigned) {
+  static filterVariables (compiledSet, includeAssigned, compiledAssignment) {
     let assigned = []
     if (!includeAssigned)
-      assigned = DCCCompute.filterAssignedVariables(compiledSet)
+      assigned = DCCCompute.filterAssignedVariables(
+        (compiledAssignment == null) ? compiledSet : compiledAssignment)
     let variables = []
     for (let s of compiledSet) {
       for (let c of s[1])
         if (c[0] == DCCCompute.role.variable && !variables.includes(c[1]) &&
-            !assigned.includes[c[1]])
+            !assigned.includes(c[1]))
           variables.push(c[1])
     }
     return variables
@@ -426,6 +450,9 @@ class DCCCompute extends DCCBase {
           case 'abs':
             stack.push(Math.abs(stack.pop()))
             break
+          case 'round':
+            stack.push(Math.round(stack.pop()))
+            break
         }
       }
     }
diff --git a/src/adonisjs/public/dccs/components/visual/dcc-expression.js b/src/adonisjs/public/dccs/components/visual/dcc-expression.js
index a55e3ab0..a481c70b 100644
--- a/src/adonisjs/public/dccs/components/visual/dcc-expression.js
+++ b/src/adonisjs/public/dccs/components/visual/dcc-expression.js
@@ -6,6 +6,7 @@ class DCCExpression extends DCCVisual {
   }
 
   async connectedCallback () {
+    super.connectedCallback()
     // <TODO> provisory solution due to message ordering
     // this._updated = false
 
@@ -34,6 +35,8 @@ class DCCExpression extends DCCVisual {
     //                    also monitors all messages
     if (this.active) {
       this.stateChanged = this.stateChanged.bind(this)
+      console.log('=== component bus')
+      console.log(this._bus)
       this._subscribe('input/state/#', this.stateChanged)
       this._stateValues = {}
     }
@@ -60,8 +63,6 @@ class DCCExpression extends DCCVisual {
 
     this._setPresentation(this)
     this._presentationIsReady()
-
-    super.connectedCallback()
   }
 
   async _showResult () {
diff --git a/src/adonisjs/public/dccs/components/visual/dcc-lively-dialog.js b/src/adonisjs/public/dccs/components/visual/dcc-lively-dialog.js
index 0e443ce6..7cad0726 100644
--- a/src/adonisjs/public/dccs/components/visual/dcc-lively-dialog.js
+++ b/src/adonisjs/public/dccs/components/visual/dcc-lively-dialog.js
@@ -38,7 +38,6 @@ class DCCLivelyTalk extends DCCVisual {
             this.character : 'images/character.png'
     this._speech = (this.speech != null) ? this.speech : ''
     this._buildVisual()
-    super.connectedCallback()
   }
 
   _buildVisual () {
diff --git a/src/adonisjs/public/dccs/components/visual/dcc-report.js b/src/adonisjs/public/dccs/components/visual/dcc-report.js
index c9a790eb..96bf5d36 100644
--- a/src/adonisjs/public/dccs/components/visual/dcc-report.js
+++ b/src/adonisjs/public/dccs/components/visual/dcc-report.js
@@ -2,11 +2,11 @@
   ***********/
 class DCCReport extends DCCVisual {
   connectedCallback () {
+    super.connectedCallback()
     this.presentReport = this.presentReport.bind(this)
-    this._subscribe('/report', this.presentReport)
-    this._publish('/report/get')
+    this._subscribe('report', this.presentReport)
+    this._publish('report/get')
     console.log('report solicitado')
-    super.connectedCallback()
   }
 
   presentReport (topic, message) {
@@ -62,12 +62,12 @@ class DCCReport extends DCCVisual {
             .dsty-icon-box {
                flex: 64px;
                max-width: 74px;
-            }            
+            }
             .dsty-icon {
                object-fit: contain;
                max-width: 64px;
                max-height: 100%;
-            }            
+            }
             .dsty-details {
                display: flex;
                flex-direction: column;
@@ -89,7 +89,7 @@ class DCCReport extends DCCVisual {
        </style>
        <div id="presentation-dcc" class="dsty-record dsty-border">
           <div id="record-images" class="dsty-images-container">
-             [images]           
+             [images]
           </div>
           <div class="dsty-details" class="dsty-border">
              [entries]
diff --git a/src/adonisjs/public/dccs/components/visual/dcc-state-select.js b/src/adonisjs/public/dccs/components/visual/dcc-state-select.js
index d885ec11..e79df2ee 100644
--- a/src/adonisjs/public/dccs/components/visual/dcc-state-select.js
+++ b/src/adonisjs/public/dccs/components/visual/dcc-state-select.js
@@ -21,6 +21,7 @@ class DCCStateSelect extends DCCVisual {
   }
 
   async connectedCallback () {
+    super.connectedCallback()
     DCCStateSelect.templateElements =
       "<style> @import '" +
          Basic.service.themeStyleResolver('dcc-state-select.css') +
@@ -62,7 +63,6 @@ class DCCStateSelect extends DCCVisual {
         sourceType: DCCStateSelect.elementTag,
         content: this.innerHTML
       })
-    super.connectedCallback()
   }
 
   disconnectedCallback () {
diff --git a/src/adonisjs/public/dccs/components/web/dcc-dhtml.js b/src/adonisjs/public/dccs/components/web/dcc-dhtml.js
index d86ba1b7..a0bf4f5a 100644
--- a/src/adonisjs/public/dccs/components/web/dcc-dhtml.js
+++ b/src/adonisjs/public/dccs/components/web/dcc-dhtml.js
@@ -31,13 +31,10 @@ class DCCDHTML extends DCCBase {
 
     this._renderHTML()
 
-    if (this.innerHTML.length > 0) {
-      this._originalHTML = this.innerHTML
-      this.innerHTML = ''
-    }
     this._observer = new MutationObserver(this._contentUpdated)
     this._observer.observe(this,
                            {attributes: true, childList: true, subtree: true})
+    this._contentUpdated()
 
     if (this.hasAttribute('autoupdate')) {
       let record = await this._request('var/get/*', null, null, true)
@@ -69,10 +66,11 @@ class DCCDHTML extends DCCBase {
   }
 
   _contentUpdated(mutationsList, observer) {
-    if (this.innerHTML.length > 0) {
-      this._originalHTML += this.innerHTML
-      this.innerHTML = ''
-    }
+    let fragment = this.innerHTML
+    while (fragment.length != this.innerHTML.length)
+      fragment = this.innerHTML
+    this.innerHTML = ''
+    this._originalHTML += fragment
     this._renderHTML()
   }
 
diff --git a/src/adonisjs/public/infra/bus.js b/src/adonisjs/public/infra/bus.js
index cc25f8cb..2fab7f95 100644
--- a/src/adonisjs/public/infra/bus.js
+++ b/src/adonisjs/public/infra/bus.js
@@ -7,7 +7,9 @@ class MessageBus {
     this._listeners = []
     this._providers = {}
     this._connections = {}
+    this._bridge = null
     this._debugger = null
+    this.publish = this.publish.bind(this)
   }
 
   // <TODO> provisory, while it is not possible to debug only tracked messages
@@ -19,6 +21,14 @@ class MessageBus {
     this._debugger = newDebugger
   }
 
+  get bridge() {
+    return this._bridge
+  }
+
+  set bridge(newBridge) {
+    this._bridge = newBridge
+  }
+
   // <TODO> provisory
   defineRunningCase (runningCase) {
     this._runningCase = runningCase
@@ -45,6 +55,11 @@ class MessageBus {
     return status
   }
 
+  showListeners () {
+    console.log('=== listeners')
+    console.log(this._listeners)
+  }
+
   unsubscribe (topic, callback) {
     let found = false
     for (let l = 0; l < this._listeners.length && !found; l++) {
@@ -56,7 +71,7 @@ class MessageBus {
     }
   }
 
-  async publish (topic, message, track) {
+  async publish (topic, message, track, byBridge) {
     /*
     console.log('----- message: ' + topic)
     console.log(message)
@@ -67,8 +82,11 @@ class MessageBus {
     }
     */
 
-    if (track != null && this.debugger != null)
-      this.debugger(topic, message)
+    if (this.debugger != null)
+      this.debugger(topic, message, track)
+
+    if (this._bridge != null && !byBridge)
+      this._bridge.publish(topic, message, track, true)
 
     let listeners = this._listeners.slice()
     for (const l in listeners) {
@@ -119,7 +137,7 @@ class MessageBus {
 
   /* Checks if this topic has a subscriber */
   /* default: does not check regular expression */
-  hasSubscriber (topic, regexp) {
+  hasSubscriber (topic, regexp, byBridge) {
     let hasSub = false
     let listeners = this._listeners.slice()
     for (let l = 0; !hasSub && l < listeners.length; l++) {
@@ -128,6 +146,9 @@ class MessageBus {
       else
         hasSub = (topic == listeners[l].topic)
     }
+    if (!hasSub && this._bridge != null && !byBridge)
+      hasSub = this._bridge.hasSubscriber(topic, regexp, true)
+
     return hasSub
   }
 
diff --git a/src/adonisjs/public/infra/conditional-layout.js b/src/adonisjs/public/infra/conditional-layout.js
index 93e7700f..51dddb15 100644
--- a/src/adonisjs/public/infra/conditional-layout.js
+++ b/src/adonisjs/public/infra/conditional-layout.js
@@ -394,7 +394,7 @@ class LayoutController {
   }
 
   async dynamicMainPage(){
-    if(LayoutController.user.message.institution === 'progntrial' && document.querySelector('.home-play-container')){
+    if((LayoutController.user.message.institution === 'progntrial' || LayoutController.user.message.institution === 'progn') && document.querySelector('.home-play-container')){
       const btnContainer = document.querySelector('.home-play-container')
       const btnAuthor = btnContainer.querySelector('#author-btn')
       const btnPlayer = btnContainer.querySelector('#player-btn')
diff --git a/src/adonisjs/public/player/case/index-cell.html b/src/adonisjs/public/player/case/index-cell.html
new file mode 100644
index 00000000..376a0384
--- /dev/null
+++ b/src/adonisjs/public/player/case/index-cell.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="utf-8"/>
+  <title>Player || Harena Environment</title>
+
+  <link rel="stylesheet" href="/player/css/player.css">
+
+  <link rel="stylesheet" href="/author/css/author.css">
+
+  <script src="/lib/axios-0.21.0/axios.min.js"></script>
+
+  <script src="/lib/jquery-3-4-1/jquery-3.4.1.slim.min.js"></script>
+  <script src="/lib/popper-1-15-0/popper.min.js"></script>
+  <script src="/lib/bootstrap-4.4.1/js/bootstrap.min.js"></script>
+
+  <script src="/config/config.js"></script>
+  <script src="/infra/bus.js"></script>
+  <script src="/infra/basic.js"></script>
+  <script src="/infra/dcc-common-server-proxy.js"></script>
+  <script src="/infra/dcc-common-server-address.js"></script>
+  <script src="/infra/simple-page-tasks.js"></script>
+  <script src="/infra/token-validator.js"></script>
+
+  <script>
+  Basic.service.rootPath = '../../'
+  </script>
+
+  <script src="/dccs/base/primitive-dcc.js"></script>
+  <script src="/dccs/base/scope-dcc.js"></script>
+  <script src="/dccs/base/dcc.js"></script>
+  <script src="/dccs/base/dcc-base.js "></script>
+  <script src="/dccs/base/dcc-visual.js "></script>
+  <script src="/dccs/base/dcc-block.js"></script>
+  <script src="/dccs/base/dcc-light.js "></script>
+
+  <script src="/dccs/components/visual/dcc-button.js"></script>
+  <script src="/dccs/components/visual/dcc-notice-input.js"></script>
+
+  <script src="/dccs/components/web/dcc-rest.js"></script>
+  <script src="/dccs/components/web/dcc-include.js"></script>
+  <script src="/dccs/components/web/dcc-dhtml.js"></script>
+
+  <script src="/dccs/components/data/dcc-submit.js"></script>
+  <script src="/dccs/components/data/dcc-model.js"></script>
+  <script src="/dccs/components/data/dcc-record.js"></script>
+
+  <script src="/dccs/base/subscribe-dcc.js"></script>
+  <script src="/dccs/base/trigger-dcc.js"></script>
+  <script src="/dccs/base/property-dcc.js"></script>
+  <script src="/dccs/base/connect-dcc.js"></script>
+
+
+  <script src="/infra/dcc-rest-proxy.js"></script>
+  <script src="/infra/dcc-basic.js"></script>
+  <script src="/infra/dcc-logger.js"></script>
+  <script src="/infra/dcc-logger-manager.js"></script>
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="shortcut icon" href="/icons/favicon.ico">
+  <link rel="manifest" href="/site.webmanifest">
+
+  <link rel="stylesheet" href="/lib/fontawesome-5-10-1/css/all.min.css">
+  <link rel="stylesheet" href="/lib/bootstrap-4.4.1/css/bootstrap.min.css">
+
+  <link rel="stylesheet" href="/dccs/css/dccs.css">
+  <link rel="stylesheet" href="/dccs/css/properties.css">
+  <link rel="stylesheet" href="/infra/css/common-player.css">
+  <link rel="stylesheet" href="/infra/css/common-author.css">
+
+  <script src="/author/js/dcc-author-server-proxy.js"></script>
+
+  <script src="/author/js/create.js"></script>
+  <script src="/author/js/template-case.js"></script>
+  <script src="/author/js/draft.js"></script>
+
+  <script src="/context/context.js"></script>
+
+  <script src="/dccs/components/control/dcc-timer.js"></script>
+  <script src="/dccs/components/control/dcc-compute.js"></script>
+  <script src="/dccs/components/control/dcc-message.js"></script>
+
+  <script src="/dccs/components/visual/dcc-markdown.js"></script>
+  <script src="/dccs/components/visual/dcc-annotation.js"></script>
+  <script src="/dccs/components/visual/dcc-expression.js"></script>
+  <script src="/dccs/components/visual/dcc-character.js"></script>
+  <script src="/dccs/components/visual/dcc-lively-dialog.js"></script>
+  <script src="/dccs/components/visual/dcc-state-select.js"></script>
+  <script src="/dccs/components/visual/dcc-image-marker.js"></script>
+  <script src="/dccs/base/dcc-styler.js"></script>
+  <script src="/dccs/components/visual/dcc-entity.js"></script>
+  <script src="/dccs/components/visual/dcc-input.js"></script>
+  <script src="/dccs/components/visual/dcc-input-typed.js"></script>
+  <script src="/dccs/components/visual/dcc-input-choice.js"></script>
+  <script src="/dccs/components/visual/dcc-input-table.js"></script>
+  <script src="/dccs/components/visual/dcc-input-summary.js"></script>
+  <script src="/dccs/components/visual/dcc-slider.js"></script>
+  <script src="/dccs/components/visual/dcc-report.js"></script>
+
+  <!-- bundle cellular -->
+  <script src="/dccs/components/cell/dcc-space-cellular.js"></script>
+  <script src="/dccs/components/cell/dcc-cell.js"></script>
+  <script src="/dccs/components/cell/dcc-cell-color.js"></script>
+  <script src="/dccs/components/cell/dcc-cell-image.js"></script>
+  <script src="/dccs/components/cell/dcc-cell-ruler.js"></script>
+  <script src="/dccs/components/cell/rule-dcc-cell.js"></script>
+  <script src="/dccs/components/cell/rule-dcc-cell-transition.js"></script>
+  <script src="/dccs/components/cell/rule-dcc-cell-neighbor.js"></script>
+  <script src="/dccs/components/cell/rule-dcc-cell-expression.js"></script>
+
+  <script src="/lib/showdown/showdown.min.js"></script>
+
+  <script src="/translator/translator.js"></script>
+  <script src="/translator/item-templates.js"></script>
+
+  <script src="/player/js/dcc-player-server-proxy.js"></script>
+  <script src="/player/js/htracker.js"></script>
+  <script src="/player/js/state.js"></script>
+  <script src="/player/js/metaplayer.js"></script>
+  <script src="/player/js/player.js"></script>
+  <script src="/player/js/caselist.js"></script>
+</head>
+  <body onload="PlayerManager.player.startPlayer()">
+  <!-- <div class="d-flex flex-column vh-100 vw-100 hidden-overflow"> -->
+
+    <dcc-rest id="harena-create-logger" bind="harena-create-logger" subscribe="logger/create/post"></dcc-rest>
+    <main role="main">
+      <div id="main-panel" class="d-flex flex-column vh-100 vw-100 scroll-y index-boot-padding">
+        <dcc-rest id="harena-case" bind="harena-case" subscribe="service/request/get"></dcc-rest>
+        <div class="mr-auto author-breadcrumb" id="preview-panel">
+        <!-- <div class="sty-preview-panel" id="preview-panel"> -->
+          <nav aria-label="breadcrumb">
+            <ol id="breadcrumb-group" class="breadcrumb">
+              <li class="breadcrumb-item"><a href="/">Welcome</a></li>
+              <li class="breadcrumb-item"><a href="/player/home/category">Categories</a></li>
+              <li id="case-list-breadcrumb" class="breadcrumb-item">
+                <a href="javascript:history.back()">Case List</a>
+              </li>
+              <li id="current-breadcrumb" class="breadcrumb-item active" aria-current="page">Current Case</li>
+            </ol>
+          </nav>
+        </div>
+        <div id="player-panel" style="border-color: #004270; border-radius: 9px;	border-style: solid;	border-width: 13px;	border-bottom-width: 30px">
+        </div>
+      </div>
+    </main>
+  <!-- </div> -->
+</body>
+</html>
diff --git a/src/adonisjs/public/player/case/logger.html b/src/adonisjs/public/player/case/logger.html
index 948a77b9..307418ad 100644
--- a/src/adonisjs/public/player/case/logger.html
+++ b/src/adonisjs/public/player/case/logger.html
@@ -150,8 +150,9 @@
 
   <script>
      function start() {
-        MessageBus.i.debugger = function(topic, message) {
-           showLogger(topic, message)
+        MessageBus.i.debugger = function(topic, message, track) {
+          if (track != null)
+            showLogger(topic, message)
         }
         document.querySelector('#logger-messages').innerHTML = ''
         PlayerManager.player.startPlayer()
diff --git a/src/adonisjs/public/player/js/player.js b/src/adonisjs/public/player/js/player.js
index 58e4ad2d..8f172d69 100644
--- a/src/adonisjs/public/player/js/player.js
+++ b/src/adonisjs/public/player/js/player.js
@@ -20,7 +20,7 @@ class PlayerManager {
 
     // <TODO> temporary
     this.produceReport = this.produceReport.bind(this)
-    MessageBus.i.subscribe('/report/get', this.produceReport)
+    MessageBus.i.subscribe('report/get', this.produceReport)
 
     this.caseCompleted = this.caseCompleted.bind(this)
     MessageBus.i.subscribe('case/completed/+', this.caseCompleted)
@@ -228,7 +228,7 @@ class PlayerManager {
 
     let resume = false
     const pPlay = this._state.pendingPlayCheck()
-    if (!this._previewCase && pPlay != null && resumeActive) {
+    if (!this._previewCase && pPlay != null && pPlay.running && resumeActive) {
       this._tracker.caseHalt(pPlay.userid, pPlay.caseid, pPlay.running.runningId)
 
       // <TODO> adjust for name: (precase == null || this._state.pendingPlayId() == precase)) {
@@ -372,6 +372,8 @@ class PlayerManager {
   }
 
   async knotLoad (knotName, parameter) {
+    // MessageBus.i.showListeners()
+
     this._currentKnot = knotName
 
     // <TODO> Local Environment - Future
@@ -388,8 +390,9 @@ class PlayerManager {
       if (this._compiledCase.role && this._compiledCase.role == 'metacase' &&
              this._knots[knotName].categories &&
              this._knots[knotName].categories.includes('script')) { MetaPlayer.player.play(this._knots[knotName], this._state) } else {
-        const knot = await Translator.instance.generateHTML(
+        let knot = await Translator.instance.generateHTML(
           this._knots[knotName])
+        knot = '<scope-dcc id="player" externalize>' + knot + '</scope-dcc>'
         let note = false
         if (this._knots[knotName].categories && Translator.instance.themeSettings &&
             Translator.instance.themeSettings.note) {
@@ -594,7 +597,7 @@ class PlayerManager {
       output.users[users.ids[u]] = profile
     }
 
-    MessageBus.i.publish('/report', {
+    MessageBus.i.publish('report', {
       caseobj: server.getPlayerObj(),
       result: output
     })
diff --git a/src/adonisjs/public/report/category/cases/play/index.html b/src/adonisjs/public/report/category/cases/play/index.html
index 0b7a245e..1906353c 100644
--- a/src/adonisjs/public/report/category/cases/play/index.html
+++ b/src/adonisjs/public/report/category/cases/play/index.html
@@ -87,7 +87,7 @@
             <div id="case-boxes" class="container-fluid draft-scroll-container">
               <dcc-rest id="harena-logger-list" bind="harena-logger-list" subscribe="logger/list/get"></dcc-rest>
               <dcc-rest id="harena-logger-list-page" bind="harena-logger-list-page"></dcc-rest>
-              <dcc-dhtml id="harena-dhtml-logger"connect="retrieve:harena-logger-list-page:service/request/get">
+              <dcc-dhtml id="harena-dhtml-logger" connect="retrieve:harena-logger-list-page:service/request/get">
                 <input type="hidden" id="pages" value="{{pages}}">
                 {{@foreach logs lg}}
                 <!-- checkbox for selecting instances -->
diff --git a/src/adonisjs/public/translator/item-templates.js b/src/adonisjs/public/translator/item-templates.js
index c3502631..f1567e73 100644
--- a/src/adonisjs/public/translator/item-templates.js
+++ b/src/adonisjs/public/translator/item-templates.js
@@ -47,14 +47,14 @@
     output:
 '<dcc-expression id=\'dcc[seq]\'[author] expression=\'[variable][index]\'[variant] active></dcc-expression>',
     conditionOpen:
-`<dcc-compute id="dcc[seq]" expression="test:=[condition]"[dependency]></dcc-compute>
+`<dcc-compute id="dcc[seq]" expression="test:=[condition]"[dependency] autorun></dcc-compute>
 <dcc-dhtml connect="retrieve:dcc[seq]:compute/calculate" subscribe="compute/updated/dcc[seq]:update" autoupdate>
 {{@if test}}`,
     conditionClose:
 `{{@endif}}
 </dcc-dhtml>`,
     compute:
-'<dcc-compute id=\'dcc[seq]\' expression=\'[expression]\'[connect][condition][dependency] active></dcc-compute>',
+'<dcc-compute id=\'dcc[seq]\' expression=\'[expression]\'[connect][condition][dependency] autorun></dcc-compute>',
     timer:
 `<dcc-timer cycles="[cycles]" interval="1000" autostart>
   <connect-dcc trigger="begin" to="dcc[to]" topic="style/display/none"></connect-dcc>
diff --git a/src/adonisjs/public/user/js/dcc-rest-proxy-user.js b/src/adonisjs/public/user/js/dcc-rest-proxy-user.js
index 8a5a0ae1..144b7dcd 100644
--- a/src/adonisjs/public/user/js/dcc-rest-proxy-user.js
+++ b/src/adonisjs/public/user/js/dcc-rest-proxy-user.js
@@ -76,4 +76,31 @@ DCC.component(
   }
 )
 
+DCC.component(
+  'harena-term-user',
+  'dcc-rest',
+  {
+    environment: {
+      'url-manager': HarenaConfig.manager.url + HarenaConfig.manager.api
+    },
+    oas: {
+      paths: {
+        '{url-manager}/term/user': {
+          'get': {
+            operationId: 'users',
+            parameters: [
+              {name: 'url-manager',
+               in: 'path'},
+              {name: 'userId',
+               in: 'query'},
+              {name: 'termId',
+               in: 'query'}
+            ]
+          }
+        }
+      }
+    }
+  }
+)
+
 })()
diff --git a/src/adonisjs/public/user/js/tale-accept.js b/src/adonisjs/public/user/js/tale-accept.js
new file mode 100644
index 00000000..77754db2
--- /dev/null
+++ b/src/adonisjs/public/user/js/tale-accept.js
@@ -0,0 +1,114 @@
+class UserTale {
+  async start () {
+    this._userId = new URL(document.location).searchParams.get('user')
+    this._termId = 'museu_harena_2021'
+    const userTermJson = {
+      userId: this._userId,
+      termId: this._termId
+    }
+    let userTerm = await MessageBus.i.request('user/term/get', userTermJson)
+    console.log(userTerm.message)
+    if (userTerm.message.error) {
+      console.log('--- error')
+      console.log(userTerm.message)
+      if (user.message.error.includes('409'))
+        this._showFeedback('Já existe um usuário com este login. Por favor, escolha outro login.')
+      else
+        this._showFeedback('Houve algum erro no cadastro.')
+    } else {
+      this._userTerm = userTerm.message[0]
+      document.querySelector('#username_1').innerHTML = this._userTerm.name_participant
+      document.querySelector('#username_2').innerHTML = this._userTerm.name_participant
+      document.querySelector('#respname_1').innerHTML = this._userTerm.name_responsible
+    }
+
+    this._expandTermA = this._expandTermA.bind(this)
+    MessageBus.i.subscribe('/user/term/expand/a', this._expandTermA)
+    this._expandTermB = this._expandTermB.bind(this)
+    MessageBus.i.subscribe('/user/term/expand/b', this._expandTermB)
+    this._retractTerm = this._retractTerm.bind(this)
+    MessageBus.i.subscribe('/user/term/retract', this._retractTerm)
+    this._agreement = this._agreement.bind(this)
+    MessageBus.i.subscribe('/user/agreement', this._agreement)
+    this.update = this.update.bind(this)
+
+    const now = new Date()
+    const sdate = now.getDate() + '/' + (now.getMonth()+1) + '/' + now.getFullYear()
+    document.querySelector('#date_agree_1').value = sdate
+    document.querySelector('#date_agree_2').innerHTML = sdate
+  }
+
+  update () {
+    document.querySelector('#answer_agree').innerHTML =
+      (document.querySelector('#agree_radio').checked)
+        ? 'Concordo em participar da pesquisa'
+        : (document.querySelector('#not_agree_radio').checked)
+          ? 'Não desejo participar da pesquisa'
+          : ''
+  }
+
+  _expandTermA () {
+    document.querySelector('#term-part-a').style.display = 'initial'
+    document.querySelector('#term-part-both').style.display = 'initial'
+    document.querySelector('#button-expand-a').style.display = 'none'
+    document.querySelector('#button-expand-b').style.display = 'none'
+  }
+
+  _expandTermB () {
+    document.querySelector('#term-part-b').style.display = 'initial'
+    document.querySelector('#term-part-both').style.display = 'initial'
+    document.querySelector('#button-expand-a').style.display = 'none'
+    document.querySelector('#button-expand-b').style.display = 'none'
+  }
+
+  _retractTerm () {
+    document.querySelector('#term-part-a').style.display = 'none'
+    document.querySelector('#term-part-b').style.display = 'none'
+    document.querySelector('#term-part-both').style.display = 'none'
+    document.querySelector('#button-expand-a').style.display = 'initial'
+    document.querySelector('#button-expand-b').style.display = 'initial'
+  }
+
+  _showFeedback (message, color) {
+    const feed1 = document.querySelector('#feedback-message-1')
+    const feed2 = document.querySelector('#feedback-message-2')
+    if (color != null) {
+      feed1.style.color = 'blue'
+      feed2.style.color = 'blue'
+    }
+    feed1.innerHTML = message
+    feed2.innerHTML = message
+  }
+
+  async _agreement (topic, message) {
+    const parameters = (message && message.value) ? message.value : null
+    console.log('===== user parameters')
+    console.log(parameters)
+
+    const agree = (parameters.agree && parameters.agree.length > 0 && parameters.agree == 'agree')
+    const termJson = {
+      userId: this._userId,
+      termId: this._termId,
+      nameResponsible: this._userTerm.name_responsible,
+      emailResponsible: this._userTerm.email_responsible,
+      nameParticipant: this._userTerm.name_participant,
+      date: parameters.date_agree_1,
+      role: parameters.role,
+      agree: (agree) ? '1' : '0'
+    }
+    console.log('=== term json')
+    console.log(termJson)
+    let term = await MessageBus.i.request('user/term/post', termJson)
+    console.log('=== term add')
+    console.log(term)
+    document.querySelector('#complete-form').style.display = 'none'
+    if (agree)
+      this._showFeedback('Termo aceito com sucesso.', 'blue')
+    else
+      this._showFeedback('O termo não foi aceito pelo participante.', 'blue')
+  }
+}
+
+(function () {
+  UserTale.i = new UserTale()
+})()
diff --git a/src/adonisjs/public/user/signup/images/agree.png b/src/adonisjs/public/user/signup/images/agree.png
new file mode 100644
index 00000000..3abfcb9e
Binary files /dev/null and b/src/adonisjs/public/user/signup/images/agree.png differ
diff --git a/src/adonisjs/public/user/signup/images/not-agree.png b/src/adonisjs/public/user/signup/images/not-agree.png
new file mode 100644
index 00000000..7a8f6bff
Binary files /dev/null and b/src/adonisjs/public/user/signup/images/not-agree.png differ
diff --git a/src/adonisjs/public/user/signup/tale.html b/src/adonisjs/public/user/signup/tale.html
new file mode 100644
index 00000000..1f7569ee
--- /dev/null
+++ b/src/adonisjs/public/user/signup/tale.html
@@ -0,0 +1,387 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Concordância do Menor com a Pesquisa</title>
+
+	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" name="viewport">
+
+	<link rel="stylesheet" href="../../css/author.css">
+
+	<script src="/lib/axios-0.21.0/axios.min.js"></script>
+
+	<script src="../../lib/jquery-3-4-1/jquery-3.4.1.slim.min.js"></script>
+	<script src="../../lib/popper-1-15-0/popper.min.js"></script>
+	<script src="../../lib/bootstrap-4.4.1/js/bootstrap.min.js"></script>
+
+	<script src="../../config/config.js"></script>
+	<script src="../../infra/bus.js"></script>
+	<script src="../../infra/basic.js"></script>
+	<script src="../../infra/dcc-common-server-proxy.js"></script>
+	<script src="../../infra/dcc-common-server-address.js"></script>
+
+   <script src="../../dccs/base/primitive-dcc.js"></script>
+   <script src="../../dccs/base/scope-dcc.js"></script>
+	<script src="../../dccs/base/dcc.js"></script>
+	<script src="../../dccs/base/dcc-base.js "></script>
+	<script src="../../dccs/base/dcc-visual.js "></script>
+	<script src="../../dccs/base/dcc-block.js"></script>
+	<script src="../../dccs/components/visual/dcc-button.js"></script>
+	<script src="../../dccs/components/visual/dcc-notice-input.js"></script>
+
+	<script src="../../dccs/components/web/dcc-rest.js"></script>
+	<script src="../../dccs/components/web/dcc-include.js"></script>
+	<script src="../../dccs/components/web/dcc-dhtml.js"></script>
+
+	<script src="../../dccs/components/data/dcc-submit.js"></script>
+	<script src="../../dccs/components/data/dcc-model.js"></script>
+	<script src="../../dccs/components/data/dcc-record.js"></script>
+
+	<script src="../../dccs/base/subscribe-dcc.js"></script>
+	<script src="../../dccs/base/trigger-dcc.js"></script>
+	<script src="../../dccs/base/property-dcc.js"></script>
+	<script src="../../dccs/base/connect-dcc.js"></script>
+
+	<script src="../../infra/dcc-rest-proxy.js"></script>
+	<script src="../../infra/dcc-basic.js"></script>
+
+
+	<link rel="stylesheet" href="../../lib/fontawesome-5-10-1/css/all.min.css">
+	<link rel="stylesheet" href="../../lib/bootstrap-4.4.1/css/bootstrap.min.css">
+
+	<link rel="stylesheet" href="../../dccs/css/dccs.css">
+	<link rel="stylesheet" href="../../dccs/css/properties.css">
+	<link rel="stylesheet" href="../../infra/css/common-player.css">
+	<link rel="stylesheet" href="../../infra/css/common-author.css">
+
+	<script src="../js/dcc-rest-proxy-user.js"></script>
+  <script src="../js/tale-accept.js"></script>
+</head>
+
+  <body onload="UserTale.i.start()">
+    <!-- Create a section to place page content -->
+    <main role="main">
+      <dcc-rest id="harena-link-term" bind="harena-link-term" subscribe="user/term/post"></dcc-rest>
+			<dcc-rest id="harena-term-user" bind="harena-term-user" subscribe="user/term/get"></dcc-rest>
+
+      <div class="d-flex flex-column vh-100 vw-100 hidden-overflow">
+
+        <div class="h-100 w-100 create-case-padding scroll-y">
+					<div class="col-md-6">
+						<img src="images/museum-platform.png" width="100%">
+						<div class="home-text">
+	            <p id="template-title">Termo de Assentimento para Menores</p>
+	          </div>
+
+						<hr>
+						<div id="feedback-message-1" style="font-size:24px;color:red"></div>
+						<hr>
+					</div>
+
+          <div id="complete-form" class="row" style="padding-bottom: 70px;">
+
+            <div class="col-md-6">
+							<h4 style="color:black">Esta aceitação do termo deve ser feita pela criança ou adolescente que participará da oficina.</h4>
+
+              <form id="create-case-form">
+                <p><b>Nome do Participante da Oficina (criança ou adolescente): </b>
+								<span id="username_1"></span></p>
+								<p><b>Nome do Responsável: </b>
+								<span id="respname_1"></span></p>
+                <input type="hidden" id="institution" name="institution" value="mcunicamp">
+                <input type="hidden" id="grade" name="grade" value="student">
+                <input type="hidden" id="term" name="term" value="museu_harena_2021">
+                <input type="hidden" id="role" name="role" value="minor">
+
+                Um de seus pais ou responsável concordou com a sua participação na pesquisa. Se você também concorda, clique na opção a seguir concordando.
+
+								<p>ENTENDI QUE POSSO DIZER “SIM” E PARTICIPAR, MAS QUE, A QUALQUER
+								MOMENTO, POSSO DIZER “NÃO” E DESISTIR. ENTENDI QUE NINGUÉM FICARÁ BRAVO
+								SE EU DESISTIR. SEMPRE PODEREI TIRAR MINHAS DÚVIDAS COM OS PESQUISADORES
+								 E CONVERSAR COM OS MEUS PAIS OU RESPONSÁVEIS.</p>
+
+								<div class="form-inline">
+									<label for="date_agree_1">Data:&nbsp;</label>
+									<input type="text" class="form-control" id="date_agree_1" name="date_agree_1" readonly>
+								</div>
+
+								<input type="radio" id="agree_radio" name="agree" value="agree" onchange="UserTale.i.update()"/> <img src="images/agree.png"> Concordo em participar da pesquisa  <br />
+								<input type="radio" id="not_agree_radio" name="agree" value="not_agree" onchange="UserTale.i.update()" /> <img src="images/not-agree.png"> Não desejo participar da pesquisa  <br />
+
+								<dcc-submit label="Registrar" topic="/user/agreement" xstyle="out"></dcc-submit>
+
+								<!-- TALE 7 a 10 -->
+						    <div id="term-form-a" class="outer">
+						      <section id="main_content" class="inner">
+									<div id="term-part-a" style="display:none">
+						        <h1 id="termo-de-assentimento-livre-e-esclarecido">TERMO DE ASSENTIMENTO LIVRE E ESCLARECIDO</h1>
+
+						<p align="center">
+							<b>07 a 10 anos</b> <br> </p><hr>
+							<b>Plataforma de Aprendizagem baseada em Casos</b> <br>
+							<b>Responsável: André Santanchè</b> <br>
+							<b>Número do CAAE: 46635421.5.0000.5404</b><br>
+						<p></p>
+
+						<p>Como usuário da Plataforma Harena, você também está sendo
+						convidado(a) a participar da pesquisa “Plataforma de Aprendizagem
+						Virtual baseada em Simulação e Resolução de Problemas” para a Unicamp.</p>
+
+						<p>Você pode ser usuário da Plataforma Harena sem que seus dados sejam
+						utilizados para pesquisa mas, caso concorde em também fornecê-los para a
+						 pesquisa,  este termo visa assegurar seus direitos e deveres como
+						participante.</p>
+
+						<p>Outros usuários e professores não saberão se você está ou não
+						participando da pesquisa, portanto, para eles, não há como saber a
+						diferença entre um usuário que participa da pesquisa ou não. Você não
+						sofrerá restrições, nem receberá benefícios pela sua participação ou não
+						 na pesquisa.</p>
+
+						<p>Seus pais permitiram que você participe, mas <strong>se você não quiser participar</strong> é um <strong>direito</strong> seu. Não terá nenhum problema se você desistir -  nem para você, nem para seus pais ou responsáveis.</p>
+
+						<p>Vamos explicar como é a participação:</p>
+
+						<ul>
+						  <li>
+						    <p>Você está participando de um ambiente que se parece com um jogo,
+						em que pessoas são convidadas a resolver problemas e com isso aprendem
+						alguma coisa nova. Precisamos de sua ajuda para testá-lo.</p>
+						  </li>
+						  <li>
+						    <p>Esta pesquisa será realizada coletando seus dados do ambiente na Internet da seguinte maneira:</p>
+
+						    <ul>
+						      <li>
+						        <p>Você vai participar de jogos em que deve resolver desafios.</p>
+						      </li>
+						      <li>
+						        <p>Na medida em que você avança nos desafios, o sistema vai
+						registrando suas decisões, quanto tempo você levou em cada etapa e assim
+						 estaremos aprendendo quais atividades são mais difíceis ou estão mal
+						projetadas.</p>
+						      </li>
+						      <li>
+						        <p>Se você escolher não participar da pesquisa, poderá usar todos os recursos, mas seus dados não serão coletados para pesquisa.</p>
+						      </li>
+						    </ul>
+						  </li>
+						  <li>
+						    <p>Caso aconteça algo errado ou você tenha dúvidas, você e seus pais
+						 ou responsáveis podem perguntar aos pesquisadores ou à pessoa
+						responsável:</p>
+
+						    <ul>
+						      <li>
+						        <p>André Santanchè - pesquisador responsável, celular: (19) 98249-2218.</p>
+						      </li>
+						      <li>
+						        <p>Mas há coisas boas que podem acontecer, como: você gostar das
+						 atividades, aprender sobre a tecnologia, descobrir coisas novas com
+						seus colegas e se divertir com eles, ajudando os pesquisadores a propor
+						 atividades como esta para outras crianças.</p>
+						      </li>
+						    </ul>
+						  </li>
+						  <li>
+						    <p>Se você quiser parar no meio ou desistir, não tem nenhum
+						problema, você pode tanto sair do ambiente, quanto apenas parar de
+						participar da pesquisa e continuar no ambiente.</p>
+						  </li>
+						  <li>
+						    <p>Você deve indicar um e-mail para receber uma cópia deste termo
+						acompanhado de um código de acesso. Como a pesquisa não vai guardar quem
+						 você é, a plataforma pedirá apenas o código de acesso para entrar no
+						sistema e não guardará seus dados pessoais.</p>
+						  </li>
+						  <li>
+						    <p>Se você não quiser aceitar logo, você pode conversar com os seus pais ou responsáveis sobre ele e aceitar numa próxima ocasião.</p>
+						  </li>
+						  <li>
+						    <p>Seus pais ou responsáveis também aceitarão um termo parecido com
+						esteele, e eles serão esclarecidos de tudo o que irá acontecer com você.</p>
+						  </li>
+						  <li>
+						    <p>Cabe ressaltar que, caso aceite participar, é importante fazer o
+						download do Termo de Assentimento Livre e Esclarecido (TALE) - ver link
+						no final do termo- e guardar uma cópia em seus arquivos.</p>
+						  </li>
+						</ul>
+
+						<p>ENTENDI QUE POSSO DIZER “SIM” E PARTICIPAR, MAS QUE, A QUALQUER
+						MOMENTO, POSSO DIZER “NÃO” E DESISTIR. ENTENDI QUE NINGUÉM FICARÁ BRAVO
+						SE EU DESISTIR. SEMPRE PODEREI TIRAR MINHAS DÚVIDAS COM OS PESQUISADORES
+						 E CONVERSAR COM OS MEUS PAIS OU RESPONSÁVEIS.</p>
+
+						<a href="terms/tale-07-10-regular.pdf">Download do Termo de Assentimento Livre e Esclarecido (TALE)</a><br /><br />
+
+					</div> <!-- FIM 7 a 10 -->
+
+						<!-- TALE 11 a 14 -->
+						<div id="main_content_wrap" class="outer">
+				      <section id="main_content" class="inner">
+								<div id="term-part-b" style="display:none">
+				        <h1 id="termo-de-assentimento-livre-e-esclarecido">TERMO DE ASSENTIMENTO LIVRE E ESCLARECIDO</h1>
+
+				<p align="center">
+					<b>11 a 14 anos</b> <br> </p><hr>
+					<b>Plataforma de Aprendizagem baseada em Casos</b> <br>
+					<b>Responsável: André Santanchè</b> <br>
+					<b>Número do CAAE: 46635421.5.0000.5404 </b><br>
+				<p></p>
+
+				<p>Como usuário da Plataforma Harena, você também está sendo
+				convidado(a) a participar da pesquisa “Plataforma de Aprendizagem
+				Virtual baseada em Simulação e Resolução de Problemas” para a Unicamp.</p>
+
+				<p>Você pode ser usuário da Plataforma Harena sem que seus dados sejam
+				utilizados para pesquisa mas, caso concorde em também fornecê-los para a
+				 pesquisa,  este termo visa assegurar seus direitos e deveres como
+				participante.</p>
+
+				<p>Outros usuários e professores não saberão se você está ou não
+				participando da pesquisa, portanto, para eles, não há como saber a
+				diferença entre um usuário que participa da pesquisa ou não. Você não
+				sofrerá restrições, nem receberá benefícios pela sua participação ou não
+				 na pesquisa.</p>
+
+				<p>Seus pais permitiram que você participe, mas <strong>se você não quiser participar</strong> é um <strong>direito</strong> seu. Não terá nenhum problema se você desistir -  nem para você, nem para seus pais ou responsáveis.</p>
+
+				<p>Vamos explicar como é a participação:</p>
+
+				<ul>
+				  <li>
+				    <p>Você está participando de um ambiente que se parece com um jogo,
+				em que pessoas são convidadas a resolver problemas e com isso aprendem
+				alguma coisa nova. Precisamos de sua ajuda para testá-lo e ver o que
+				você consegue aprender com ele.</p>
+				  </li>
+				  <li>
+				    <p>Esta pesquisa será realizada coletando seus dados do ambiente na Internet da seguinte maneira:</p>
+				  </li>
+				</ul>
+
+				<table>
+				  <tbody><tr>
+				    <td style="border: 2px solid">ETAPAS</td>
+				    <td style="border: 2px solid">PROCEDIMENTOS</td>
+				  </tr>
+				  <tr>
+				    <td style="border: 2px solid">Etapa 1 Registro no Jogo</td>
+				    <td style="border: 2px solid">Você se registrou para usar o ambiente. Para a pesquisa usaremos
+				 dados sobre você, por exemplo, sua idade, mas não coletaremos dados que
+				 o identifiquem, como o nome.</td>
+				  </tr>
+				  <tr>
+				    <td style="border: 2px solid">Etapa 2a Resolvendo Desafios</td>
+				    <td style="border: 2px solid">Você será apresentados a desafios que envolvem a resolução de casos ou simulações e será convidado a resolvê-los.</td>
+				  </tr>
+				  <tr>
+				    <td style="border: 2px solid">Etapa 2b Desempenho</td>
+				    <td style="border: 2px solid">Na medida em que você avança nos desafios, o sistema vai
+				registrando suas decisões, quanto tempo você levou em cada etapa e assim
+				 estaremos aprendendo quais atividades são mais difíceis ou estão mal
+				projetadas. Essas informações são registradas, mas são vistas apenas por
+				 você e os pesquisadores. Se você escolher não participar da pesquisa,
+				poderá usar todos os recursos, mas seus dados não serão coletados para
+				pesquisa.</td>
+				  </tr>
+				</tbody></table>
+
+				<ul>
+				  <li>
+				    <p>Caso aconteça algo errado ou você tenha dúvidas, você e seus pais
+				 ou responsáveis podem perguntar aos pesquisadores ou à pessoa
+				responsável:</p>
+
+				    <ul>
+				      <li>
+				        <p>André Santanchè - pesquisador responsável, celular: (19) 98249-2218.</p>
+				      </li>
+				      <li>
+				        <p>Mas há coisas boas que podem acontecer, como: você gostar das
+				 atividades, aprender sobre a tecnologia, descobrir coisas novas com
+				seus colegas e se divertir com eles, ajudando os pesquisadores a propor
+				 atividades como esta para outras crianças.</p>
+				      </li>
+				    </ul>
+				  </li>
+				  <li>
+				    <p>Nós garantimos que ninguém saberá que você está participando da
+				pesquisa, não falaremos a outras pessoas, para que você se sinta à
+				vontade e nem daremos a estranhos as informações que você nos der. Tudo
+				será mantido em segredo e só os pesquisadores saberão destas informações
+				 que serão guardadas em um local seguro.</p>
+				  </li>
+				  <li>
+				    <p>Os resultados desta pesquisa serão publicados em revistas e
+				jornais importantes para que outros pesquisadores possam saber o que
+				fizemos, mas sem colocar o seu nome e o nome das crianças que
+				participaram da pesquisa. Podemos até mudar o seu nome, para não saberem
+				 que é você.</p>
+				  </li>
+				  <li>
+				    <p>Se você quiser parar no meio ou desistir, não tem nenhum
+				problema, você pode tanto sair do ambiente, quanto apenas parar de
+				participar da pesquisa e continuar no ambiente.</p>
+				  </li>
+				  <li>
+				    <p>Você deve indicar um e-mail para receber uma cópia deste termo
+				acompanhado de um número de chave. Como a pesquisa não vai guardar quem
+				você é, a plataforma pedirá apenas a chave para entrar no sistema e não
+				guardará seus dados pessoais.</p>
+				  </li>
+				  <li>
+				    <p>Se você não quiser aceitar logo, você pode conversar com os seus pais ou responsáveis sobre ele e aceitar numa próxima ocasião.</p>
+				  </li>
+				  <li>
+				    <p>Seus pais ou responsáveis também aceitarão um termo parecido com
+				esteele, e eles serão esclarecidos de tudo o que irá acontecer com você.</p>
+				  </li>
+				  <li>
+				    <p>Cabe ressaltar que, caso aceite participar, é importante fazer o
+				download do Termo de Assentimento Livre e Esclarecido (TALE) - ver link
+				no final do termo- e guardar uma cópia em seus arquivos.</p>
+				  </li>
+				</ul>
+
+				<a href="terms/tale-11-14-regular.pdf">Download do Termo de Assentimento Livre e Esclarecido (TALE)</a><br /><br />
+     </div> <!-- FIM 11 a 14 -->
+
+		 								<div id="term-part-both" style="display:none">
+										 <p><b>Nome do (a) participante da pesquisa:</b> <span id="username_2"></span><br />
+
+										 <b>Data:</b> <span id="date_agree_2"></span><br /></p>
+
+										 <p><b>Concordância:</b> <span id="answer_agree"></span></p>
+
+											<dcc-button label="Recolher Detalhes do Termo de Consentimento" topic="/user/term/retract" xstyle="out">
+											</dcc-button>
+
+									  </div>
+
+										Os botões abaixo apresentam todos todos os detalhes sobre o Termo de Assentimento, você deve escolher aquele que corresponde a sua idade.
+
+										<dcc-button id="button-expand-a" label="Mostrar Detalhes do Termo 7 a 10 anos" topic="/user/term/expand/a" xstyle="out">
+										</dcc-button>
+
+										<dcc-button id="button-expand-b" label="Mostrar Detalhes do Termo 11 a 14 anos" topic="/user/term/expand/b" xstyle="out">
+										</dcc-button>
+
+                  </section>
+                  </div>
+									<hr>
+                  <div id="feedback-message-2" style="font-size:24px;color:red"></div>
+                  <hr>
+              </form>
+
+
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- end of div /.container -->
+  </body>
+</html>
diff --git a/src/adonisjs/public/user/signup/terms/tale-07-10-regular.pdf b/src/adonisjs/public/user/signup/terms/tale-07-10-regular.pdf
new file mode 100644
index 00000000..b996aa23
Binary files /dev/null and b/src/adonisjs/public/user/signup/terms/tale-07-10-regular.pdf differ
diff --git a/src/adonisjs/public/user/signup/terms/tale-11-14-regular.pdf b/src/adonisjs/public/user/signup/terms/tale-11-14-regular.pdf
new file mode 100644
index 00000000..a0edc5df
Binary files /dev/null and b/src/adonisjs/public/user/signup/terms/tale-11-14-regular.pdf differ
