diff --git a/notebook/author/author.html b/notebook/author/author.html
index 58effa0..3fd2b79 100644
--- a/notebook/author/author.html
+++ b/notebook/author/author.html
@@ -22,6 +22,7 @@
    <script src="../dccs/components/dcc-lively-dialog.js"></script>
    <script src="../dccs/components/editable/dcc-lively-dialog-editable.js"></script>
    <script src="../dccs/components/dcc-resource-picker.js"></script>
+   <script src="../dccs/components/dcc-notice-input.js"></script>
    <script src="../dccs/components/dcc-state-selector.js"></script>
    <script src="../dccs/components/dcc-image-marker.js"></script>
    <script src="../dccs/components/dcc-styler.js"></script>
@@ -47,9 +48,7 @@
       <div class="sty-control-panel std-border">
          <div class="control-button"><dcc-trigger action="control/case/load" label="Load" image="icons/icon-load.svg"></dcc-trigger></div>
          <div class="control-button"><dcc-trigger action="control/case/save" label="Save" image="icons/icon-save.svg"></dcc-trigger></div>
-         <!--
-         <div class="control-button"><dcc-trigger action="control/new-knot" label="New Knot" image="icons/icon-new-knot.svg"></dcc-trigger></div>
-         -->
+         <div class="control-button"><dcc-trigger action="control/knot/new" label="New Knot" image="icons/icon-new-knot.svg"></dcc-trigger></div>
          <div class="control-button"><dcc-trigger action="control/knot/edit" label="Edit Knot" image="icons/icon-edit-knot.svg"></dcc-trigger></div>
          <div class="control-button"><dcc-trigger action="control/case/play" label="Play" image="icons/icon-play.svg"></dcc-trigger></div>
          <!--
diff --git a/notebook/author/css/author.css b/notebook/author/css/author.css
index f071cd1..c9e5408 100644
--- a/notebook/author/css/author.css
+++ b/notebook/author/css/author.css
@@ -26,6 +26,8 @@ body {
 
    display: flex;
    flex-direction: column;
+   
+   overflow: hidden;
 }
 
 .sty-control-panel {
@@ -92,14 +94,33 @@ body {
    height: 100%;
 }
 
-.navigation-knot {
+.sty-navigation-knot {
+   position: relative;
    max-width: 100%;
 }
 
+.sty-selected-knot {
+   border: 3px solid black;
+   border-radius: 5px;
+   margin: 10px;
+   
+}
+
+.sty-navigation-knot-cover {
+   position: absolute;
+   left: 0px;
+   top: 0px;
+   width: 100%;
+   height: 100%;
+}
+
+.sty-navigation-knot-cover:hover {
+   background: rgba(0, 0, 0, 0.3);
+}
+
 .sty-knot-panel {
    flex: 75%;
    min-width: 20%;
-   overflow: scroll;
+   overflow: hiddden;
    height: 100%;
-}
-
+}
\ No newline at end of file
diff --git a/notebook/author/images/ampliacao-eletro.gif b/notebook/author/images/ampliacao-eletro.gif
deleted file mode 100644
index d1e8a47..0000000
Binary files a/notebook/author/images/ampliacao-eletro.gif and /dev/null differ
diff --git a/notebook/author/images/case-forklift.png b/notebook/author/images/case-forklift.png
deleted file mode 100644
index 4dc882a..0000000
Binary files a/notebook/author/images/case-forklift.png and /dev/null differ
diff --git a/notebook/author/images/ebm-clinical-history-aortic-dissection.png b/notebook/author/images/ebm-clinical-history-aortic-dissection.png
deleted file mode 100644
index 8b6771e..0000000
Binary files a/notebook/author/images/ebm-clinical-history-aortic-dissection.png and /dev/null differ
diff --git a/notebook/author/images/ebm-clinical-history-myocardial-infarction.png b/notebook/author/images/ebm-clinical-history-myocardial-infarction.png
deleted file mode 100644
index 8fc3727..0000000
Binary files a/notebook/author/images/ebm-clinical-history-myocardial-infarction.png and /dev/null differ
diff --git a/notebook/author/images/ebm-pericarditis.png b/notebook/author/images/ebm-pericarditis.png
deleted file mode 100644
index c7d6444..0000000
Binary files a/notebook/author/images/ebm-pericarditis.png and /dev/null differ
diff --git a/notebook/author/images/ebm-physical-examination-aortic-dissection.png b/notebook/author/images/ebm-physical-examination-aortic-dissection.png
deleted file mode 100644
index 1d05f5e..0000000
Binary files a/notebook/author/images/ebm-physical-examination-aortic-dissection.png and /dev/null differ
diff --git a/notebook/author/images/ebm-physical-examination-myocardial-infarction.png b/notebook/author/images/ebm-physical-examination-myocardial-infarction.png
deleted file mode 100644
index a75ec55..0000000
Binary files a/notebook/author/images/ebm-physical-examination-myocardial-infarction.png and /dev/null differ
diff --git a/notebook/author/images/ebm-pulmonary-embolism-wells-criteria.png b/notebook/author/images/ebm-pulmonary-embolism-wells-criteria.png
deleted file mode 100644
index f076c09..0000000
Binary files a/notebook/author/images/ebm-pulmonary-embolism-wells-criteria.png and /dev/null differ
diff --git a/notebook/author/images/ekg-description.png b/notebook/author/images/ekg-description.png
deleted file mode 100644
index 60941ed..0000000
Binary files a/notebook/author/images/ekg-description.png and /dev/null differ
diff --git a/notebook/author/images/ekg-detail-01.png b/notebook/author/images/ekg-detail-01.png
deleted file mode 100644
index 4286bcc..0000000
Binary files a/notebook/author/images/ekg-detail-01.png and /dev/null differ
diff --git a/notebook/author/images/ekg-detail-02.png b/notebook/author/images/ekg-detail-02.png
deleted file mode 100644
index d5ae3b7..0000000
Binary files a/notebook/author/images/ekg-detail-02.png and /dev/null differ
diff --git a/notebook/author/images/ekg.png b/notebook/author/images/ekg.png
deleted file mode 100644
index 2953a82..0000000
Binary files a/notebook/author/images/ekg.png and /dev/null differ
diff --git a/notebook/author/images/hospital-background.png b/notebook/author/images/hospital-background.png
deleted file mode 100644
index 7f64e05..0000000
Binary files a/notebook/author/images/hospital-background.png and /dev/null differ
diff --git a/notebook/author/images/nurse_agnes.png b/notebook/author/images/nurse_agnes.png
deleted file mode 100644
index f4ab542..0000000
Binary files a/notebook/author/images/nurse_agnes.png and /dev/null differ
diff --git a/notebook/author/images/patient-icon.png b/notebook/author/images/patient-icon.png
deleted file mode 100644
index 920ac87..0000000
Binary files a/notebook/author/images/patient-icon.png and /dev/null differ
diff --git a/notebook/author/images/patient-in-bed.svg b/notebook/author/images/patient-in-bed.svg
deleted file mode 100644
index 2074402..0000000
--- a/notebook/author/images/patient-in-bed.svg
+++ /dev/null
@@ -1,178 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.2" width="156.37mm" height="124.34mm" viewBox="4178 5311 15637 12434" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:ooo="http://xml.openoffice.org/svg/export" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:presentation="http://sun.com/xmlns/staroffice/presentation" xmlns:smil="http://www.w3.org/2001/SMIL20/" xmlns:anim="urn:oasis:names:tc:opendocument:xmlns:animation:1.0" xml:space="preserve">
- <defs class="ClipPathGroup">
-  <clipPath id="presentation_clip_path" clipPathUnits="userSpaceOnUse">
-   <rect x="4178" y="5311" width="15637" height="12434"/>
-  </clipPath>
-  <clipPath id="presentation_clip_path_shrink" clipPathUnits="userSpaceOnUse">
-   <rect x="4193" y="5323" width="15606" height="12410"/>
-  </clipPath>
- </defs>
- <defs class="TextShapeIndex">
-  <g ooo:slide="id1" ooo:id-list="id3 id4 id5 id6 id7 id8 id9 id10 id11"/>
- </defs>
- <defs class="EmbeddedBulletChars">
-  <g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/>
-  </g>
-  <g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/>
-  </g>
-  <g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/>
-  </g>
-  <g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/>
-  </g>
-  <g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/>
-  </g>
-  <g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/>
-  </g>
-  <g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/>
-  </g>
-  <g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/>
-  </g>
-  <g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)">
-   <path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/>
-  </g>
- </defs>
- <defs class="TextEmbeddedBitmaps"/>
- <g class="SlideGroup">
-  <g>
-   <g id="container-id1">
-    <g id="id1" class="Slide" clip-path="url(#presentation_clip_path)">
-     <g class="Page">
-      <g class="com.sun.star.drawing.CustomShape">
-       <g id="id3">
-        <rect class="BoundingBox" stroke="none" fill="none" x="4177" y="5310" width="15639" height="12436"/>
-        <path fill="rgb(190,227,211)" stroke="none" d="M 11996,17744 L 4178,17744 4178,5311 19814,5311 19814,17744 11996,17744 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 11996,17744 L 4178,17744 4178,5311 19814,5311 19814,17744 11996,17744 Z"/>
-       </g>
-      </g>
-      <g class="Group">
-       <g class="com.sun.star.drawing.ClosedBezierShape">
-        <g id="id4">
-         <rect class="BoundingBox" stroke="none" fill="none" x="7490" y="10133" width="8789" height="2742"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 7491,12873 L 7491,10704 C 7491,10419 7776,10134 8061,10134 L 15706,10134 C 15991,10134 16277,10419 16277,10704 L 16277,12873 7491,12873 Z"/>
-         <path fill="none" stroke="rgb(52,101,164)" d="M 7491,12873 L 7491,10704 C 7491,10419 7776,10134 8061,10134 L 15706,10134 C 15991,10134 16277,10419 16277,10704 L 16277,12873 7491,12873 Z"/>
-        </g>
-       </g>
-       <g class="com.sun.star.drawing.ClosedBezierShape">
-        <g id="id5">
-         <rect class="BoundingBox" stroke="none" fill="none" x="7656" y="10288" width="8458" height="2637"/>
-         <path fill="rgb(67,105,140)" stroke="none" d="M 7656,12924 L 7656,10837 C 7656,10562 7930,10288 8205,10288 L 15563,10288 C 15837,10288 16113,10562 16113,10837 L 16113,12924 7656,12924 Z"/>
-        </g>
-       </g>
-      </g>
-      <g class="Group">
-       <g class="com.sun.star.drawing.CustomShape">
-        <g id="id6">
-         <rect class="BoundingBox" stroke="none" fill="none" x="7454" y="15507" width="369" height="1366"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 7638,16871 L 7455,16871 7455,15508 7821,15508 7821,16871 7638,16871 Z"/>
-         <path fill="none" stroke="rgb(52,101,164)" d="M 7638,16871 L 7455,16871 7455,15508 7821,15508 7821,16871 7638,16871 Z"/>
-        </g>
-       </g>
-       <g class="com.sun.star.drawing.CustomShape">
-        <g id="id7">
-         <rect class="BoundingBox" stroke="none" fill="none" x="15938" y="15507" width="369" height="1366"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 16122,16871 L 15939,16871 15939,15508 16305,15508 16305,16871 16122,16871 Z"/>
-         <path fill="none" stroke="rgb(52,101,164)" d="M 16122,16871 L 15939,16871 15939,15508 16305,15508 16305,16871 16122,16871 Z"/>
-        </g>
-       </g>
-      </g>
-      <g class="Group">
-       <g class="com.sun.star.drawing.ClosedBezierShape">
-        <g id="id8">
-         <rect class="BoundingBox" stroke="none" fill="none" x="6762" y="11342" width="10246" height="3196"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 6763,14536 L 6763,12008 C 6763,11675 7095,11343 7428,11343 L 16340,11343 C 16673,11343 17006,11675 17006,12008 L 17006,14536 6763,14536 Z"/>
-         <path fill="none" stroke="rgb(52,101,164)" d="M 6763,14536 L 6763,12008 C 6763,11675 7095,11343 7428,11343 L 16340,11343 C 16673,11343 17006,11675 17006,12008 L 17006,14536 6763,14536 Z"/>
-        </g>
-       </g>
-       <g class="com.sun.star.drawing.ClosedBezierShape">
-        <g id="id9">
-         <rect class="BoundingBox" stroke="none" fill="none" x="6954" y="11523" width="9861" height="3074"/>
-         <path fill="rgb(67,105,140)" stroke="none" d="M 6955,14596 L 6955,12163 C 6955,11843 7275,11523 7595,11523 L 16173,11523 C 16493,11523 16814,11843 16814,12163 L 16814,14596 6955,14596 Z"/>
-        </g>
-       </g>
-      </g>
-      <g class="com.sun.star.drawing.PolyPolygonShape">
-       <g id="id10">
-        <rect class="BoundingBox" stroke="none" fill="none" x="6753" y="14543" width="10256" height="979"/>
-        <path fill="rgb(255,255,255)" stroke="none" d="M 6904,15379 L 8062,15379 8062,14684 6904,14684 6904,15379 Z M 8178,15379 L 9336,15379 9336,14684 8178,14684 8178,15379 Z M 9453,15379 L 10611,15379 10611,14684 9453,14684 9453,15379 Z M 10727,15379 L 11885,15379 11885,14684 10727,14684 10727,15379 Z M 12002,15379 L 13160,15379 13160,14684 12002,14684 12002,15379 Z M 13276,15379 L 14434,15379 14434,14684 13276,14684 13276,15379 Z M 14551,15379 L 15709,15379 15709,14684 14551,14684 14551,15379 Z M 15849,15379 L 16792,15379 16792,14684 15849,14684 15849,15379 Z M 6754,15520 L 6754,14544 17007,14544 17007,15520 6754,15520 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 6904,15379 L 8062,15379 8062,14684 6904,14684 6904,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 8178,15379 L 9336,15379 9336,14684 8178,14684 8178,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 9453,15379 L 10611,15379 10611,14684 9453,14684 9453,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 10727,15379 L 11885,15379 11885,14684 10727,14684 10727,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 12002,15379 L 13160,15379 13160,14684 12002,14684 12002,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 13276,15379 L 14434,15379 14434,14684 13276,14684 13276,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 14551,15379 L 15709,15379 15709,14684 14551,14684 14551,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 15849,15379 L 16792,15379 16792,14684 15849,14684 15849,15379 Z"/>
-        <path fill="none" stroke="rgb(52,101,164)" d="M 6754,15520 L 6754,14544 17007,14544 17007,15520 6754,15520 Z"/>
-       </g>
-      </g>
-      <g class="Graphic">
-       <g id="id11">
-        <rect class="BoundingBox" stroke="none" fill="none" x="10321" y="8384" width="2988" height="2994"/>
-        <defs>
-         <clipPath id="clip_path_1" clipPathUnits="userSpaceOnUse">
-          <path d="M 10321,8384 L 13308,8384 13308,11377 10321,11377 10321,8384 Z"/>
-         </clipPath>
-        </defs>
-        <g clip-path="url(#clip_path_1)">
-         <path fill="rgb(255,212,170)" stroke="none" d="M 10590,9880 C 10590,10705 11135,11375 11808,11375 12481,11375 13027,10705 13027,9880 13027,9054 12481,8384 11808,8384 11135,8384 10590,9054 10590,9880 L 10590,9880 10590,9880 10590,9880 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 10590,9880 C 10590,10705 11135,11375 11808,11375 12481,11375 13027,10705 13027,9880 13027,9054 12481,8384 11808,8384 11135,8384 10590,9054 10590,9880 L 10590,9880 10590,9880 10590,9880 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 10672,9519 C 10665,9488 10651,9467 10630,9451 10609,9436 10581,9427 10549,9427 10515,9426 10464,9425 10431,9448 10398,9471 10372,9510 10354,9561 10335,9611 10319,9685 10321,9746 10323,9807 10336,9879 10368,9923 10400,9966 10474,9994 10513,10002 10550,10009 10572,9990 10592,9968 10612,9945 10624,9912 10630,9868 L 10672,9519 10672,9519 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 10672,9519 C 10665,9488 10651,9467 10630,9451 10609,9436 10581,9427 10549,9427 10515,9426 10464,9425 10431,9448 10398,9471 10372,9510 10354,9561 10335,9611 10319,9685 10321,9746 10323,9807 10336,9879 10368,9923 10400,9966 10474,9994 10513,10002 10550,10009 10572,9990 10592,9968 10612,9945 10624,9912 10630,9868 L 10672,9519 10672,9519 Z"/>
-         <path fill="rgb(255,212,170)" stroke="none" d="M 10635,9894 C 10631,9882 10627,9878 10621,9879 10616,9880 10609,9888 10601,9901 10592,9915 10583,9941 10570,9956 10557,9969 10547,9980 10526,9980 10505,9979 10474,9967 10448,9951 10422,9934 10390,9911 10373,9882 10354,9852 10345,9817 10341,9775 10339,9767 10340,9750 10344,9722 10348,9694 10354,9645 10365,9609 10376,9572 10390,9532 10409,9507 10427,9481 10449,9465 10475,9457 10499,9448 10535,9451 10558,9453 10580,9454 10597,9458 10611,9465 10624,9471 10634,9481 10641,9492 10647,9502 10645,9521 10650,9528 10654,9534 10659,9536 10666,9532 10673,9528 10679,9520 10687,9505 10670,9635 10652,9764 10635,9894 L 10635,9894 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 10605,9593 C 10601,9583 10585,9567 10570,9560 10554,9551 10531,9542 10511,9547 10490,9552 10466,9564 10449,9591 10433,9618 10418,9665 10415,9706 10411,9746 10415,9802 10430,9829 10444,9855 10478,9862 10502,9861 10525,9859 10559,9833 10568,9822 10577,9810 10569,9792 10558,9793 10546,9794 10519,9825 10502,9829 10484,9833 10468,9829 10457,9816 10446,9802 10440,9779 10440,9751 10440,9722 10445,9672 10455,9644 10465,9616 10482,9594 10498,9584 10512,9573 10530,9575 10546,9581 10561,9586 10578,9611 10588,9614 10597,9615 10607,9602 10605,9593 L 10605,9593 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 10605,9593 C 10601,9583 10585,9567 10570,9560 10554,9551 10531,9542 10511,9547 10490,9552 10466,9564 10449,9591 10433,9618 10418,9665 10415,9706 10411,9746 10415,9802 10430,9829 10444,9855 10478,9862 10502,9861 10525,9859 10559,9833 10568,9822 10577,9810 10569,9792 10558,9793 10546,9794 10519,9825 10502,9829 10484,9833 10468,9829 10457,9816 10446,9802 10440,9779 10440,9751 10440,9722 10445,9672 10455,9644 10465,9616 10482,9594 10498,9584 10512,9573 10530,9575 10546,9581 10561,9586 10578,9611 10588,9614 10597,9615 10607,9602 10605,9593 L 10605,9593 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 12956,9532 C 12963,9502 12977,9479 12998,9464 13019,9448 13046,9441 13079,9440 13113,9439 13164,9438 13197,9461 13229,9484 13255,9523 13274,9574 13292,9624 13308,9698 13307,9759 13304,9820 13292,9892 13260,9936 13228,9979 13153,10007 13116,10015 13078,10022 13055,10003 13036,9981 13016,9958 13004,9925 12998,9881 L 12956,9532 12956,9532 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 12956,9532 C 12963,9502 12977,9479 12998,9464 13019,9448 13046,9441 13079,9440 13113,9439 13164,9438 13197,9461 13229,9484 13255,9523 13274,9574 13292,9624 13308,9698 13307,9759 13304,9820 13292,9892 13260,9936 13228,9979 13153,10007 13116,10015 13078,10022 13055,10003 13036,9981 13016,9958 13004,9925 12998,9881 L 12956,9532 12956,9532 Z"/>
-         <path fill="rgb(255,212,170)" stroke="none" d="M 12994,9907 C 12997,9896 13001,9891 13007,9892 13012,9893 13018,9901 13027,9914 13035,9928 13045,9955 13058,9969 13071,9982 13081,9993 13102,9993 13123,9992 13154,9980 13180,9964 13206,9947 13238,9924 13256,9895 13274,9865 13283,9830 13287,9788 13289,9780 13288,9763 13284,9735 13280,9707 13274,9658 13263,9622 13252,9585 13238,9545 13219,9520 13200,9495 13178,9478 13153,9470 13128,9461 13093,9464 13070,9466 13047,9467 13031,9471 13017,9478 13003,9485 12994,9494 12987,9505 12980,9515 12983,9534 12978,9541 12974,9548 12968,9549 12962,9545 12955,9541 12948,9533 12941,9518 12958,9648 12976,9777 12994,9907 L 12994,9907 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 13024,9606 C 13026,9596 13043,9580 13058,9573 13074,9564 13097,9555 13117,9561 13137,9565 13162,9577 13179,9604 13194,9631 13210,9678 13213,9719 13216,9759 13213,9815 13198,9842 13183,9868 13149,9875 13126,9874 13103,9872 13069,9846 13060,9835 13051,9823 13058,9805 13070,9806 13081,9807 13109,9838 13126,9842 13143,9846 13160,9841 13171,9829 13182,9815 13187,9793 13188,9764 13187,9735 13182,9685 13173,9657 13163,9628 13145,9607 13131,9597 13115,9585 13097,9589 13082,9594 13067,9599 13050,9624 13040,9627 13030,9628 13020,9615 13024,9606 L 13024,9606 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 13024,9606 C 13026,9596 13043,9580 13058,9573 13074,9564 13097,9555 13117,9561 13137,9565 13162,9577 13179,9604 13194,9631 13210,9678 13213,9719 13216,9759 13213,9815 13198,9842 13183,9868 13149,9875 13126,9874 13103,9872 13069,9846 13060,9835 13051,9823 13058,9805 13070,9806 13081,9807 13109,9838 13126,9842 13143,9846 13160,9841 13171,9829 13182,9815 13187,9793 13188,9764 13187,9735 13182,9685 13173,9657 13163,9628 13145,9607 13131,9597 13115,9585 13097,9589 13082,9594 13067,9599 13050,9624 13040,9627 13030,9628 13020,9615 13024,9606 L 13024,9606 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11380,9809 C 11304,9838 11202,9890 11136,9945 11072,9998 11005,10066 10996,10128 10987,10189 11022,10265 11085,10310 11148,10355 11271,10402 11371,10395 11470,10386 11599,10309 11676,10264 11751,10217 11800,10163 11821,10123 11841,10083 11797,10056 11798,10024 11799,9993 11838,9970 11831,9935 11822,9900 11792,9840 11751,9813 11709,9786 11649,9772 11587,9771 11524,9769 11455,9780 11380,9809 L 11380,9809 Z"/>
-         <path fill="rgb(73,50,42)" stroke="none" d="M 11404,9832 C 11334,9860 11222,9916 11160,9968 11097,10020 11035,10085 11033,10142 11032,10197 11090,10265 11150,10301 11212,10337 11308,10363 11394,10353 11480,10341 11595,10273 11662,10236 11727,10198 11767,10162 11784,10128 11800,10093 11758,10061 11760,10029 11762,9998 11803,9974 11793,9940 11782,9905 11731,9846 11695,9823 11657,9799 11621,9797 11573,9799 11523,9801 11473,9803 11404,9832 L 11404,9832 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 12211,9823 C 12287,9852 12389,9905 12455,9959 12519,10012 12586,10080 12596,10142 12604,10203 12569,10279 12506,10325 12442,10370 12320,10416 12220,10409 12120,10400 11991,10324 11915,10278 11840,10231 11790,10177 11770,10137 11750,10097 11794,10070 11793,10038 11791,10007 11753,9984 11760,9949 11768,9914 11799,9854 11840,9827 11882,9800 11941,9786 12005,9785 12066,9784 12135,9794 12211,9823 L 12211,9823 Z"/>
-         <path fill="rgb(73,50,42)" stroke="none" d="M 12187,9846 C 12256,9875 12368,9930 12431,9982 12493,10034 12556,10100 12558,10156 12559,10212 12501,10279 12441,10315 12379,10351 12283,10377 12197,10367 12110,10355 11995,10287 11930,10250 11864,10212 11824,10176 11807,10142 11791,10107 11832,10074 11831,10043 11828,10011 11788,9988 11798,9954 11809,9919 11859,9861 11897,9837 11933,9813 11970,9811 12019,9813 12067,9814 12118,9818 12187,9846 L 12187,9846 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11105,9293 C 11105,9487 11264,9643 11460,9643 11656,9643 11815,9487 11815,9293 11815,9099 11656,8942 11460,8942 11264,8942 11105,9099 11105,9293 L 11105,9293 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11105,9293 C 11105,9487 11264,9643 11460,9643 11656,9643 11815,9487 11815,9293 11815,9099 11656,8942 11460,8942 11264,8942 11105,9099 11105,9293 L 11105,9293 Z"/>
-         <path fill="rgb(240,240,240)" stroke="none" d="M 11130,9293 C 11130,9473 11278,9619 11460,9619 11643,9619 11790,9473 11790,9293 11790,9113 11643,8967 11460,8967 11278,8967 11130,9113 11130,9293 L 11130,9293 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11130,9293 C 11130,9473 11278,9619 11460,9619 11643,9619 11790,9473 11790,9293 11790,9113 11643,8967 11460,8967 11278,8967 11130,9113 11130,9293 L 11130,9293 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11797,9293 C 11797,9487 11955,9643 12152,9643 12347,9643 12506,9487 12506,9293 12506,9099 12347,8942 12152,8942 11955,8942 11797,9099 11797,9293 L 11797,9293 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11797,9293 C 11797,9487 11955,9643 12152,9643 12347,9643 12506,9487 12506,9293 12506,9099 12347,8942 12152,8942 11955,8942 11797,9099 11797,9293 L 11797,9293 Z"/>
-         <path fill="rgb(240,240,240)" stroke="none" d="M 11821,9293 C 11821,9473 11969,9619 12152,9619 12334,9619 12482,9473 12482,9293 12482,9113 12334,8967 12152,8967 11969,8967 11821,9113 11821,9293 L 11821,9293 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11821,9293 C 11821,9473 11969,9619 12152,9619 12334,9619 12482,9473 12482,9293 12482,9113 12334,8967 12152,8967 11969,8967 11821,9113 11821,9293 L 11821,9293 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11122,9206 C 11037,9196 10960,9187 10889,9180 10818,9172 10754,9166 10698,9161 L 10649,9224 C 10770,9234 10866,9243 10945,9250 11023,9258 11078,9265 11115,9271 11117,9249 11120,9228 11122,9206 L 11122,9206 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11122,9206 C 11037,9196 10960,9187 10889,9180 10818,9172 10754,9166 10698,9161 L 10649,9224 C 10770,9234 10866,9243 10945,9250 11023,9258 11078,9265 11115,9271 11117,9249 11120,9228 11122,9206 L 11122,9206 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 12490,9206 C 12573,9196 12649,9187 12719,9180 12789,9172 12851,9166 12908,9161 L 12956,9224 C 12837,9234 12742,9243 12664,9250 12588,9258 12531,9265 12496,9271 12494,9249 12492,9228 12490,9206 L 12490,9206 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 12490,9206 C 12573,9196 12649,9187 12719,9180 12789,9172 12851,9166 12908,9161 L 12956,9224 C 12837,9234 12742,9243 12664,9250 12588,9258 12531,9265 12496,9271 12494,9249 12492,9228 12490,9206 L 12490,9206 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 12151,9360 C 12151,9401 12113,9434 12067,9434 12021,9434 11984,9401 11984,9360 11984,9319 12021,9286 12067,9286 12113,9286 12151,9319 12151,9360 L 12151,9360 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 12151,9360 C 12151,9401 12113,9434 12067,9434 12021,9434 11984,9401 11984,9360 11984,9319 12021,9286 12067,9286 12113,9286 12151,9319 12151,9360 L 12151,9360 Z"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 12084,9346 C 12084,9359 12074,9369 12062,9369 12049,9369 12039,9359 12039,9346 12039,9334 12049,9324 12062,9324 12074,9324 12084,9334 12084,9346 L 12084,9346 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 12084,9346 C 12084,9359 12074,9369 12062,9369 12049,9369 12039,9359 12039,9346 12039,9334 12049,9324 12062,9324 12074,9324 12084,9334 12084,9346 L 12084,9346 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11516,9373 C 11516,9414 11553,9448 11599,9448 11646,9448 11683,9414 11683,9373 11683,9331 11646,9298 11599,9298 11553,9298 11516,9331 11516,9373 L 11516,9373 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11516,9373 C 11516,9414 11553,9448 11599,9448 11646,9448 11683,9414 11683,9373 11683,9331 11646,9298 11599,9298 11553,9298 11516,9331 11516,9373 L 11516,9373 Z"/>
-         <path fill="rgb(255,255,255)" stroke="none" d="M 11558,9359 C 11558,9372 11568,9382 11581,9382 11593,9382 11604,9372 11604,9359 11604,9347 11593,9336 11581,9336 11568,9336 11558,9347 11558,9359 L 11558,9359 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11558,9359 C 11558,9372 11568,9382 11581,9382 11593,9382 11604,9372 11604,9359 11604,9347 11593,9336 11581,9336 11568,9336 11558,9347 11558,9359 L 11558,9359 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 12241,9215 C 12223,9200 12188,9178 12160,9164 12132,9151 12097,9139 12075,9136 12053,9132 12031,9136 12028,9143 12025,9150 12037,9166 12056,9175 12074,9183 12110,9181 12137,9191 12163,9201 12190,9222 12209,9235 12227,9247 12238,9263 12247,9265 12255,9267 12262,9257 12261,9249 12260,9240 12257,9229 12241,9215 L 12241,9215 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 12241,9215 C 12223,9200 12188,9178 12160,9164 12132,9151 12097,9139 12075,9136 12053,9132 12031,9136 12028,9143 12025,9150 12037,9166 12056,9175 12074,9183 12110,9181 12137,9191 12163,9201 12190,9222 12209,9235 12227,9247 12238,9263 12247,9265 12255,9267 12262,9257 12261,9249 12260,9240 12257,9229 12241,9215 L 12241,9215 Z"/>
-         <path fill="rgb(0,0,0)" stroke="none" d="M 11384,9252 C 11396,9234 11423,9205 11447,9187 11469,9168 11499,9149 11519,9142 11539,9133 11560,9132 11565,9138 11570,9144 11563,9163 11548,9175 11533,9187 11497,9192 11475,9207 11453,9222 11433,9248 11419,9264 11404,9280 11399,9296 11391,9302 11383,9305 11375,9297 11373,9289 11371,9280 11372,9268 11384,9252 L 11384,9252 Z"/>
-         <path fill="none" stroke="rgb(0,0,0)" d="M 11384,9252 C 11396,9234 11423,9205 11447,9187 11469,9168 11499,9149 11519,9142 11539,9133 11560,9132 11565,9138 11570,9144 11563,9163 11548,9175 11533,9187 11497,9192 11475,9207 11453,9222 11433,9248 11419,9264 11404,9280 11399,9296 11391,9302 11383,9305 11375,9297 11373,9289 11371,9280 11372,9268 11384,9252 L 11384,9252 Z"/>
-        </g>
-       </g>
-      </g>
-     </g>
-    </g>
-   </g>
-  </g>
- </g>
-</svg>
\ No newline at end of file
diff --git a/notebook/author/images/patient.png b/notebook/author/images/patient.png
deleted file mode 100644
index 899415e..0000000
Binary files a/notebook/author/images/patient.png and /dev/null differ
diff --git a/notebook/author/images/patient_jakob.png b/notebook/author/images/patient_jakob.png
deleted file mode 100644
index 4e49da7..0000000
Binary files a/notebook/author/images/patient_jakob.png and /dev/null differ
diff --git a/notebook/author/images/supervisor_harry.png b/notebook/author/images/supervisor_harry.png
deleted file mode 100644
index ce0c3dc..0000000
Binary files a/notebook/author/images/supervisor_harry.png and /dev/null differ
diff --git a/notebook/author/js/author.js b/notebook/author/js/author.js
index 465804d..81b692e 100644
--- a/notebook/author/js/author.js
+++ b/notebook/author/js/author.js
@@ -8,6 +8,8 @@ class AuthorManager {
    constructor() {
       window.messageBus.page = new MessageBus(false);
       
+      this._knotGenerateCounter = 2;
+      
       this._translator = new Translator();
       this._compiledCase = null;
       this._knots = null;
@@ -29,14 +31,19 @@ class AuthorManager {
       this.selectKnot = this.selectKnot.bind(this);
       window.messageBus.ext.subscribe("knot/+/selected", this.selectKnot);
 
-      this._caseLoadSelected = this._caseLoadSelected.bind(this);
       this._templateFamilySelected = this._templateFamilySelected.bind(this);
+      this.newKnot = this.newKnot.bind(this);
+      this._caseNameSelected = this._caseNameSelected.bind(this);
+      
+      this._temporaryCase = true;
    }
    
    start() {
       this._navigationPanel = document.querySelector("#navigation-panel");
       this._knotPanel = document.querySelector("#knot-panel");
       this._messageSpace = document.querySelector("#message-space");
+      
+      window.messageBus.ext.publish("control/case/new", "");
    }
    
    /*
@@ -51,14 +58,18 @@ class AuthorManager {
     */
    controlEvent(topic, message) {
       switch (topic) {
+         case "control/case/new":  this.newCase();
+                                   break;
          case "control/case/load": this.selectCase();
-                                    break;
+                                   break;
          case "control/case/save": this.saveCase();
-                                    break;
+                                   break;
+         case "control/knot/new":  this.modelLoad();
+                                   break;
          case "control/knot/edit": this.editKnot();
-                                    break;
+                                   break;
          case "control/case/play": this.playCase();
-                                    break;
+                                   break;
          case "control/config/edit": this.config();
                                      break;
          /*
@@ -75,39 +86,91 @@ class AuthorManager {
       this._resourcePicker = new DCCResourcePicker();
       this._resourcePicker.resource = "case";
       
-      window.messageBus.ext.subscribe("control/case/selected", this._caseLoadSelected);
+      window.messageBus.ext.subscribe("control/case/selected", this._caseNameSelected);
       
-      // const cases = await this._server.casesList(this._resourcePicker);
       const cases = await window.messageBus.ext.request("case/*/get", "", "case/*");
       this._resourcePicker.addSelectList(cases.message);
-      // let knotPanel = document.querySelector("#knot-panel");
       this._knotPanel.appendChild(this._resourcePicker);
    }
 
    /*
     * ACTION: control-load (2)
     */
-   async _caseLoadSelected(topic, message) {
-      window.messageBus.ext.unsubscribe("control/case/selected", this._caseLoadSelected);
-      this._currentCaseName = message.selected;
-      // let caseMd = await this._server.loadCase(this._currentCaseName);
-      const caseMd = await window.messageBus.ext.request("case/" + this._currentCaseName + "/get", "",
-                                                          "case/" + this._currentCaseName);
-      // let navigationPanel  = document.querySelector("#navigation-panel");
-      // let knotPanel = document.querySelector("#knot-panel");
+   async _caseNameSelected(topic, message) {
+      console.log(topic);
+      this._temporaryCase = false;
+      window.messageBus.ext.unsubscribe("control/case/selected", this._caseNameSelected);
+      this._caseLoad(message.selected);
       this._knotPanel.removeChild(this._resourcePicker);
+   }
+   
+   /*
+    * ACTION: control-new
+    */
+   async newCase() {
+      this._temporaryCase = true;
+      const caseName = await window.messageBus.ext.request("case/_temporary/new", "",
+                                                           "case/_temporary/set/status");
+      this._caseLoad("_temporary");
+   }
+
+   /*
+    * ACTION: control-load (3)
+    */
+   async _caseLoad(caseName) {
+      this._currentCaseName = caseName;
+      const caseMd = await window.messageBus.ext.request("case/" + this._currentCaseName + "/get", "",
+                                                         "case/" + this._currentCaseName);
       
       this._compiledCase = this._translator.compileMarkdown(this._currentCaseName, caseMd.message);
       this._knots = this._compiledCase.knots;
       
-      /*
-      this._knotPanel.style.flex = "20%";
-      this._navigationPanel.style.flex = "80%";
-      this._navigator.mountCase(this._compiledCase.knots);
-      */
-      this._navigator.mountPlainCase(this, this._compiledCase.knots);
+      await this._navigator.mountPlainCase(this, this._compiledCase.knots);
+      
+      const knotIds = Object.keys(this._knots);
+      let k = 0;
+      while (k < knotIds.length && !this._knots[knotIds[k]].render)
+         k++;
+      
+      window.messageBus.ext.publish("knot/" + knotIds[k] + "/selected");
+   }
+   
+   /*
+    * ACTION: control/knot/new (1)
+    */
+   async modelLoad() {
+      this._resourcePicker = new DCCResourcePicker();
+      this._resourcePicker.resource = "model";
+      
+      window.messageBus.ext.subscribe("control/model/selected", this.newKnot);
+      
+      const models = await window.messageBus.ext.request("model/*/get", "", "model/*");
+      this._resourcePicker.addSelectList(models.message);
+      this._knotPanel.appendChild(this._resourcePicker);
    }
 
+   /*
+    * ACTION: control/knot/new (2)
+    */
+   async newKnot(topic, message) {
+      window.messageBus.ext.unsubscribe("control/model/selected", this.newKnot);
+      this._knotPanel.removeChild(this._resourcePicker);
+      
+      const knotId = "Knot_" + this._knotGenerateCounter;
+      let newKnot = {type: "knot",
+                     title: "Knot " + this._knotGenerateCounter,
+                     level: 1,
+                     render: true,
+                     _source: "# Knot " + this._knotGenerateCounter + "\n\n"};
+      this._knotGenerateCounter++;
+      this._knots[knotId] = newKnot;
+      this._translator.extractKnotAnnotations(this._knots[knotId]);
+      this._translator.compileKnotMarkdown(this._knots, knotId);
+      this._htmlKnot = await this._generateHTML(knotId);
+      await this._navigator.mountPlainCase(this, this._compiledCase.knots);
+      window.messageBus.ext.publish("knot/" + this._knotSelected + "/selected");
+   }
+   
    /*
     * ACTION: control-edit
     */
@@ -115,7 +178,6 @@ class AuthorManager {
       if (this._knotSelected != null) {
          if (this._checkKnotModification())
             this._htmlKnot = await this._generateHTML(this._knotSelected);
-            // await this._generateHTML();
          this._renderSlide = !this._renderSlide;
          this._renderKnot();
       }
@@ -127,21 +189,41 @@ class AuthorManager {
    async saveCase() {
       if (this._currentCaseName != null && this._compiledCase != null) {
          let md =this._translator.assembleMarkdown(this._compiledCase);
-         // const versionFile = await this._server.saveCase(this._currentCaseName, md);
          const versionFile = await window.messageBus.ext.request("case/" + this._currentCaseName + "/set",
                                                                  {format: "markdown", source: md},
                                                                  "case/" + this._currentCaseName + "/version");
          
          console.log("Case saved! Previous version: " + versionFile.message);
-         // document.querySelector("#message-space").innerHTML = "Saved";
+
+         if (this._temporaryCase) {
+            const noticeInput = new DCCNoticeInput();
+            noticeInput.text = "Inform a name for your case:";
+            noticeInput.input = "informed_case_name";
+            this._knotPanel.appendChild(noticeInput);
+            
+            let status = "start";
+            let caseName = null;
+            while (status != "ok") {
+               caseName = await window.messageBus.ext.waitMessage("var/" + noticeInput.input + "/set");
+               let statusMess = await window.messageBus.ext.request("case/_temporary/rename",
+                                                                    {newName: caseName.message.input},
+                                                                     "case/_temporary/rename/status");
+               status = statusMess.message;
+               if (status != "ok")
+                  noticeInput.text =
+                     "<span style='color: red'>The selected name already exists</span><br>Inform a name for your case:";
+            }
+            this._currentCaseName = caseName.message.input;
+            this._knotPanel.removeChild(noticeInput);
+            this._temporaryCase = false;
+         }
+
          this._messageSpace.innerHTML = "Saved";
          setTimeout(this._clearMessage, 2000);
-
          let promise = new Promise((resolve, reject) => {
             setTimeout(() => resolve("done!"), 2000);
          });
          let result = await promise;
-         // document.querySelector("#message-space").innerHTML = "";
          this._messageSpace.innerHTML = "";
       }
    }
@@ -150,19 +232,12 @@ class AuthorManager {
     * ACTION: control-play
     */
    async playCase() {
-      // let message = document.querySelector("#message-space");
       this._messageSpace.innerHTML = "Preparing...";
-      // await this._server.prepareCaseHTML(this._currentTemplateFamily, this._currentCaseName);
       await window.messageBus.ext.request("case/" + this._currentCaseName + "/prepare",
                                           this._currentTemplateFamily,
                                           "case/" + this._currentCaseName + "/prepare/status");
 
       this._templateSet = {};
-      /*
-      this._templateSet = {
-         player: await this._server.loadPlayer()
-      };
-      */
       
       const htmlSet = Object.assign(
                          {"entry": {render: true},
@@ -199,7 +274,6 @@ class AuthorManager {
       this._messageSpace.innerHTML = "Finalizing...";
       
       let caseJSON = this._translator.generateCompiledJSON(this._compiledCase);
-      // await this._server.saveCaseScript(this._currentCaseName, "case.js", caseJSON);
       await window.messageBus.ext.request("case/" + this._currentCaseName + "/set",
                                           {format: "json", source: caseJSON},
                                           "case/" + this._currentCaseName + "/set/status");
@@ -219,7 +293,6 @@ class AuthorManager {
       
       window.messageBus.ext.subscribe("control/template_family/selected", this._templateFamilySelected);
       
-      // const families = await this._server.templateFamiliesList(this._resourcePicker);
       const families = await window.messageBus.ext.request("template_family/*/get", "", "template_family/*");
       
       this._resourcePicker.addSelectList(families.message);
@@ -239,49 +312,23 @@ class AuthorManager {
     * ACTION: knot-selected
     */
    async selectKnot(topic, message) {
-      // console.log("selected - topic: " + topic + "; message: " + message);
+      if (this._miniPrevious)
+         this._miniPrevious.classList.remove("sty-selected-knot");
+      
       const knotId = MessageBus.extractLevel(topic, 2);
+      
+      const miniature = document.querySelector("#mini-" + knotId.replace(/\./g, "_"));
+      miniature.classList.add("sty-selected-knot");
+      
+      this._miniPrevious = miniature;
+            
       if (knotId != null) {
          this._checkKnotModification();
          this._knotSelected = knotId;
          this._htmlKnot = await this._generateHTML(this._knotSelected);
          this._renderKnot();
       }
-
-      // <TODO> improve this timeout solution
-      /*
-      let promise = new Promise((resolve, reject) => {
-         setTimeout(() => resolve(), 1000);
-      });
-      let result = await promise;
-      
-      if (!this._knots[this._knotSelected].miniature && this._renderSlide) {
-         let promiseCapture = html2canvas(document.querySelector('body'), {scale: 0.2});
-         this._knots[this._knotSelected].miniature = await promiseCapture;
-         this._knots[this._knotSelected].miniature.style.width = "205px";
-         this._knots[this._knotSelected].miniature.style.height = "153px";
-      }
-      const mini = document.querySelector("#mini-" + this._knotSelected.replace(/\./, "_"));
-      // mini.innerHTML = "";
-      mini.appendChild(this._knots[this._knotSelected].miniature);
-      */
-      /*
-      let promise = new Promise((resolve, reject) => {
-         setTimeout(() => resolve(), 1000);
-      });
-      let result = await promise;
-      if (!this._knots[this._knotSelected].miniature && this._renderSlide) {
-         let promiseCapture = domtoimage.toPng(this._knotPanel);
-         let dataUrl = await promiseCapture;
-         let img = new Image();
-         img.src = dataUrl;
-         img.width = 200;
-         img.height = 200;
-         const mini = document.querySelector("#mini-" + this._knotSelected.replace(/\./, "_"));
-         mini.appendChild(img);
-      }
-      */
-   }
+    }
    
    /*
     * Check if the knot was modified to update it
@@ -295,7 +342,7 @@ class AuthorManager {
             modified = true;
             this._knots[this._knotSelected]._source = editorText;
             this._translator.extractKnotAnnotations(this._knots[this._knotSelected]);
-            this._translator.compileKnotMarkdown(this._knots[this._knotSelected]);
+            this._translator.compileKnotMarkdown(this._knots, this._knotSelected);
          }
       }
       return modified;
@@ -325,7 +372,6 @@ class AuthorManager {
             }
          }
       let finalHTML = this._translator.generateKnotHTML(this._knots[knot]);
-      // for (let tp in templates)
       for (let tp = templates.length-1; tp >= 0; tp--)
          finalHTML = this._templateSet[templates[tp]].replace("{knot}", finalHTML);
       
@@ -340,8 +386,6 @@ class AuthorManager {
    }
    
    _renderKnot() {
-      // let knotPanel = document.querySelector("#knot-panel");
-      
       if (this._renderSlide) {
          this._knotPanel.innerHTML = this._htmlKnot;
          
@@ -357,13 +401,6 @@ class AuthorManager {
          this._editor.insertText(0, this._knots[this._knotSelected]._source);
       }
    }
-   
-   // <TODO> Temporary
-   /*
-   dispatchEvent(event) {
-      this._resourceSelected(event);
-   }
-   */
 }
 
 (function() {
diff --git a/notebook/author/js/dcc-author-server-address.js b/notebook/author/js/dcc-author-server-address.js
index 9b8fe06..9019711 100644
--- a/notebook/author/js/dcc-author-server-address.js
+++ b/notebook/author/js/dcc-author-server-address.js
@@ -1,4 +1,4 @@
 (function() {
    DCCAuthorServer.serverAddress = "http://cloud.lis.ic.unicamp.br/case-notebook/latest/server/";
-   //DCCAuthorServer.serverAddress = "http://127.0.0.1:8888/";
+   // DCCAuthorServer.serverAddress = "http://127.0.0.1:8888/";
 })();
diff --git a/notebook/author/js/dcc-author-server-proxy.js b/notebook/author/js/dcc-author-server-proxy.js
index 0143518..646d158 100644
--- a/notebook/author/js/dcc-author-server-proxy.js
+++ b/notebook/author/js/dcc-author-server-proxy.js
@@ -8,10 +8,16 @@ class DCCAuthorServer {
       window.messageBus.ext.subscribe("template_family/*/get", this.templateFamiliesList);
       this.casesList = this.casesList.bind(this);
       window.messageBus.ext.subscribe("case/*/get", this.casesList);
+      this.modelsList = this.modelsList.bind(this);
+      window.messageBus.ext.subscribe("model/*/get", this.modelsList);
+      this.newCase = this.newCase.bind(this);
+      window.messageBus.ext.subscribe("case/_temporary/new", this.newCase);
       this.loadCase = this.loadCase.bind(this);
       window.messageBus.ext.subscribe("case/+/get", this.loadCase);
       this.saveCase = this.saveCase.bind(this);
       window.messageBus.ext.subscribe("case/+/set", this.saveCase);
+      this.renameCase = this.renameCase.bind(this);
+      window.messageBus.ext.subscribe("case/+/rename", this.renameCase);
       this.loadKnotCapsule = this.loadKnotCapsule.bind(this);
       window.messageBus.ext.subscribe("capsule/knot/get", this.loadKnotCapsule);
       this.loadTemplate = this.loadTemplate.bind(this);
@@ -40,7 +46,22 @@ class DCCAuthorServer {
          finalFamiliesList[families[f]] = "icons/mono-slide.svg";
       window.messageBus.ext.publish("template_family/*", finalFamiliesList);
    }
-   
+
+   async modelsList() {
+      const response = await fetch(DCCAuthorServer.serverAddress + "models-list", {
+         method: "POST",
+         headers:{
+           "Content-Type": "application/json"
+         }
+      });
+      const jsonResponse = await response.json();
+      const models = jsonResponse.modelsList;
+      let finalModelsList = {};
+      for (var f in models)
+         finalModelsList[models[f]] = "icons/mono-slide.svg";
+      window.messageBus.ext.publish("model/*", finalModelsList);
+   }
+
    async casesList() {
       const response = await fetch(DCCAuthorServer.serverAddress + "cases-list", {
          method: "POST",
@@ -56,6 +77,17 @@ class DCCAuthorServer {
       window.messageBus.ext.publish("case/*", finalCasesList);
    }
    
+   async newCase() {
+      const response = await fetch(DCCAuthorServer.serverAddress + "new-case", {
+         method: "POST",
+         headers:{
+           "Content-Type": "application/json"
+         }
+      });
+      const jsonResponse = await response.json();
+      window.messageBus.ext.publish("case/" + jsonResponse.caseName + "/set/status", "ok");
+   }
+
    async loadCase(topic) {
       const caseName = MessageBus.extractLevel(topic, 2);
       if (caseName != "*") {
@@ -87,6 +119,20 @@ class DCCAuthorServer {
       }
    }
 
+   async renameCase(topic, message) {
+      const oldName = MessageBus.extractLevel(topic, 2);
+      const response = await fetch(DCCAuthorServer.serverAddress + "rename-case", {
+         method: "POST",
+         body: JSON.stringify({"oldName": oldName,
+                               "newName": message.newName}),
+         headers:{
+           "Content-Type": "application/json"
+         }
+      });
+      const jsonResponse = await response.json();
+      window.messageBus.ext.publish("case/" + oldName + "/rename/status", jsonResponse.status);
+   }
+
    async loadKnotCapsule() {
       const response = await fetch(DCCAuthorServer.serverAddress + "load-capsule", {
          method: "POST",
diff --git a/notebook/author/js/navigator.js b/notebook/author/js/navigator.js
index ad447f5..d5395c4 100644
--- a/notebook/author/js/navigator.js
+++ b/notebook/author/js/navigator.js
@@ -30,13 +30,14 @@ async mountPlainCase(author, knots) {
          const dot = this._knots[kn].title.lastIndexOf(".");
          const title = (dot == -1) ? this._knots[kn].title : this._knots[kn].title.substring(dot);
          if (this._knots[kn].render) {
-            miniature.innerHTML = "<h3><dcc-trigger action='knot/" + kn + "/selected' xstyle='none' " +
+            miniature.innerHTML = "<h3 style='margin: 0px'><dcc-trigger action='knot/" + kn + "/selected' xstyle='sty-navigation-knot-cover' " +
                                        "label = '" + title + "'>" +
                                   "</dcc-trigger></h3>";
             let iframe = await this._createMiniature(kn);
             miniature.appendChild(iframe);
          } else
-            miniature.innerHTML = "<h2 style='background-color: lightgray'>" + title + "</h2>";
+            miniature.innerHTML = "<h2 style='background-color: lightgray; margin: 5px;'>" + title + "</h2>" +
+                                  "<div class='sty-navigation-knot-cover'></div>";
          this._navigationPanel.appendChild(miniature);
       }
          
@@ -46,7 +47,7 @@ async mountPlainCase(author, knots) {
 _createKnotEntry(id) {
    let miniature = document.createElement("div");
    miniature.id = id; 
-   miniature.classList.add("navigation-knot");
+   miniature.classList.add("sty-navigation-knot");
    miniature.classList.add("std-border");
    return miniature;
 }
@@ -56,7 +57,9 @@ async _createMiniature(kn) {
    let iframe = document.createElement('iframe');
    iframe.width = Navigator.standardDimensions.miniWidth;
    iframe.height = Navigator.standardDimensions.miniHeight;
-   iframe.srcdoc = this._capsule.message.replace("{knot}", htmlKnot);
+   iframe.srcdoc = this._capsule.message.replace(/{width}/g, Navigator.standardDimensions.miniWidth)
+                                        .replace(/{height}/g, Navigator.standardDimensions.miniHeight-6)
+                                        .replace("{knot}", htmlKnot);
    return iframe;
 }
 
diff --git a/notebook/author/knot-capsule.html b/notebook/author/knot-capsule.html
index f761c54..dfd4fbd 100644
--- a/notebook/author/knot-capsule.html
+++ b/notebook/author/knot-capsule.html
@@ -4,7 +4,7 @@
    <meta charset="utf-8"/>
    <title>Knot Capsule</title>
 
-   <link rel="stylesheet" href="../player/css/player.css">
+   <link rel="stylesheet" href="../templates/classic/css/player.css">
    <link rel="stylesheet" href="../templates/classic/css/presentation.css">
    <link rel="stylesheet" href="../templates/classic/css/templates.css">
    
@@ -35,7 +35,7 @@
    <script src="../dccs/components/dcc-input.js"></script>
    <script src="../dccs/components/dcc-report.js"></script>
 </head>
-<body onload="CapsuleManager.capsule.startCapsule()">
+<body onload="CapsuleManager.capsule.startCapsule()" style="width: 100%; height: {height}px; margin: 0px">
    <div id="main-panel" class="sty-main-panel">
       {knot}
    </div>
diff --git a/notebook/cases/_temporary/case.md b/notebook/cases/_temporary/case.md
new file mode 100644
index 0000000..298f9cd
--- /dev/null
+++ b/notebook/cases/_temporary/case.md
@@ -0,0 +1 @@
+# Knot 1
diff --git a/notebook/cases/case001-development/case.md b/notebook/cases/case001-development/case.md
index 88a5293..80939c2 100644
--- a/notebook/cases/case001-development/case.md
+++ b/notebook/cases/case001-development/case.md
@@ -248,8 +248,8 @@ Level 1 (detailed)
 
 Our patient complained about chest pain, located in the middle of his chest, worsening when he breaths and when he lay down on his bed. Both features increases the probability of pericardial disease, especially acute pericarditis. Although patient´s father died of a "heart attack", there were no chest pain features that increase the probability of myocardial infarction, as the pain did not irradiate to arms, the pain was not described as a pressure, neither complaining about nausea, vomiting or shortness of breath. Another differential diagnosis to consider is myopericarditis, but we not be able to find heart failure signs (pulmonary and cardiac auscultation were normal) and the patient did not complain about dyspnea. So, at the level 1, the answer to our open-ended question was Acute Pericarditis.
 
-* Next -> Level 2a
-* Return -> Final report
+* Next -> Level 2.2a
+* Return -> Report
 
 Level 2
 -------
diff --git a/notebook/cases/case001-development/html/index.html b/notebook/cases/case001-development/html/index.html
index c2b67e4..2f32d18 100644
--- a/notebook/cases/case001-development/html/index.html
+++ b/notebook/cases/case001-development/html/index.html
@@ -4,36 +4,36 @@
    <meta charset="utf-8"/>
    <title>Player</title>
    
-   <link rel="stylesheet" type="text/css" href="css/player.css">
-   <link rel="stylesheet" type="text/css" href="css/presentation.css">
-   <link rel="stylesheet" type="text/css" href="css/templates.css">
-   <link rel="stylesheet" type="text/css" href="css/templates-classic.css">
+   <link rel="stylesheet" href="css/player.css">
+   <link rel="stylesheet" href="css/presentation.css">
+   <link rel="stylesheet" href="css/templates.css">
+   <link rel="stylesheet" href="css/templates-classic.css">
 
-   <script type="text/javascript" src="js/utils.js"></script>
-   <script type="text/javascript" src="js/bus.js"></script>
-   <script type="text/javascript" src="js/bus-server-address.js"></script>
-   <script type="text/javascript" src="js/tracker.js"></script>
-   <script type="text/javascript" src="js/state.js"></script>
+   <script src="js/utils.js"></script>
+   <script src="js/bus.js"></script>
+   <script src="js/bus-server-address.js"></script>
+   <script src="js/tracker.js"></script>
+   <script src="js/state.js"></script>
    
-   <script type="text/javascript" src="js/dccs/dcc-base.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-expression.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-block.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-trigger.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-character.js"></script>
-   <script type="text/javascript" src="js/dccs/editable/dcc-character-editable.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-lively-dialog.js"></script>
-   <script type="text/javascript" src="js/dccs/editable/dcc-lively-dialog-editable.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-resource-picker.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-state-selector.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-image-marker.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-styler.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-dialog.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-input.js"></script>
-   <script type="text/javascript" src="js/dccs/dcc-report.js"></script>
+   <script src="js/dccs/dcc-base.js"></script>
+   <script src="js/dccs/dcc-expression.js"></script>
+   <script src="js/dccs/dcc-block.js"></script>
+   <script src="js/dccs/dcc-trigger.js"></script>
+   <script src="js/dccs/dcc-character.js"></script>
+   <script src="js/dccs/editable/dcc-character-editable.js"></script>
+   <script src="js/dccs/dcc-lively-dialog.js"></script>
+   <script src="js/dccs/editable/dcc-lively-dialog-editable.js"></script>
+   <script src="js/dccs/dcc-resource-picker.js"></script>
+   <script src="js/dccs/dcc-state-selector.js"></script>
+   <script src="js/dccs/dcc-image-marker.js"></script>
+   <script src="js/dccs/dcc-styler.js"></script>
+   <script src="js/dccs/dcc-dialog.js"></script>
+   <script src="js/dccs/dcc-input.js"></script>
+   <script src="js/dccs/dcc-report.js"></script>
    
-   <script type="text/javascript" src="js/dcc-player-server-proxy.js"></script>
-   <script type="text/javascript" src="js/player.js"></script>
-   <script type="text/javascript" src="js/case.js"></script>
+   <script src="js/dcc-player-server-proxy.js"></script>
+   <script src="js/player.js"></script>
+   <script src="js/case.js"></script>
 </head>
 <body onload="PlayerManager.instance().startPlayer()">
    <div id="main-panel" class="sty-main-panel">
diff --git a/notebook/cases/case001-development/html/js/bus.js b/notebook/cases/case001-development/html/js/bus.js
index c7256b2..d899faa 100644
--- a/notebook/cases/case001-development/html/js/bus.js
+++ b/notebook/cases/case001-development/html/js/bus.js
@@ -41,12 +41,6 @@ class MessageBus {
    }
    
    async publish(topic, message) {
-      /*
-      if (this._externalized)
-         console.log("== external topic: " + topic);
-      else
-         console.log("   -- internal topic: " + topic);
-      */
       for (let l in this._listeners)
          if (this.matchTopic(l, topic))
             this._listeners[l].callback(topic, message);
@@ -62,13 +56,6 @@ class MessageBus {
             extTopic = this._runningCase.runningId + "/" + topic;
          }
          
-         /*
-         console.log("### REST: " + extTopic);
-         console.log(extMessage);
-         
-         console.log("server: " + MessageBus.serverAddress + "/message");
-         */
-         
          const response = await fetch(MessageBus.serverAddress + "/message", {
             method: "POST",
             body: JSON.stringify({"topic": extTopic,
@@ -78,9 +65,7 @@ class MessageBus {
               "Content-Type": "application/json"
             }
           });
-          // console.log(response);
           const status = await response.json();
-          // console.log(status);
       }
    }
    
@@ -109,10 +94,6 @@ class MessageBus {
             resolve({topic: topic, message: message, callback: callback});
          };
          this.subscribe(responseTopic, callback);
-         /*
-         this.subscribe(responseTopic,
-                        (topic, message) => resolve({topic: topic, message: message}));
-         */
          this.publish(requestTopic, requestMessage);
       });
       
@@ -123,6 +104,21 @@ class MessageBus {
               message: returnMessage.message};
    }
 
+   async waitMessage(topic) {
+      let promise = new Promise((resolve, reject) => {
+         const callback = function(topic, message) {
+            resolve({topic: topic, message: message, callback: callback});
+         };
+         this.subscribe(topic, callback);
+      });
+      
+      let returnMessage = await promise;
+      this.unsubscribe(topic, returnMessage.callback);
+      
+      return {topic: returnMessage.topic,
+              message: returnMessage.message};
+   }
+
    /* Message analysis services */
    
    static _convertRegExp(filter) {
diff --git a/notebook/cases/case001-development/html/js/case.js b/notebook/cases/case001-development/html/js/case.js
index 127fa70..17a9081 100644
--- a/notebook/cases/case001-development/html/js/case.js
+++ b/notebook/cases/case001-development/html/js/case.js
@@ -1 +1,10 @@
-(function() { DCCPlayerServer.playerObj ={"id":"case001-development","knots":{"Start":{"type":"knot","title":"Start","level":1,"render":false,"_source":"Start\n=====\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Start.Case_001":{"type":"knot","title":"Case 001","categories":["start","dialog_left"],"level":2,"render":true,"_source":"## Case 001 (start,dialog_left)\n:NURSE Agnes: Doctor, we have a man (51 years old) who entered the emergency department reporting chest pain. His vital signs are ABP: 144x92mmHG; HR: 78bpm; RR: 21rpm; Temp: 37oC; O2Sat: 98%.\n\n* Let us go! -> Cycle 1.Begin\n\n","annotations":[],"content":[{"type":"text","content":"\n","seq":2},{"type":"talk","character":"NURSE Agnes","speech":"Doctor, we have a man (51 years old) who entered the emergency department reporting chest pain. His vital signs are ABP: 144x92mmHG; HR: 78bpm; RR: 21rpm; Temp: 37oC; O2Sat: 98%.","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"option","subtype":"*","label":"Let us go!","target":"Cycle_1.Begin","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Cycle_1":{"type":"knot","title":"Cycle 1","level":1,"render":false,"_source":"Cycle 1\n=======\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Cycle_1.Begin":{"type":"knot","title":"Begin","categories":["information"],"level":2,"render":true,"_source":"Begin (information)\n-------------------\n\n:PATIENT Jakob: Doctor, I am feeling chest pain since yesterday. The pain is continuous and is located just in the middle of my chest, worsening when I breathe and when I lay down on my bed. I suffer from arterial hypertension and smoke 20 cigarettes every day. My father had a “heart attack” at my age and I am very worried about it.\n\n<b>PHYSICAL EXAMINATION</b> <br> The cardiac and pulmonary auscultation are normal; chest pain does not worse with palpation of the thorax; there is no jugular stasis nor lower limb edema.\n\n:Jacinto:What do you want to do?\n\n* -> Generate hypothesis\n* -> More information\n* Call the supervisor -> Call the supervisor.A\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":"Doctor, I am feeling chest pain since yesterday. The pain is continuous and is located just in the middle of my chest, worsening when I breathe and when I lay down on my bed. I suffer from arterial hypertension and smoke 20 cigarettes every day. My father had a “heart attack” at my age and I am very worried about it.","seq":3},{"type":"text","content":"\n\n<b>PHYSICAL EXAMINATION</b> <br> The cardiac and pulmonary auscultation are normal; chest pain does not worse with palpation of the thorax; there is no jugular stasis nor lower limb edema.\n\n","seq":4},{"type":"talk","character":"Jacinto","speech":"What do you want to do?","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Generate hypothesis","target":"Cycle_1.Generate_hypothesis","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"More information","target":"Cycle_1.More_information","seq":9},{"type":"text","content":"\n","seq":10},{"type":"option","subtype":"*","label":"Call the supervisor","target":"Cycle_1.Call_the_supervisor.A","seq":11},{"type":"text","content":"\n\n","seq":12}]},"Cycle_1.Generate_hypothesis":{"type":"knot","title":"Generate hypothesis","categories":["input"],"level":2,"render":true,"_source":"Generate hypothesis (input)\n---------------------------\nWhat is your main diagnostic hypothesis?\n:PATIENT Jakob:.\n{?1 hypothesis:mesh#pericarditis,myopericarditis,pericardial inflammation,pericardial infection,pericardial effusion;infarction,myocardial infarction,coronary syndrome,acute coronary syndrome,ischemia,myocardial ischemia,coronary insufficiency,angina,angina pectoris}\n\n* Submit hypothesis -> Check hypothesis\n\n","annotations":[],"content":[{"type":"text","content":"\nWhat is your main diagnostic hypothesis?\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":".","seq":3},{"type":"text","content":"\n","seq":4},{"type":"input","variable":"Cycle_1.Generate_hypothesis.hypothesis","rows":1,"vocabulary":"mesh","right":["pericarditis","myopericarditis","pericardial inflammation","pericardial infection","pericardial effusion"],"wrong":["infarction","myocardial infarction","coronary syndrome","acute coronary syndrome","ischemia","myocardial ischemia","coronary insufficiency","angina","angina pectoris"],"seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Submit hypothesis","target":"Cycle_1.Check_hypothesis","seq":7},{"type":"text","content":"\n\n","seq":8}]},"Cycle_1.More_information":{"type":"knot","title":"More information","categories":["information"],"level":2,"render":true,"_source":"More information (information)\n------------------------------\n\n<b>MORE INFORMATION</b> <br> The patient never felt chest pain before. He exercises regularly and has lost weight in the last three months. He takes amlodipine and losartan regularly. Two weeks ago, he had an auto-limited gastroenteritis episode. He denies recent travels and surgery.\n:PATIENT Jakob:.\n\n:Jacinto:What do you want to do?\n\n* Generate hypothesis -> Generate hypothesis\n* Call the supervisor -> Call the supervisor.A\n\n","annotations":[],"content":[{"type":"text","content":"\n\n<b>MORE INFORMATION</b> <br> The patient never felt chest pain before. He exercises regularly and has lost weight in the last three months. He takes amlodipine and losartan regularly. Two weeks ago, he had an auto-limited gastroenteritis episode. He denies recent travels and surgery.\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":".","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"talk","character":"Jacinto","speech":"What do you want to do?","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Generate hypothesis","target":"Cycle_1.Generate_hypothesis","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"Call the supervisor","target":"Cycle_1.Call_the_supervisor.A","seq":9},{"type":"text","content":"\n\n","seq":10}]},"Cycle_1.Call_the_supervisor":{"type":"knot","title":"Call the supervisor","level":2,"render":false,"_source":"Call the supervisor\n-------------------\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Cycle_1.Call_the_supervisor.A":{"type":"knot","title":"A","categories":["detailed"],"level":3,"render":true,"_source":"### A (detailed)\n:SUPERVISOR Harry:\nHi! I am glad that you called me. Chest pain is an important complaint at the emergency department and we have to exclude the fatal causes: myocardial infarction (MI), acute aortic dissection (AAD), pulmonary embolism PE), hypertensive pneumothorax (HP), and Boerhaave Syndrome (BS).\n\nThe best way to find out what is happening with your patient, my young padawan, is to gather as much information as possible through history taking and physical examination. We need to search for the signs and symptoms that can guide our clinical reasoning process by changing the pre-test probabilities of each disease.\n::\n\n* See likelihood tables -> B \n\n","annotations":[],"content":[{"type":"text","content":"\n","seq":2},{"type":"talk-open","character":"SUPERVISOR Harry","seq":3},{"type":"text","content":"\nHi! I am glad that you called me. Chest pain is an important complaint at the emergency department and we have to exclude the fatal causes: myocardial infarction (MI), acute aortic dissection (AAD), pulmonary embolism PE), hypertensive pneumothorax (HP), and Boerhaave Syndrome (BS).\n\nThe best way to find out what is happening with your patient, my young padawan, is to gather as much information as possible through history taking and physical examination. We need to search for the signs and symptoms that can guide our clinical reasoning process by changing the pre-test probabilities of each disease.\n","seq":4},{"type":"talk-close","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"See likelihood tables","target":"Cycle_1.Call_the_supervisor.B","seq":7},{"type":"text","content":"\n\n","seq":8}]},"Cycle_1.Call_the_supervisor.B":{"type":"knot","title":"B","categories":["detailed"],"level":3,"render":true,"_source":"### B (detailed)\n:SUPERVISOR Harry:.\n**Likelihood Tables**\n\nDo you know the concept of Likelihood ratio (LR)? -> Likelihood Ratio\n\n+ -> Clinical History Myocardial Infarction\n\n+ -> Physical Examination Myocardial Infarction\n\n+ -> Clinical History Aortic Dissection\n\n+ -> Physical Examination Aortic Dissection\n\n+ -> Pulmonary Embolism Wells Criteria\n\n* Continue talking -> C \n\n","annotations":[],"content":[{"type":"text","content":"\n","seq":2},{"type":"talk","character":"SUPERVISOR Harry","speech":".","seq":3},{"type":"text","content":"\n**Likelihood Tables**\n\nDo you know the concept of Likelihood ratio (LR)? ","seq":4},{"type":"divert","label":"Likelihood Ratio","target":"Cycle_1.Call_the_supervisor.Likelihood_Ratio","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"+","label":"Clinical History Myocardial Infarction","target":"Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction","seq":7},{"type":"text","content":"\n\n","seq":8},{"type":"option","subtype":"+","label":"Physical Examination Myocardial Infarction","target":"Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction","seq":9},{"type":"text","content":"\n\n","seq":10},{"type":"option","subtype":"+","label":"Clinical History Aortic Dissection","target":"Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection","seq":11},{"type":"text","content":"\n\n","seq":12},{"type":"option","subtype":"+","label":"Physical Examination Aortic Dissection","target":"Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection","seq":13},{"type":"text","content":"\n\n","seq":14},{"type":"option","subtype":"+","label":"Pulmonary Embolism Wells Criteria","target":"Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria","seq":15},{"type":"text","content":"\n\n","seq":16},{"type":"option","subtype":"*","label":"Continue talking","target":"Cycle_1.Call_the_supervisor.C","seq":17},{"type":"text","content":"\n\n","seq":18}]},"Cycle_1.Call_the_supervisor.C":{"type":"knot","title":"C","categories":["detailed"],"level":3,"render":true,"_source":"### C (detailed)\n:SUPERVISOR Harry:.\nHypertensive pneumothorax is more common in tall and thin young adults (primary pneumothorax) or in patients with chronic pulmonary diseases or chest trauma (secondary pneumothorax). On physical examination, we expect asymmetry in lung auscultation and the trachea may be dislocated to the contralateral side of the pneumothorax.\n\nBoerhaave Syndrome is more common in patients who presented vomiting before the chest pain started, were submitted to endoscopic procedures or had chest trauma.\n\nHow does this information can help you to solve your case?\n\n* Back to the case -> Cycle 1.Begin\n\n","annotations":[],"content":[{"type":"text","content":"\n","seq":2},{"type":"talk","character":"SUPERVISOR Harry","speech":".","seq":3},{"type":"text","content":"\nHypertensive pneumothorax is more common in tall and thin young adults (primary pneumothorax) or in patients with chronic pulmonary diseases or chest trauma (secondary pneumothorax). On physical examination, we expect asymmetry in lung auscultation and the trachea may be dislocated to the contralateral side of the pneumothorax.\n\nBoerhaave Syndrome is more common in patients who presented vomiting before the chest pain started, were submitted to endoscopic procedures or had chest trauma.\n\nHow does this information can help you to solve your case?\n\n","seq":4},{"type":"option","subtype":"*","label":"Back to the case","target":"Cycle_1.Begin","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Cycle_1.Call_the_supervisor.Likelihood_Ratio":{"type":"knot","title":"Likelihood Ratio","categories":["note"],"level":3,"render":true,"_source":"### Likelihood Ratio (note)\n\nLikelihood ratio (LR) - like sensitivity and specificity, LR describe the discriminatory power of features in a clinical context, estimating the probability of disease. When the LR is higher than 1, the feature increases the probability; when lower than 1, reduces it.\n\n* Back -> Supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n\nLikelihood ratio (LR) - like sensitivity and specificity, LR describe the discriminatory power of features in a clinical context, estimating the probability of disease. When the LR is higher than 1, the feature increases the probability; when lower than 1, reduces it.\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction":{"type":"knot","title":"Clinical History Myocardial Infarction","categories":["note"],"level":3,"render":true,"_source":"### Clinical History Myocardial Infarction (note)\n![Clinical History Myocardial Infarction](images/ebm-clinical-history-myocardial-infarction.png)\n\n* Back -> Supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n![Clinical History Myocardial Infarction](images/ebm-clinical-history-myocardial-infarction.png)\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction":{"type":"knot","title":"Physical Examination Myocardial Infarction","categories":["note"],"level":3,"render":true,"_source":"### Physical Examination Myocardial Infarction (note)\n![Physical Examination Myocardial Infarction](images/ebm-physical-examination-myocardial-infarction.png)\n\n* Back -> Supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n![Physical Examination Myocardial Infarction](images/ebm-physical-examination-myocardial-infarction.png)\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection":{"type":"knot","title":"Clinical History Aortic Dissection","categories":["note"],"level":3,"render":true,"_source":"### Clinical History Aortic Dissection (note)\n![Clinical History Aortic Dissection](images/ebm-clinical-history-aortic-dissection.png)\n\n* Back -> Supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n![Clinical History Aortic Dissection](images/ebm-clinical-history-aortic-dissection.png)\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection":{"type":"knot","title":"Physical Examination Aortic Dissection","categories":["note"],"level":3,"render":true,"_source":"### Physical Examination Aortic Dissection (note)\n![Physical Examination Aortic Dissection](images/ebm-physical-examination-aortic-dissection.png)\n\n* Back -> Call the supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n![Physical Examination Aortic Dissection](images/ebm-physical-examination-aortic-dissection.png)\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Call_the_supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria":{"type":"knot","title":"Pulmonary Embolism Wells Criteria","categories":["note"],"level":3,"render":true,"_source":"### Pulmonary Embolism Wells Criteria (note)\n![Pulmonary Embolism Wells Criteria](images/ebm-pulmonary-embolism-wells-criteria.png)\n\n* Back -> Call the supervisor B\n\n","annotations":[],"content":[{"type":"text","content":"\n![Pulmonary Embolism Wells Criteria](images/ebm-pulmonary-embolism-wells-criteria.png)\n\n","seq":2},{"type":"option","subtype":"*","label":"Back","target":"Call_the_supervisor_B","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_1.Check_hypothesis":{"type":"knot","title":"Check hypothesis","categories":["selector"],"level":2,"render":true,"_source":"Check hypothesis (selector)\n---------------------------\n\n:Jacinto:Let us check out your hypothesis. Highlight in green the findings that corroborate your hypothesis; in blue those that are neutral; and in red the ones speaking against your hypothesis.\n\n{{symptoms#contribution to diagnostics: ,+,=,-\nNurse: Doctor, please you have to evaluate a {man(male)} ({51 years-old(aging=51)#=}) who entered the emergency department reporting {chest pain#=}.His vital signs are {ABP: 144x92mmHG#=}; {HR: 78bpm#=}; {RR: 21rpm#=}; {Temp: 37oC#=}; {O2Sat: 98%#=}.\n\nPatient: Doctor, I am feeling chest pain since yesterday. The {pain is continuous#=} and {is located just in the middle of my chest#=}, {worsening when I breathe#+} and {when I lay down on my bed#+}. I have {arterial hypertension#-} and {I smoke 20 cigarettes(smoking=20/day)#-} every day. {My father had a \"heart attack\"#-} at my age and I am very worried about it.\n\nYou perform physical examination: {cardiac and pulmonary auscultation are normal#-}; {chest pain does not worse with palpation of the thorax#=}; {there is no jugular stasis#=} {nor lower limb edema#=}.\n}}\n\n* Submit -> Review hypothesis \n\n","annotations":[{"type":"context","context":"symptoms","evaluation":"contribution to diagnostics","options":" ,+,=,-","annotations":[{"type":"annotation","natural":{"complete":"man","expression":"man"},"formal":{"complete":"male","expression":"male"}},{"type":"annotation","natural":{"complete":"51 years-old","expression":"51 years-old"},"formal":{"complete":"aging=51","expression":"aging","specification":"51"},"value":"="},{"type":"annotation","natural":{"complete":"chest pain","expression":"chest pain"},"value":"="},{"type":"annotation","natural":{"complete":"ABP: 144x92mmHG","expression":"ABP","specification":"144x92mmHG"},"value":"="},{"type":"annotation","natural":{"complete":"HR: 78bpm","expression":"HR","specification":"78bpm"},"value":"="},{"type":"annotation","natural":{"complete":"RR: 21rpm","expression":"RR","specification":"21rpm"},"value":"="},{"type":"annotation","natural":{"complete":"Temp: 37oC","expression":"Temp","specification":"37oC"},"value":"="},{"type":"annotation","natural":{"complete":"O2Sat: 98%","expression":"O2Sat","specification":"98%"},"value":"="},{"type":"annotation","natural":{"complete":"pain is continuous","expression":"pain is continuous"},"value":"="},{"type":"annotation","natural":{"complete":"is located just in the middle of my chest","expression":"is located just in the middle of my chest"},"value":"="},{"type":"annotation","natural":{"complete":"worsening when I breathe","expression":"worsening when I breathe"},"value":"+"},{"type":"annotation","natural":{"complete":"when I lay down on my bed","expression":"when I lay down on my bed"},"value":"+"},{"type":"annotation","natural":{"complete":"arterial hypertension","expression":"arterial hypertension"},"value":"-"},{"type":"annotation","natural":{"complete":"I smoke 20 cigarettes","expression":"I smoke 20 cigarettes"},"formal":{"complete":"smoking=20/day","expression":"smoking","specification":"20","rate":"day"},"value":"-"},{"type":"annotation","natural":{"complete":"My father had a \"heart attack\"","expression":"My father had a \"heart attack\""},"value":"-"},{"type":"annotation","natural":{"complete":"cardiac and pulmonary auscultation are normal","expression":"cardiac and pulmonary auscultation are normal"},"value":"-"},{"type":"annotation","natural":{"complete":"chest pain does not worse with palpation of the thorax","expression":"chest pain does not worse with palpation of the thorax"},"value":"="},{"type":"annotation","natural":{"complete":"there is no jugular stasis","expression":"there is no jugular stasis"},"value":"="},{"type":"annotation","natural":{"complete":"nor lower limb edema","expression":"nor lower limb edema"},"value":"="}]}],"content":[{"type":"text","content":"\n\n","seq":2},{"type":"talk","character":"Jacinto","speech":"Let us check out your hypothesis. Highlight in green the findings that corroborate your hypothesis; in blue those that are neutral; and in red the ones speaking against your hypothesis.","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"context-open","context":"Cycle_1.Check_hypothesis.symptoms","evaluation":"contribution to diagnostics","options":" ,+,=,-","seq":5},{"type":"text","content":"Nurse: Doctor, please you have to evaluate a man (","seq":6},{"type":"selector","expression":"51 years-old","value":"=","seq":7},{"type":"text","content":") who entered the emergency department reporting ","seq":8},{"type":"selector","expression":"chest pain","value":"=","seq":9},{"type":"text","content":".His vital signs are ","seq":10},{"type":"selector","expression":"ABP: 144x92mmHG","value":"=","seq":11},{"type":"text","content":"; ","seq":12},{"type":"selector","expression":"HR: 78bpm","value":"=","seq":13},{"type":"text","content":"; ","seq":14},{"type":"selector","expression":"RR: 21rpm","value":"=","seq":15},{"type":"text","content":"; ","seq":16},{"type":"selector","expression":"Temp: 37oC","value":"=","seq":17},{"type":"text","content":"; ","seq":18},{"type":"selector","expression":"O2Sat: 98%","value":"=","seq":19},{"type":"text","content":".\n\nPatient: Doctor, I am feeling chest pain since yesterday. The ","seq":20},{"type":"selector","expression":"pain is continuous","value":"=","seq":21},{"type":"text","content":" and ","seq":22},{"type":"selector","expression":"is located just in the middle of my chest","value":"=","seq":23},{"type":"text","content":", ","seq":24},{"type":"selector","expression":"worsening when I breathe","value":"+","seq":25},{"type":"text","content":" and ","seq":26},{"type":"selector","expression":"when I lay down on my bed","value":"+","seq":27},{"type":"text","content":". I have ","seq":28},{"type":"selector","expression":"arterial hypertension","value":"-","seq":29},{"type":"text","content":" and ","seq":30},{"type":"selector","expression":"I smoke 20 cigarettes","value":"-","seq":31},{"type":"text","content":" every day. ","seq":32},{"type":"selector","expression":"My father had a \"heart attack\"","value":"-","seq":33},{"type":"text","content":" at my age and I am very worried about it.\n\nYou perform physical examination: ","seq":34},{"type":"selector","expression":"cardiac and pulmonary auscultation are normal","value":"-","seq":35},{"type":"text","content":"; ","seq":36},{"type":"selector","expression":"chest pain does not worse with palpation of the thorax","value":"=","seq":37},{"type":"text","content":"; ","seq":38},{"type":"selector","expression":"there is no jugular stasis","value":"=","seq":39},{"type":"text","content":" ","seq":40},{"type":"selector","expression":"nor lower limb edema","value":"=","seq":41},{"type":"text","content":".\n","seq":42},{"type":"context-close","seq":43},{"type":"text","content":"\n\n","seq":44},{"type":"option","subtype":"*","label":"Submit","target":"Cycle_1.Review_hypothesis","seq":45},{"type":"text","content":"\n\n","seq":46}]},"Cycle_1.Review_hypothesis":{"type":"knot","title":"Review hypothesis","categories":["input"],"level":2,"render":true,"_source":"Review hypothesis (input)\n-------------------------\nIf you whant to review your hypothesis, type below the new hypothesis.\n:PATIENT Jakob:.\n{?1 hypothesis:mesh#pericarditis,myopericarditis,pericardial inflammation,pericardial infection,pericardial effusion;infarction,myocardial infarction,coronary syndrome,acute coronary syndrome,ischemia,myocardial ischemia,coronary insufficiency,angina,angina pectoris}\n\n* Submit -> Cycle 2.Order EKG\n\n","annotations":[],"content":[{"type":"text","content":"\nIf you whant to review your hypothesis, type below the new hypothesis.\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":".","seq":3},{"type":"text","content":"\n","seq":4},{"type":"input","variable":"Cycle_1.Review_hypothesis.hypothesis","rows":1,"vocabulary":"mesh","right":["pericarditis","myopericarditis","pericardial inflammation","pericardial infection","pericardial effusion"],"wrong":["infarction","myocardial infarction","coronary syndrome","acute coronary syndrome","ischemia","myocardial ischemia","coronary insufficiency","angina","angina pectoris"],"seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Submit","target":"Cycle_2.Order_EKG","seq":7},{"type":"text","content":"\n\n","seq":8}]},"Cycle_2":{"type":"knot","title":"Cycle 2","level":1,"render":false,"_source":"Cycle 2\n=======\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Cycle_2.Order_EKG":{"type":"knot","title":"Order EKG","categories":["decision_exam"],"level":2,"render":true,"_source":"## Order EKG (decision_exam)\nOur patient denies any recent long trip, immobilization or surgery.\n\nThe blood pressure is symmetric in the four limbs. \n\n:EKG:.\n\n* Magnify -> Magnify EKG\n\n:Game: What do you want to do?\n* -> Generate hypothesis\n* -> More information\n* -> Call the supervisor\n\n\n","annotations":[],"content":[{"type":"text","content":"\nOur patient denies any recent long trip, immobilization or surgery.\n\nThe blood pressure is symmetric in the four limbs. \n\n","seq":2},{"type":"talk","character":"EKG","speech":".","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"option","subtype":"*","label":"Magnify","target":"Cycle_2.Magnify_EKG","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"talk","character":"Game","speech":"What do you want to do?","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"Generate hypothesis","target":"Cycle_2.Generate_hypothesis","seq":9},{"type":"text","content":"\n","seq":10},{"type":"option","subtype":"*","label":"More information","target":"Cycle_2.More_information","seq":11},{"type":"text","content":"\n","seq":12},{"type":"option","subtype":"*","label":"Call the supervisor","target":"Cycle_2.Call_the_supervisor","seq":13},{"type":"text","content":"\n\n\n","seq":14}]},"Cycle_2.Magnify_EKG":{"type":"knot","title":"Magnify EKG","categories":["magnify_exam"],"level":2,"render":true,"_source":"## Magnify EKG (magnify_exam)\n\n:EKG:.\n\n* Return -> Order EKG\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2},{"type":"talk","character":"EKG","speech":".","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Cycle_2.Order_EKG","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Cycle_2.Generate_hypothesis":{"type":"knot","title":"Generate hypothesis","categories":["input"],"level":2,"render":true,"_source":"## Generate hypothesis (input)\nWhat is your main diagnostic hypothesis?\n:PATIENT Jakob:.\n{?1 hypothesis:mesh#pericarditis,myopericarditis,pericardial inflammation,pericardial infection,pericardial effusion;infarction,myocardial infarction,coronary syndrome,acute coronary syndrome,ischemia,myocardial ischemia,coronary insufficiency,angina,angina pectoris}\n\n* Submit hypothesis -> Check hypothesis\n\n","annotations":[],"content":[{"type":"text","content":"\nWhat is your main diagnostic hypothesis?\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":".","seq":3},{"type":"text","content":"\n","seq":4},{"type":"input","variable":"Cycle_2.Generate_hypothesis.hypothesis","rows":1,"vocabulary":"mesh","right":["pericarditis","myopericarditis","pericardial inflammation","pericardial infection","pericardial effusion"],"wrong":["infarction","myocardial infarction","coronary syndrome","acute coronary syndrome","ischemia","myocardial ischemia","coronary insufficiency","angina","angina pectoris"],"seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Submit hypothesis","target":"Cycle_2.Check_hypothesis","seq":7},{"type":"text","content":"\n\n","seq":8}]},"Cycle_2.More_information":{"type":"knot","title":"More information","categories":["decision_exam"],"level":2,"render":true,"_source":"## More information (decision_exam)\n\n![EKG Description](images/ekg-description.png)\n\n* EKG Analysis\n\n:EKG:.\n\n:Game: What do you want to do?\n* Back -> Order EKG\n* Analyze EKG -> EKG Analysis\n\n","annotations":[],"content":[{"type":"text","content":"\n\n![EKG Description](images/ekg-description.png)\n\n* EKG Analysis\n\n","seq":2},{"type":"talk","character":"EKG","speech":".","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"talk","character":"Game","speech":"What do you want to do?","seq":5},{"type":"text","content":"\n","seq":6},{"type":"option","subtype":"*","label":"Back","target":"Cycle_2.Order_EKG","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"Analyze EKG","target":"Cycle_2.EKG_Analysis","seq":9},{"type":"text","content":"\n\n","seq":10}]},"Cycle_2.EKG_Analysis":{"type":"knot","title":"EKG Analysis","categories":["marker_exam"],"level":2,"render":true,"_source":"## EKG Analysis (marker_exam)\n\n<dcc-group-marker context=\"ekg\" image=\"images/ekg.png\">\n   <dcc-image-marker id=\"DI\" label=\"DI\" coords=\"238,127,164,76\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DII\" label=\"DII\" coords=\"231,328,148,273\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DIII\" label=\"DIII\" href=\"\" coords=\"67,484,148,528\" image=\"images/ekg-detail-02.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"aVL\" label=\"aVL\" coords=\"413,286,515,332\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"IV\" label=\"IV\" coords=\"1005,40,1123,130\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"V\" label=\"V\" coords=\"1004,248,1133,323\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"VI\" label=\"VI\" coords=\"1010,460,1130,538\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n</dcc-group-marker>\n\n* Return -> Order EKG\n\n","annotations":[],"content":[{"type":"text","content":"\n\n<dcc-group-marker context=\"ekg\" image=\"images/ekg.png\">\n   <dcc-image-marker id=\"DI\" label=\"DI\" coords=\"238,127,164,76\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DII\" label=\"DII\" coords=\"231,328,148,273\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DIII\" label=\"DIII\" href=\"\" coords=\"67,484,148,528\" image=\"images/ekg-detail-02.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"aVL\" label=\"aVL\" coords=\"413,286,515,332\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"IV\" label=\"IV\" coords=\"1005,40,1123,130\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"V\" label=\"V\" coords=\"1004,248,1133,323\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"VI\" label=\"VI\" coords=\"1010,460,1130,538\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n</dcc-group-marker>\n\n","seq":2},{"type":"option","subtype":"*","label":"Return","target":"Cycle_2.Order_EKG","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_2.Call_the_supervisor":{"type":"knot","title":"Call the supervisor","categories":["decision_exam"],"level":2,"render":true,"_source":"## Call the supervisor (decision_exam)\n\nWe did not find features that increase the likelihood of myocardial ischemia. Moreover, our patient has a pleuritic chest pain that gets worse when the patient lays down.\n\nIn the EKG we found ST-segment elevation in almost all leads. Also, we found a depression of the PR segment in the DII lead.\n\n* -> EKG Analysis\n\n:EKG:.\n\n:Game: What do you want to do?\n* Back -> Order EKG\n* Analyze EKG -> EKG Analysis\n\n","annotations":[],"content":[{"type":"text","content":"\n\nWe did not find features that increase the likelihood of myocardial ischemia. Moreover, our patient has a pleuritic chest pain that gets worse when the patient lays down.\n\nIn the EKG we found ST-segment elevation in almost all leads. Also, we found a depression of the PR segment in the DII lead.\n\n","seq":2},{"type":"option","subtype":"*","label":"EKG Analysis","target":"Cycle_2.EKG_Analysis","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"talk","character":"EKG","speech":".","seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"talk","character":"Game","speech":"What do you want to do?","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"Back","target":"Cycle_2.Order_EKG","seq":9},{"type":"text","content":"\n","seq":10},{"type":"option","subtype":"*","label":"Analyze EKG","target":"Cycle_2.EKG_Analysis","seq":11},{"type":"text","content":"\n\n","seq":12}]},"Cycle_2.Check_hypothesis":{"type":"knot","title":"Check hypothesis","categories":["marker_exam"],"level":2,"render":true,"_source":"## Check hypothesis (marker_exam)\n\n<dcc-group-marker context=\"ekg\" image=\"images/ekg.png\">\n   <dcc-image-marker id=\"DI\" label=\"DI\" coords=\"238,127,164,76\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DII\" label=\"DII\" coords=\"231,328,148,273\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DIII\" label=\"DIII\" href=\"\" coords=\"67,484,148,528\" image=\"images/ekg-detail-02.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"aVL\" label=\"aVL\" coords=\"413,286,515,332\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"IV\" label=\"IV\" coords=\"1005,40,1123,130\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"V\" label=\"V\" coords=\"1004,248,1133,323\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"VI\" label=\"VI\" coords=\"1010,460,1130,538\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n</dcc-group-marker>\n\n* Submit -> Review hypothesis\n\n","annotations":[],"content":[{"type":"text","content":"\n\n<dcc-group-marker context=\"ekg\" image=\"images/ekg.png\">\n   <dcc-image-marker id=\"DI\" label=\"DI\" coords=\"238,127,164,76\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DII\" label=\"DII\" coords=\"231,328,148,273\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"DIII\" label=\"DIII\" href=\"\" coords=\"67,484,148,528\" image=\"images/ekg-detail-02.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"aVL\" label=\"aVL\" coords=\"413,286,515,332\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"IV\" label=\"IV\" coords=\"1005,40,1123,130\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"V\" label=\"V\" coords=\"1004,248,1133,323\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n   <dcc-image-marker id=\"VI\" label=\"VI\" coords=\"1010,460,1130,538\" image=\"images/ekg-detail-01.png\"></dcc-image-marker>\n</dcc-group-marker>\n\n","seq":2},{"type":"option","subtype":"*","label":"Submit","target":"Cycle_2.Review_hypothesis","seq":3},{"type":"text","content":"\n\n","seq":4}]},"Cycle_2.Review_hypothesis":{"type":"knot","title":"Review hypothesis","categories":["input"],"level":2,"render":true,"_source":"## Review hypothesis (input)\nIf you whant to review your hypothesis, type below the new hypothesis.\n:PATIENT Jakob:.\n{?1 hypothesis:mesh#pericarditis,myopericarditis,pericardial inflammation,pericardial infection,pericardial effusion;infarction,myocardial infarction,coronary syndrome,acute coronary syndrome,ischemia,myocardial ischemia,coronary insufficiency,angina,angina pectoris}\n\n* Submit -> Final.Report\n\n","annotations":[],"content":[{"type":"text","content":"\nIf you whant to review your hypothesis, type below the new hypothesis.\n","seq":2},{"type":"talk","character":"PATIENT Jakob","speech":".","seq":3},{"type":"text","content":"\n","seq":4},{"type":"input","variable":"Cycle_2.Review_hypothesis.hypothesis","rows":1,"vocabulary":"mesh","right":["pericarditis","myopericarditis","pericardial inflammation","pericardial infection","pericardial effusion"],"wrong":["infarction","myocardial infarction","coronary syndrome","acute coronary syndrome","ischemia","myocardial ischemia","coronary insufficiency","angina","angina pectoris"],"seq":5},{"type":"text","content":"\n\n","seq":6},{"type":"option","subtype":"*","label":"Submit","target":"Final.Report","seq":7},{"type":"text","content":"\n\n","seq":8}]},"Final":{"type":"knot","title":"Final","level":1,"render":false,"_source":"Final\n=====\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Final.Report":{"type":"knot","title":"Report","categories":["detailed"],"level":2,"render":true,"_source":"Report (detailed)\n-----------------\n\nCongratulations, my young Dr. you could helped your patient providing his diagnosis. Now, Let's review all levels of this case.\n\n:Computer:Select a final report level:\n\n* -> Level 1\n* -> Level 2.2a\n* -> Level 3.3a\n\n","annotations":[],"content":[{"type":"text","content":"\n\nCongratulations, my young Dr. you could helped your patient providing his diagnosis. Now, Let's review all levels of this case.\n\n","seq":2},{"type":"talk","character":"Computer","speech":"Select a final report level:","seq":3},{"type":"text","content":"\n\n","seq":4},{"type":"option","subtype":"*","label":"Level 1","target":"Final.Level_1","seq":5},{"type":"text","content":"\n","seq":6},{"type":"option","subtype":"*","label":"2a","target":"Final.Level_2.2a","seq":7},{"type":"text","content":"\n","seq":8},{"type":"option","subtype":"*","label":"3a","target":"Final.Level_3.3a","seq":9},{"type":"text","content":"\n\n","seq":10}]},"Final.Level_1":{"type":"knot","title":"Level 1","categories":["detailed"],"level":2,"render":true,"_source":"Level 1 (detailed)\n------------------\n\n<b>Level 1</b>: your answer was <dcc-expression expression=\"Cycle_1.Generate_hypothesis.hypothesis\"></dcc-expression>.\n\nOur patient complained about chest pain, located in the middle of his chest, worsening when he breaths and when he lay down on his bed. Both features increases the probability of pericardial disease, especially acute pericarditis. Although patient´s father died of a \"heart attack\", there were no chest pain features that increase the probability of myocardial infarction, as the pain did not irradiate to arms, the pain was not described as a pressure, neither complaining about nausea, vomiting or shortness of breath. Another differential diagnosis to consider is myopericarditis, but we not be able to find heart failure signs (pulmonary and cardiac auscultation were normal) and the patient did not complain about dyspnea. So, at the level 1, the answer to our open-ended question was Acute Pericarditis.\n\n* Next -> Level 2a\n* Return -> Final report\n\n","annotations":[],"content":[{"type":"text","content":"\n\n<b>Level 1</b>: your answer was <dcc-expression expression=\"Cycle_1.Generate_hypothesis.hypothesis\"></dcc-expression>.\n\nOur patient complained about chest pain, located in the middle of his chest, worsening when he breaths and when he lay down on his bed. Both features increases the probability of pericardial disease, especially acute pericarditis. Although patient´s father died of a \"heart attack\", there were no chest pain features that increase the probability of myocardial infarction, as the pain did not irradiate to arms, the pain was not described as a pressure, neither complaining about nausea, vomiting or shortness of breath. Another differential diagnosis to consider is myopericarditis, but we not be able to find heart failure signs (pulmonary and cardiac auscultation were normal) and the patient did not complain about dyspnea. So, at the level 1, the answer to our open-ended question was Acute Pericarditis.\n\n","seq":2},{"type":"option","subtype":"*","label":"Next","target":"Level_2a","seq":3},{"type":"text","content":"\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Final_report","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Final.Level_2":{"type":"knot","title":"Level 2","level":2,"render":false,"_source":"Level 2\n-------\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Final.Level_2.2a":{"type":"knot","title":"2a","categories":["detailed"],"level":3,"render":true,"_source":"### 2a (detailed)\n\n<div style=\"font-size: 14px\">\n<b>Level 2</b>: At this level, we asked you to highlight in green all features that corroborate your hypothesis, in blue those are neutral and in red the ones speaking against your hypothesis.\n<br><br>\n<b>Your answer:</b>\n<br>\n{{player#Cycle_1.Check_hypothesis.symptoms: ,+,=,-\nNurse: Doctor, please you have to evaluate a {man(male)} ({51 years-old(aging=51)#=}) who entered the emergency department reporting {chest pain#=}.His vital signs are {ABP: 144x92mmHG#=}; {HR: 78bpm#=}; {RR: 21rpm#=}; {Temp: 37oC#=}; {O2Sat: 98%#=}.\n<br>\nPatient: Doctor, I am feeling chest pain since yesterday. The {pain is continuous#=} and {is located just in the middle of my chest#=}, {worsening when I breathe#+} and {when I lay down on my bed#+}. I have {arterial hypertension#-} and {I smoke 20 cigarettes(smoking=20/day)#-} every day. {My father had a \"heart attack\"#-} at my age and I am very worried about it.\n<br>\nYou perform physical examination: {cardiac and pulmonary auscultation are normal#-}; {chest pain does not worse with palpation of the thorax#=}; {there is no jugular stasis#=} {nor lower limb edema#=}.\n}}\n<br><br>\n<b>Our answer:</b> \n<br>\n{{answers#answers: ,+,=,-\nNurse: Doctor, please you have to evaluate a {man(male)} ({51 years-old(aging=51)#=}) who entered the emergency department reporting {chest pain#=}.His vital signs are {ABP: 144x92mmHG#=}; {HR: 78bpm#=}; {RR: 21rpm#=}; {Temp: 37oC#=}; {O2Sat: 98%#=}.\n<br>\nPatient: Doctor, I am feeling chest pain since yesterday. The {pain is continuous#=} and {is located just in the middle of my chest#=}, {worsening when I breathe#+} and {when I lay down on my bed#+}. I have {arterial hypertension#-} and {I smoke 20 cigarettes(smoking=20/day)#-} every day. {My father had a \"heart attack\"#-} at my age and I am very worried about it.\n<br>\nYou perform physical examination: {cardiac and pulmonary auscultation are normal#-}; {chest pain does not worse with palpation of the thorax#=}; {there is no jugular stasis#=} {nor lower limb edema#=}.\n}}\n</div>\n\n* Next -> 2b\n* Return -> Final.Report\n\n","annotations":[{"type":"context","context":"player","evaluation":"Cycle_1.Check_hypothesis.symptoms","options":" ,+,=,-","annotations":[{"type":"annotation","natural":{"complete":"man","expression":"man"},"formal":{"complete":"male","expression":"male"}},{"type":"annotation","natural":{"complete":"51 years-old","expression":"51 years-old"},"formal":{"complete":"aging=51","expression":"aging","specification":"51"},"value":"="},{"type":"annotation","natural":{"complete":"chest pain","expression":"chest pain"},"value":"="},{"type":"annotation","natural":{"complete":"ABP: 144x92mmHG","expression":"ABP","specification":"144x92mmHG"},"value":"="},{"type":"annotation","natural":{"complete":"HR: 78bpm","expression":"HR","specification":"78bpm"},"value":"="},{"type":"annotation","natural":{"complete":"RR: 21rpm","expression":"RR","specification":"21rpm"},"value":"="},{"type":"annotation","natural":{"complete":"Temp: 37oC","expression":"Temp","specification":"37oC"},"value":"="},{"type":"annotation","natural":{"complete":"O2Sat: 98%","expression":"O2Sat","specification":"98%"},"value":"="},{"type":"annotation","natural":{"complete":"pain is continuous","expression":"pain is continuous"},"value":"="},{"type":"annotation","natural":{"complete":"is located just in the middle of my chest","expression":"is located just in the middle of my chest"},"value":"="},{"type":"annotation","natural":{"complete":"worsening when I breathe","expression":"worsening when I breathe"},"value":"+"},{"type":"annotation","natural":{"complete":"when I lay down on my bed","expression":"when I lay down on my bed"},"value":"+"},{"type":"annotation","natural":{"complete":"arterial hypertension","expression":"arterial hypertension"},"value":"-"},{"type":"annotation","natural":{"complete":"I smoke 20 cigarettes","expression":"I smoke 20 cigarettes"},"formal":{"complete":"smoking=20/day","expression":"smoking","specification":"20","rate":"day"},"value":"-"},{"type":"annotation","natural":{"complete":"My father had a \"heart attack\"","expression":"My father had a \"heart attack\""},"value":"-"},{"type":"annotation","natural":{"complete":"cardiac and pulmonary auscultation are normal","expression":"cardiac and pulmonary auscultation are normal"},"value":"-"},{"type":"annotation","natural":{"complete":"chest pain does not worse with palpation of the thorax","expression":"chest pain does not worse with palpation of the thorax"},"value":"="},{"type":"annotation","natural":{"complete":"there is no jugular stasis","expression":"there is no jugular stasis"},"value":"="},{"type":"annotation","natural":{"complete":"nor lower limb edema","expression":"nor lower limb edema"},"value":"="}]},{"type":"context","context":"answers","evaluation":"answers","options":" ,+,=,-","annotations":[{"type":"annotation","natural":{"complete":"man","expression":"man"},"formal":{"complete":"male","expression":"male"}},{"type":"annotation","natural":{"complete":"51 years-old","expression":"51 years-old"},"formal":{"complete":"aging=51","expression":"aging","specification":"51"},"value":"="},{"type":"annotation","natural":{"complete":"chest pain","expression":"chest pain"},"value":"="},{"type":"annotation","natural":{"complete":"ABP: 144x92mmHG","expression":"ABP","specification":"144x92mmHG"},"value":"="},{"type":"annotation","natural":{"complete":"HR: 78bpm","expression":"HR","specification":"78bpm"},"value":"="},{"type":"annotation","natural":{"complete":"RR: 21rpm","expression":"RR","specification":"21rpm"},"value":"="},{"type":"annotation","natural":{"complete":"Temp: 37oC","expression":"Temp","specification":"37oC"},"value":"="},{"type":"annotation","natural":{"complete":"O2Sat: 98%","expression":"O2Sat","specification":"98%"},"value":"="},{"type":"annotation","natural":{"complete":"pain is continuous","expression":"pain is continuous"},"value":"="},{"type":"annotation","natural":{"complete":"is located just in the middle of my chest","expression":"is located just in the middle of my chest"},"value":"="},{"type":"annotation","natural":{"complete":"worsening when I breathe","expression":"worsening when I breathe"},"value":"+"},{"type":"annotation","natural":{"complete":"when I lay down on my bed","expression":"when I lay down on my bed"},"value":"+"},{"type":"annotation","natural":{"complete":"arterial hypertension","expression":"arterial hypertension"},"value":"-"},{"type":"annotation","natural":{"complete":"I smoke 20 cigarettes","expression":"I smoke 20 cigarettes"},"formal":{"complete":"smoking=20/day","expression":"smoking","specification":"20","rate":"day"},"value":"-"},{"type":"annotation","natural":{"complete":"My father had a \"heart attack\"","expression":"My father had a \"heart attack\""},"value":"-"},{"type":"annotation","natural":{"complete":"cardiac and pulmonary auscultation are normal","expression":"cardiac and pulmonary auscultation are normal"},"value":"-"},{"type":"annotation","natural":{"complete":"chest pain does not worse with palpation of the thorax","expression":"chest pain does not worse with palpation of the thorax"},"value":"="},{"type":"annotation","natural":{"complete":"there is no jugular stasis","expression":"there is no jugular stasis"},"value":"="},{"type":"annotation","natural":{"complete":"nor lower limb edema","expression":"nor lower limb edema"},"value":"="}]}],"content":[{"type":"text","content":"\n\n<div style=\"font-size: 14px\">\n<b>Level 2</b>: At this level, we asked you to highlight in green all features that corroborate your hypothesis, in blue those are neutral and in red the ones speaking against your hypothesis.\n<br><br>\n<b>Your answer:</b>\n<br>\n","seq":2},{"type":"context-open","context":"Final.Level_2.2a.player","evaluation":"Cycle_1.Check_hypothesis.symptoms","options":" ,+,=,-","seq":3},{"type":"text","content":"Nurse: Doctor, please you have to evaluate a man (","seq":4},{"type":"selector","expression":"51 years-old","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":5},{"type":"text","content":") who entered the emergency department reporting ","seq":6},{"type":"selector","expression":"chest pain","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":7},{"type":"text","content":".His vital signs are ","seq":8},{"type":"selector","expression":"ABP: 144x92mmHG","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":9},{"type":"text","content":"; ","seq":10},{"type":"selector","expression":"HR: 78bpm","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":11},{"type":"text","content":"; ","seq":12},{"type":"selector","expression":"RR: 21rpm","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":13},{"type":"text","content":"; ","seq":14},{"type":"selector","expression":"Temp: 37oC","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":15},{"type":"text","content":"; ","seq":16},{"type":"selector","expression":"O2Sat: 98%","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":17},{"type":"text","content":".\n<br>\nPatient: Doctor, I am feeling chest pain since yesterday. The ","seq":18},{"type":"selector","expression":"pain is continuous","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":19},{"type":"text","content":" and ","seq":20},{"type":"selector","expression":"is located just in the middle of my chest","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":21},{"type":"text","content":", ","seq":22},{"type":"selector","expression":"worsening when I breathe","value":"+","present":"Cycle_1.Check_hypothesis.symptoms","seq":23},{"type":"text","content":" and ","seq":24},{"type":"selector","expression":"when I lay down on my bed","value":"+","present":"Cycle_1.Check_hypothesis.symptoms","seq":25},{"type":"text","content":". I have ","seq":26},{"type":"selector","expression":"arterial hypertension","value":"-","present":"Cycle_1.Check_hypothesis.symptoms","seq":27},{"type":"text","content":" and ","seq":28},{"type":"selector","expression":"I smoke 20 cigarettes","value":"-","present":"Cycle_1.Check_hypothesis.symptoms","seq":29},{"type":"text","content":" every day. ","seq":30},{"type":"selector","expression":"My father had a \"heart attack\"","value":"-","present":"Cycle_1.Check_hypothesis.symptoms","seq":31},{"type":"text","content":" at my age and I am very worried about it.\n<br>\nYou perform physical examination: ","seq":32},{"type":"selector","expression":"cardiac and pulmonary auscultation are normal","value":"-","present":"Cycle_1.Check_hypothesis.symptoms","seq":33},{"type":"text","content":"; ","seq":34},{"type":"selector","expression":"chest pain does not worse with palpation of the thorax","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":35},{"type":"text","content":"; ","seq":36},{"type":"selector","expression":"there is no jugular stasis","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":37},{"type":"text","content":" ","seq":38},{"type":"selector","expression":"nor lower limb edema","value":"=","present":"Cycle_1.Check_hypothesis.symptoms","seq":39},{"type":"text","content":".\n","seq":40},{"type":"context-close","seq":41},{"type":"text","content":"\n<br><br>\n<b>Our answer:</b> \n<br>\n","seq":42},{"type":"context-open","context":"Final.Level_2.2a.answers","evaluation":"answers","options":" ,+,=,-","seq":43},{"type":"text","content":"Nurse: Doctor, please you have to evaluate a man (","seq":44},{"type":"selector","expression":"51 years-old","value":"=","present":"answer","seq":45},{"type":"text","content":") who entered the emergency department reporting ","seq":46},{"type":"selector","expression":"chest pain","value":"=","present":"answer","seq":47},{"type":"text","content":".His vital signs are ","seq":48},{"type":"selector","expression":"ABP: 144x92mmHG","value":"=","present":"answer","seq":49},{"type":"text","content":"; ","seq":50},{"type":"selector","expression":"HR: 78bpm","value":"=","present":"answer","seq":51},{"type":"text","content":"; ","seq":52},{"type":"selector","expression":"RR: 21rpm","value":"=","present":"answer","seq":53},{"type":"text","content":"; ","seq":54},{"type":"selector","expression":"Temp: 37oC","value":"=","present":"answer","seq":55},{"type":"text","content":"; ","seq":56},{"type":"selector","expression":"O2Sat: 98%","value":"=","present":"answer","seq":57},{"type":"text","content":".\n<br>\nPatient: Doctor, I am feeling chest pain since yesterday. The ","seq":58},{"type":"selector","expression":"pain is continuous","value":"=","present":"answer","seq":59},{"type":"text","content":" and ","seq":60},{"type":"selector","expression":"is located just in the middle of my chest","value":"=","present":"answer","seq":61},{"type":"text","content":", ","seq":62},{"type":"selector","expression":"worsening when I breathe","value":"+","present":"answer","seq":63},{"type":"text","content":" and ","seq":64},{"type":"selector","expression":"when I lay down on my bed","value":"+","present":"answer","seq":65},{"type":"text","content":". I have ","seq":66},{"type":"selector","expression":"arterial hypertension","value":"-","present":"answer","seq":67},{"type":"text","content":" and ","seq":68},{"type":"selector","expression":"I smoke 20 cigarettes","value":"-","present":"answer","seq":69},{"type":"text","content":" every day. ","seq":70},{"type":"selector","expression":"My father had a \"heart attack\"","value":"-","present":"answer","seq":71},{"type":"text","content":" at my age and I am very worried about it.\n<br>\nYou perform physical examination: ","seq":72},{"type":"selector","expression":"cardiac and pulmonary auscultation are normal","value":"-","present":"answer","seq":73},{"type":"text","content":"; ","seq":74},{"type":"selector","expression":"chest pain does not worse with palpation of the thorax","value":"=","present":"answer","seq":75},{"type":"text","content":"; ","seq":76},{"type":"selector","expression":"there is no jugular stasis","value":"=","present":"answer","seq":77},{"type":"text","content":" ","seq":78},{"type":"selector","expression":"nor lower limb edema","value":"=","present":"answer","seq":79},{"type":"text","content":".\n","seq":80},{"type":"context-close","seq":81},{"type":"text","content":"\n</div>\n\n","seq":82},{"type":"option","subtype":"*","label":"Next","target":"Final.Level_2.2b","seq":83},{"type":"text","content":"\n","seq":84},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":85},{"type":"text","content":"\n\n","seq":86}]},"Final.Level_2.2b":{"type":"knot","title":"2b","categories":["detailed"],"level":3,"render":true,"_source":"### 2b (detailed)\n\nAfter checking the hypothesis you reviewed your answer to: <dcc-expression expression=\"Cycle_1.Review_hypothesis.hypothesis\"></dcc-expression>.\n\nIn acute pericarditis, patients are usually young, most cases are reported under 50 years old, but it can be diagnosed at any age. There is no vital signs features that increase the probability of this condition. Some patients may present fever and tachycardia, but it´s not common signs. So, when vital signs are normal, we cannot confirm or exclude this diagnosis.\n\nIn clinical history, two features increase the probability of the chest pain being related to a pericardial disease: worsening with breathing; and worsening when the patient lay down. \n\n* Next -> 2c\n* Return -> Final.Report\n\n","annotations":[],"content":[{"type":"text","content":"\n\nAfter checking the hypothesis you reviewed your answer to: <dcc-expression expression=\"Cycle_1.Review_hypothesis.hypothesis\"></dcc-expression>.\n\nIn acute pericarditis, patients are usually young, most cases are reported under 50 years old, but it can be diagnosed at any age. There is no vital signs features that increase the probability of this condition. Some patients may present fever and tachycardia, but it´s not common signs. So, when vital signs are normal, we cannot confirm or exclude this diagnosis.\n\nIn clinical history, two features increase the probability of the chest pain being related to a pericardial disease: worsening with breathing; and worsening when the patient lay down. \n\n","seq":2},{"type":"option","subtype":"*","label":"Next","target":"Final.Level_2.2c","seq":3},{"type":"text","content":"\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Final.Level_2.2c":{"type":"knot","title":"2c","categories":["detailed"],"level":3,"render":true,"_source":"### 2c (detailed)\n\nAs the patient has arterial hypertension, is smoker and his father died of a \"heart attack\" we could consider myocardial infarction as one of the diagnosis. But considering chest pain features of our patient, there is no one that increases this possibility. So, these features may lead us to cognitive error if we consider myocardial infarction as the main diagnosis (which is wrong). \n\nIn physical examination in patients with acute pericarditis, we may find pericardial rub, one of the diagnostic criteria. So, when we did not find it, the probability of the disease is reduced, but did not exclude the diagnosis. It is crucial to look for the other diagnostic criteria.\n\n* Next -> Level 3.3a\n* Return -> Final.Report\n\n","annotations":[],"content":[{"type":"text","content":"\n\nAs the patient has arterial hypertension, is smoker and his father died of a \"heart attack\" we could consider myocardial infarction as one of the diagnosis. But considering chest pain features of our patient, there is no one that increases this possibility. So, these features may lead us to cognitive error if we consider myocardial infarction as the main diagnosis (which is wrong). \n\nIn physical examination in patients with acute pericarditis, we may find pericardial rub, one of the diagnostic criteria. So, when we did not find it, the probability of the disease is reduced, but did not exclude the diagnosis. It is crucial to look for the other diagnostic criteria.\n\n","seq":2},{"type":"option","subtype":"*","label":"Next","target":"Final.Level_3.3a","seq":3},{"type":"text","content":"\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Final.Level_3":{"type":"knot","title":"Level 3","level":2,"render":false,"_source":"Level 3\n-------\n\n","annotations":[],"content":[{"type":"text","content":"\n\n","seq":2}]},"Final.Level_3.3a":{"type":"knot","title":"3a","categories":["detailed"],"level":3,"render":true,"_source":"### 3a (detailed)\n\nMy young Dr, the EKG interpretation was very helpful to solve our case.\n\nWe found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.\n\n* Next -> 3b\n* Return -> Final.Report\n\n","annotations":[],"content":[{"type":"text","content":"\n\nMy young Dr, the EKG interpretation was very helpful to solve our case.\n\nWe found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.\n\n","seq":2},{"type":"option","subtype":"*","label":"Next","target":"Final.Level_3.3b","seq":3},{"type":"text","content":"\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Final.Level_3.3b":{"type":"knot","title":"3b","categories":["detailed"],"level":3,"render":true,"_source":"### 3b (detailed)\n\nMy young Dr, the EKG interpretation was very helpful to solve our case.\n\nWe found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.\n\n* Next -> 3c\n* Return -> Final.Report\n\n","annotations":[],"content":[{"type":"text","content":"\n\nMy young Dr, the EKG interpretation was very helpful to solve our case.\n\nWe found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.\n\n","seq":2},{"type":"option","subtype":"*","label":"Next","target":"Final.Level_3.3c","seq":3},{"type":"text","content":"\n","seq":4},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":5},{"type":"text","content":"\n\n","seq":6}]},"Final.Level_3.3c":{"type":"knot","title":"3c","categories":["detailed"],"level":3,"render":true,"_source":"### 3c (detailed)\n<div style=\"font-size: 18px\">\nIn the following table, we provide the diagnostic criteria for acute pericaditis and myopericarditis:\n\n![Clinical History Myocardial Infarction](images/ebm-pericarditis.png)\n\nCooper LT, Imazio M. Management of myopericarditis. Expert Rev Cardiovasc Ther 2013; 11(2): 193-201.\n\nOur patient fullfill the following criteria: 1 and 3. So, acute pericarditis is the main diagnostic hypothesis.\n</div>\n\n* Return -> Final.Report  ","annotations":[],"content":[{"type":"text","content":"\n<div style=\"font-size: 18px\">\nIn the following table, we provide the diagnostic criteria for acute pericaditis and myopericarditis:\n\n![Clinical History Myocardial Infarction](images/ebm-pericarditis.png)\n\nCooper LT, Imazio M. Management of myopericarditis. Expert Rev Cardiovasc Ther 2013; 11(2): 193-201.\n\nOur patient fullfill the following criteria: 1 and 3. So, acute pericarditis is the main diagnostic hypothesis.\n</div>\n\n","seq":2},{"type":"option","subtype":"*","label":"Return","target":"Final.Report","seq":3},{"type":"text","content":"\n<div style=\"font-size: 18px\">\nIn the following table, we provide the diagnostic criteria for acute pericaditis and myopericarditis:\n\n![Clinical History Myocardial Infarction](images/ebm-pericarditis.png)\n\nCooper LT, Imazio M. Management of myopericarditis. Expert Rev Cardiovasc Ther 2013; 11(2): 193-201.\n\nOur patient fullfill the following criteria: 1 and 3. So, acute pericarditis is the main diagnostic hypothesis.\n</div>\n\n* Return -> Final.Report  ","seq":4}]}},"start":"Start.Case_001"}})();
\ No newline at end of file
+/**
+ * 
+ */
+(function() {
+DCCPlayerServer.playerObj = {
+   name:  #name#,
+   start: #start#,
+   knots: {#knots#}
+}
+})();
diff --git a/notebook/cases/case001-development/html/js/dccs/dcc-input.js b/notebook/cases/case001-development/html/js/dccs/dcc-input.js
index f48326f..4c5c0b4 100644
--- a/notebook/cases/case001-development/html/js/dccs/dcc-input.js
+++ b/notebook/cases/case001-development/html/js/dccs/dcc-input.js
@@ -15,17 +15,7 @@ class DCCInput extends DCCBlock {
       super.connectedCallback();
       
       window.messageBus.ext.publish("var/" + this.variable + "/input/ready", DCCInput.elementTag);
-
-      // window.messageBus.ext.subscribe("get-input/" + this.variable, this.submitInput);
-      // window.messageBus.ext.subscribe("checkout", this.submitInput);
-   }
-   
-   /*
-   submitInput(topic, message) {
-      const value = document.querySelector("#" + this.variable).value;
-      window.messageBus.ext.publish("input/" + this.variable, value);
    }
-   */
    
    /*
     * Property handling
diff --git a/notebook/cases/case001-development/html/js/dccs/dcc-notice-input.js b/notebook/cases/case001-development/html/js/dccs/dcc-notice-input.js
new file mode 100644
index 0000000..9a009c8
--- /dev/null
+++ b/notebook/cases/case001-development/html/js/dccs/dcc-notice-input.js
@@ -0,0 +1,137 @@
+/* Notice Input DCC
+  *****************/
+class DCCNoticeInput extends DCCBase {
+   constructor() {
+      super();
+   }
+   
+   connectedCallback() {
+      let templateHTML = 
+         `<style>
+            .dsty-border-notice {
+               border-radius: 1px;
+               box-shadow: 0px 0px 0px 20px rgba(0,0,0,0.5);
+               margin: 15px;
+            }
+            .dsty-border {
+               border: 1px solid black;
+               border-radius: 5px;
+               margin: 5px;
+            }
+            .dsty-notice {
+               position: absolute;
+               margin: auto;
+               top: 0;
+               right: 0;
+               bottom: 0;
+               left: 0;
+               width: [width]px;
+               height: [height]px;
+               overflow: hidden;
+               display: flex;
+               background: white;
+               flex-direction: column;
+            }
+            .dsty-text {
+               flex: 100px;
+               min-height: 50px;
+               max-height: 300px;
+            }
+            .dsty-input {
+               flex: 50px;
+               min-height: 30px;
+               max-height: 50px;
+            }
+            .dsty-submit-button {
+               background-color: #383f4f;
+               color: #e0e9ce;
+               padding: 14px 25px;
+               text-align: center;
+               text-decoration: none;
+               display: inline-block;
+            }
+            .dsty-submit-button:hover {
+               color: white;
+               cursor: pointer;
+            }
+       </style>
+       <div id="presentation-dcc" class="dsty-notice dsty-border-notice">
+          <div id="text" class="dsty-text dsty-border">[text]</div>
+          <input id="input" class="dsty-input dsty-border"[display]></input>
+          <div id="submit-button" class="dsty-submit-button">[button]</div>
+       </div>`;
+      
+      const dialogSize = {
+         width: 400,
+         height: 250
+      };
+      
+      if (!this.hasAttribute("button"))
+         this.button = (this.hasAttribute("input")) ? "Submit" : "Ok";
+      
+      const displayInput = (this.hasAttribute("input")) ? "" : " style='display:none'";
+
+      // building the template
+      const template = document.createElement("template");
+      template.innerHTML = templateHTML
+                              .replace("[width]", dialogSize.width)
+                              .replace("[height]", dialogSize.height)
+                              .replace("[text]", this.text)
+                              .replace("[display", displayInput)
+                              .replace("[button]", this.button);
+      this._shadow = this.attachShadow({mode: "open"});
+      this._shadow.appendChild(template.content.cloneNode(true));
+      
+      this._inputField = this._shadow.querySelector("#input");
+      
+      const submitButton = this._shadow.querySelector("#submit-button");
+      this._notify = this._notify.bind(this);
+      submitButton.addEventListener("click", this._notify);
+   }
+   
+   /* Properties
+    **********/
+    
+    static get observedAttributes() {
+       return ["text", "input", "button"];
+    }
+   
+    get text() {
+       return this.getAttribute("text");
+    }
+    
+    set text(newValue) {
+       this.setAttribute("text", newValue);
+       if (this._shadow != null) {
+          this._shadow.querySelector("#text").innerHTML = newValue;
+       }
+    }
+
+    get input() {
+       return this.getAttribute("input");
+    }
+    
+    set input(newValue) {
+       this.setAttribute("input", newValue);
+    }
+
+    get button() {
+       return this.getAttribute("button");
+    }
+    
+    set button(newValue) {
+       this.setAttribute("button", newValue);
+    }
+
+   _notify() {
+      window.messageBus.ext.publish("var/" + this.input + "/set",
+                                    {sourceType: DCCNoticeInput.elementTag,
+                                     input: this._inputField.value});
+   }
+}
+
+(function() {
+   DCCNoticeInput.editableCode = false;
+   DCCNoticeInput.elementTag = "dcc-notice-input";
+   customElements.define(DCCNoticeInput.elementTag, DCCNoticeInput);
+})();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/js/dccs/dcc-resource-picker.js b/notebook/cases/case001-development/html/js/dccs/dcc-resource-picker.js
index 7aaf135..70d3d74 100644
--- a/notebook/cases/case001-development/html/js/dccs/dcc-resource-picker.js
+++ b/notebook/cases/case001-development/html/js/dccs/dcc-resource-picker.js
@@ -4,7 +4,6 @@ class DCCResourcePicker extends DCCBase {
    constructor() {
       super();
       
-      this._listeners = [];
       this._selectList = null;
       this._listWeb = null;
    }
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Begin.js b/notebook/cases/case001-development/html/knots/Cycle_1.Begin.js
deleted file mode 100644
index f972e0d..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Begin.js
+++ /dev/null
@@ -1,415 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="decision.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="766.33563"
-     inkscape:cy="356.58933"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="244.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:none;stroke:#ffffff"
-     class="cls-5"
-     data-name="Rectangle 39"
-     id="Rectangle_39"
-     transform="translate(286.08545,285)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4545"
-       rx="12"
-       height="129"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4547"
-       rx="11.5"
-       height="180"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <foreignObject
-     data-name="speech"
-     x="320"
-     y="100"
-     width="550"
-     height="200">
-    <xhtml:p
-       id="talk-speech-1"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff"></xhtml:p>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="320"
-     y="280"
-     width="600"
-     height="180">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-      <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-         <dcc-dialog>
-            <p><dcc-talk id='dcc3' character='PATIENT Jakob' speech='Doctor, I am feeling chest pain since yesterday. The pain is continuous and is located just in the middle of my chest, worsening when I breathe and when I lay down on my bed. I suffer from arterial hypertension and smoke 20 cigarettes every day. My father had a “heart attack” at my age and I am very worried about it.'>
-</dcc-talk></p>
-<p><b>PHYSICAL EXAMINATION</b> <br> The cardiac and pulmonary auscultation are normal; chest pain does not worse with palpation of the thorax; there is no jugular stasis nor lower limb edema.</p>
-<p><dcc-talk id='dcc5' character='Jacinto' speech='What do you want to do?'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_1.Generate_hypothesis' label='Generate hypothesis' ></dcc-trigger>
-<dcc-trigger id='dcc9' type='*' link='Cycle_1.More_information' label='More information' ></dcc-trigger>
-<dcc-trigger id='dcc11' type='*' link='Cycle_1.Call_the_supervisor.A' label='Call the supervisor' ></dcc-trigger></p>
-         </dcc-dialog>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(286.08545,485.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image-1"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character-1"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="301.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="528.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="757.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="308"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="535"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="763"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="Question"
-     id="Question"
-     x="303.73779"
-     y="492.35257">
-    <tspan
-       id="talk-speech-2"
-       y="522.35254"
-       x="303.73779">Question</tspan>
-  </text>
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.A.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.A.js
deleted file mode 100644
index 604b7cd..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.A.js
+++ /dev/null
@@ -1,387 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>
-
-<dcc-talk id='dcc3' character='SUPERVISOR Harry'>
-
-
-Hi! I am glad that you called me. Chest pain is an important complaint at the emergency department and we have to exclude the fatal causes: myocardial infarction (MI), acute aortic dissection (AAD), pulmonary embolism PE), hypertensive pneumothorax (HP), and Boerhaave Syndrome (BS).</p>
-<p>The best way to find out what is happening with your patient, my young padawan, is to gather as much information as possible through history taking and physical examination. We need to search for the signs and symptoms that can guide our clinical reasoning process by changing the pre-test probabilities of each disease.
-
-
-</dcc-talk>
-
-</p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_1.Call_the_supervisor.B' label='See likelihood tables' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.B.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.B.js
deleted file mode 100644
index bd21042..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.B.js
+++ /dev/null
@@ -1,384 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p><dcc-talk id='dcc3' character='SUPERVISOR Harry' speech='.'>
-</dcc-talk>
-<strong>Likelihood Tables</strong></p>
-<p>Do you know the concept of Likelihood ratio (LR)? <dcc-trigger id='dcc5' type='+' link='Cycle_1.Call_the_supervisor.Likelihood_Ratio' label='Likelihood Ratio'></dcc-trigger></p>
-<p><dcc-trigger id='dcc7' type='+' link='Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction' label='Clinical History Myocardial Infarction' ></dcc-trigger></p>
-<p><dcc-trigger id='dcc9' type='+' link='Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction' label='Physical Examination Myocardial Infarction' ></dcc-trigger></p>
-<p><dcc-trigger id='dcc11' type='+' link='Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection' label='Clinical History Aortic Dissection' ></dcc-trigger></p>
-<p><dcc-trigger id='dcc13' type='+' link='Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection' label='Physical Examination Aortic Dissection' ></dcc-trigger></p>
-<p><dcc-trigger id='dcc15' type='+' link='Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria' label='Pulmonary Embolism Wells Criteria' ></dcc-trigger></p>
-<p><dcc-trigger id='dcc17' type='*' link='Cycle_1.Call_the_supervisor.C' label='Continue talking' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.C.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.C.js
deleted file mode 100644
index 66da645..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.C.js
+++ /dev/null
@@ -1,380 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p><dcc-talk id='dcc3' character='SUPERVISOR Harry' speech='.'>
-</dcc-talk>
-Hypertensive pneumothorax is more common in tall and thin young adults (primary pneumothorax) or in patients with chronic pulmonary diseases or chest trauma (secondary pneumothorax). On physical examination, we expect asymmetry in lung auscultation and the trachea may be dislocated to the contralateral side of the pneumothorax.</p>
-<p>Boerhaave Syndrome is more common in patients who presented vomiting before the chest pain started, were submitted to endoscopic procedures or had chest trauma.</p>
-<p>How does this information can help you to solve your case?</p>
-<p><dcc-trigger id='dcc5' type='*' link='Cycle_1.Begin' label='Back to the case' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection.js
deleted file mode 100644
index 3536fd3..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Aortic_Dissection.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p><img src="images/ebm-clinical-history-aortic-dissection.png" alt="Clinical History Aortic Dissection" /></p>
-<p><dcc-trigger id='dcc3' type='*' link='Supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction.js
deleted file mode 100644
index ae14056..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Clinical_History_Myocardial_Infarction.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p><img src="images/ebm-clinical-history-myocardial-infarction.png" alt="Clinical History Myocardial Infarction" /></p>
-<p><dcc-trigger id='dcc3' type='*' link='Supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Likelihood_Ratio.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Likelihood_Ratio.js
deleted file mode 100644
index 75aea40..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Likelihood_Ratio.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p>Likelihood ratio (LR) - like sensitivity and specificity, LR describe the discriminatory power of features in a clinical context, estimating the probability of disease. When the LR is higher than 1, the feature increases the probability; when lower than 1, reduces it.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection.js
deleted file mode 100644
index 51f5ea3..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Aortic_Dissection.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p><img src="images/ebm-physical-examination-aortic-dissection.png" alt="Physical Examination Aortic Dissection" /></p>
-<p><dcc-trigger id='dcc3' type='*' link='Call_the_supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction.js
deleted file mode 100644
index cc8218a..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Physical_Examination_Myocardial_Infarction.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p><img src="images/ebm-physical-examination-myocardial-infarction.png" alt="Physical Examination Myocardial Infarction" /></p>
-<p><dcc-trigger id='dcc3' type='*' link='Supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria.js b/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria.js
deleted file mode 100644
index 2f5be18..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Call_the_supervisor.Pulmonary_Embolism_Wells_Criteria.js
+++ /dev/null
@@ -1,158 +0,0 @@
-(function() { PlayerManager.instance().presentNote(`<div class="sty-note-panel">
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:#004973" />
-  </g>
-  <foreignObject
-     data-name="Action"
-     y="10"
-     x="30"
-     height="500"
-     width="900"
-     transform="scale(2 2)">
-     <div style="font-size:24px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;overflow:scrool">
-        <dcc-styler xstyle="out">
-           <p><img src="images/ebm-pulmonary-embolism-wells-criteria.png" alt="Pulmonary Embolism Wells Criteria" /></p>
-<p><dcc-trigger id='dcc3' type='*' link='Call_the_supervisor_B' label='Back' ></dcc-trigger></p>
-        </dcc-styler>
-     </div>
-  </foreignObject>
-   <g data-name="Close Window"
-      id="close-window">
-     <circle
-      style="opacity:1;fill:#004973;fill-opacity:1;stroke-width:1.08921933"
-      id="path828"
-      cx="1859.9829"
-      cy="60.401711"
-      r="25.042736" />
-     <path
-        style="fill:#ffffff"
-        inkscape:connector-curvature="0"
-        d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-        class="cls-6"/>
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Check_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_1.Check_hypothesis.js
deleted file mode 100644
index 0a959c2..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Check_hypothesis.js
+++ /dev/null
@@ -1,304 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Statement"
-     id="Statement"
-     transform="translate(50,105)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect18"
-       rx="12"
-       height="108"
-       width="800"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect20"
-       rx="11.5"
-       height="107"
-       width="800"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <foreignObject
-     data-name="Talk Speech"
-     x="70"
-     y="127.1966"
-     width="750"
-     height="80">
-    <div
-       id="talk-speech"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#346e93" height="420px">
-       Speech
-    </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Selector"
-     x="70"
-     y="230"
-     width="800"
-     height="420">
-    <div
-       id="selector"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1">
-          <p><dcc-talk id='dcc3' character='Jacinto' speech='Let us check out your hypothesis. Highlight in green the findings that corroborate your hypothesis; in blue those that are neutral; and in red the ones speaking against your hypothesis.'>
-</dcc-talk></p>
-<p><dcc-group-selector id='dcc5' context='Cycle_1.Check_hypothesis.symptoms'  evaluation='contribution to diagnostics' states=' ,+,=,-'></p>
-<p>Nurse: Doctor, please you have to evaluate a man (<dcc-state-selector id='dcc7'>51 years-old</dcc-state-selector>) who entered the emergency department reporting <dcc-state-selector id='dcc9'>chest pain</dcc-state-selector>.His vital signs are <dcc-state-selector id='dcc11'>ABP: 144x92mmHG</dcc-state-selector>; <dcc-state-selector id='dcc13'>HR: 78bpm</dcc-state-selector>; <dcc-state-selector id='dcc15'>RR: 21rpm</dcc-state-selector>; <dcc-state-selector id='dcc17'>Temp: 37oC</dcc-state-selector>; <dcc-state-selector id='dcc19'>O2Sat: 98%</dcc-state-selector>.</p>
-<p>Patient: Doctor, I am feeling chest pain since yesterday. The <dcc-state-selector id='dcc21'>pain is continuous</dcc-state-selector> and <dcc-state-selector id='dcc23'>is located just in the middle of my chest</dcc-state-selector>, <dcc-state-selector id='dcc25'>worsening when I breathe</dcc-state-selector> and <dcc-state-selector id='dcc27'>when I lay down on my bed</dcc-state-selector>. I have <dcc-state-selector id='dcc29'>arterial hypertension</dcc-state-selector> and <dcc-state-selector id='dcc31'>I smoke 20 cigarettes</dcc-state-selector> every day. <dcc-state-selector id='dcc33'>My father had a "heart attack"</dcc-state-selector> at my age and I am very worried about it.</p>
-<p>You perform physical examination: <dcc-state-selector id='dcc35'>cardiac and pulmonary auscultation are normal</dcc-state-selector>; <dcc-state-selector id='dcc37'>chest pain does not worse with palpation of the thorax</dcc-state-selector>; <dcc-state-selector id='dcc39'>there is no jugular stasis</dcc-state-selector> <dcc-state-selector id='dcc41'>nor lower limb edema</dcc-state-selector>.</p>
-</dcc-group-selector>
-<p><dcc-trigger id='dcc45' type='*' link='Cycle_1.Review_hypothesis' label='Submit' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="641"
-     x="396"
-     rx="29.5"
-     height="59"
-     width="301"
-     class="cls-15"
-     
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="402"
-     y="658"
-     width="285"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Generate_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_1.Generate_hypothesis.js
deleted file mode 100644
index ca9c74a..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Generate_hypothesis.js
+++ /dev/null
@@ -1,323 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="input.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="732.18037"
-     inkscape:cy="364.47074"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     sodipodi:absref="/home/santanche/git/case-notebook/notebook/templates/svgs/images/hospital-background.png"
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(298.85041,178.36326)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect579"
-       rx="12"
-       height="167"
-       width="737"
-       class="cls-23" />
-    <rect
-       style="fill:none"
-       id="rect581"
-       rx="11.5"
-       height="166"
-       width="736"
-       y="0.5"
-       x="0.5"
-       class="cls-24" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="fill:#ba2027"
-     y="316.41452"
-     x="685.04272"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-14"
-     data-name="Rectangle 18"
-     id="Rectangle_18" />
-  <foreignObject
-     data-name="Submit input"
-     x="690"
-     y="335"
-     width="200"
-     height="30">
-    <div
-       id="submit-input"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        submit
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="317.84219"
-     y="170"
-     width="600"
-     height="150">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:28px;font-family:Tahoma, Geneva, sans-serif;color:#346e93">
-      <dcc-styler xstyle="out" locations="input-hypothesis;submit-input">
-         <p>What is your main diagnostic hypothesis?
-<dcc-talk id='dcc3' character='PATIENT Jakob' speech='.'>
-</dcc-talk>
-<dcc-input id='dcc5' variable='Cycle_1.Generate_hypothesis.hypothesis' rows='1' vocabulary='mesh'> 
-</dcc-input></p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_1.Check_hypothesis' label='Submit hypothesis' ></dcc-trigger></p>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <foreignObject
-     class="cls-23"
-     x="317.11661"
-     y="270"
-     width="600"
-     height="50">
-    <div id="input-hypothesis">
-    </div>
-  </foreignObject>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.More_information.js b/notebook/cases/case001-development/html/knots/Cycle_1.More_information.js
deleted file mode 100644
index f3d7e62..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.More_information.js
+++ /dev/null
@@ -1,414 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="decision.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="766.33563"
-     inkscape:cy="356.58933"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="244.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:none;stroke:#ffffff"
-     class="cls-5"
-     data-name="Rectangle 39"
-     id="Rectangle_39"
-     transform="translate(286.08545,285)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4545"
-       rx="12"
-       height="129"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4547"
-       rx="11.5"
-       height="180"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <foreignObject
-     data-name="speech"
-     x="320"
-     y="100"
-     width="550"
-     height="200">
-    <xhtml:p
-       id="talk-speech-1"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff"></xhtml:p>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="320"
-     y="280"
-     width="600"
-     height="180">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-      <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-         <dcc-dialog>
-            <p><b>MORE INFORMATION</b> <br> The patient never felt chest pain before. He exercises regularly and has lost weight in the last three months. He takes amlodipine and losartan regularly. Two weeks ago, he had an auto-limited gastroenteritis episode. He denies recent travels and surgery.
-<dcc-talk id='dcc3' character='PATIENT Jakob' speech='.'>
-</dcc-talk></p>
-<p><dcc-talk id='dcc5' character='Jacinto' speech='What do you want to do?'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_1.Generate_hypothesis' label='Generate hypothesis' ></dcc-trigger>
-<dcc-trigger id='dcc9' type='*' link='Cycle_1.Call_the_supervisor.A' label='Call the supervisor' ></dcc-trigger></p>
-         </dcc-dialog>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(286.08545,485.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image-1"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character-1"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="301.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="528.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="757.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="308"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="535"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="763"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="Question"
-     id="Question"
-     x="303.73779"
-     y="492.35257">
-    <tspan
-       id="talk-speech-2"
-       y="522.35254"
-       x="303.73779">Question</tspan>
-  </text>
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_1.Review_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_1.Review_hypothesis.js
deleted file mode 100644
index 8d1bc8d..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_1.Review_hypothesis.js
+++ /dev/null
@@ -1,323 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="input.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="732.18037"
-     inkscape:cy="364.47074"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     sodipodi:absref="/home/santanche/git/case-notebook/notebook/templates/svgs/images/hospital-background.png"
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(298.85041,178.36326)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect579"
-       rx="12"
-       height="167"
-       width="737"
-       class="cls-23" />
-    <rect
-       style="fill:none"
-       id="rect581"
-       rx="11.5"
-       height="166"
-       width="736"
-       y="0.5"
-       x="0.5"
-       class="cls-24" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="fill:#ba2027"
-     y="316.41452"
-     x="685.04272"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-14"
-     data-name="Rectangle 18"
-     id="Rectangle_18" />
-  <foreignObject
-     data-name="Submit input"
-     x="690"
-     y="335"
-     width="200"
-     height="30">
-    <div
-       id="submit-input"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        submit
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="317.84219"
-     y="170"
-     width="600"
-     height="150">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:28px;font-family:Tahoma, Geneva, sans-serif;color:#346e93">
-      <dcc-styler xstyle="out" locations="input-hypothesis;submit-input">
-         <p>If you whant to review your hypothesis, type below the new hypothesis.
-<dcc-talk id='dcc3' character='PATIENT Jakob' speech='.'>
-</dcc-talk>
-<dcc-input id='dcc5' variable='Cycle_1.Review_hypothesis.hypothesis' rows='1' vocabulary='mesh'> 
-</dcc-input></p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_2.Order_EKG' label='Submit' ></dcc-trigger></p>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <foreignObject
-     class="cls-23"
-     x="317.11661"
-     y="270"
-     width="600"
-     height="50">
-    <div id="input-hypothesis">
-    </div>
-  </foreignObject>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Call_the_supervisor.js b/notebook/cases/case001-development/html/knots/Cycle_2.Call_the_supervisor.js
deleted file mode 100644
index 5ea1604..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Call_the_supervisor.js
+++ /dev/null
@@ -1,487 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="decision_eletro.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="769.15321"
-     inkscape:cy="366.73652"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-    <pattern
-       inkscape:collect="always"
-       xlink:href="#pattern-3"
-       id="pattern1818"
-       patternTransform="matrix(1.0633601,0,0,1.0633601,857.26069,185.91272)" />
-    <pattern
-       id="pattern-3"
-       preserveAspectRatio="none"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1305 831">
-      <image
-         id="image1266"
-         height="831"
-         width="1305"
-         xlink:href="" />
-    </pattern>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="300"
-     y="200"
-     width="530"
-     height="200">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-      <dcc-styler xstyle="out" locations="talk-image-1;action-1;action-2;action-3">
-         <dcc-dialog>
-            <p>We did not find features that increase the likelihood of myocardial ischemia. Moreover, our patient has a pleuritic chest pain that gets worse when the patient lays down.</p>
-<p>In the EKG we found ST-segment elevation in almost all leads. Also, we found a depression of the PR segment in the DII lead.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Cycle_2.EKG_Analysis' label='EKG Analysis' ></dcc-trigger></p>
-<p><dcc-talk id='dcc5' character='EKG' speech='.'>
-</dcc-talk></p>
-<p><dcc-talk id='dcc7' character='Game' speech='What do you want to do?'>
-</dcc-talk>
-<dcc-trigger id='dcc9' type='*' link='Cycle_2.Order_EKG' label='Back' ></dcc-trigger>
-<dcc-trigger id='dcc11' type='*' link='Cycle_2.EKG_Analysis' label='Analyze EKG' ></dcc-trigger></p>
-         </dcc-dialog>
-      </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(286.08545,485.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="301.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="528.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="757.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="308"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="535"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="763"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="speech"
-     id="talk-speech-2"
-     x="300"
-     y="525">
-    <tspan
-       id="tspan4613"
-       y="522.35254"
-       x="303.73779">speech</tspan>
-  </text>
-  <g
-     id="Rectangle_39"
-     data-name="Rectangle 39"
-     class="cls-20"
-     style="font-size:12px;font-family:Tahoma, Geneva, sans-serif;fill:none;stroke:#ffffff"
-     transform="matrix(1.0633601,0,0,1.0633601,857.26066,146.56839)">
-    <rect
-       class="cls-25"
-       width="293"
-       height="259"
-       rx="12"
-       id="rect1518"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-26"
-       x="0.5"
-       y="0.5"
-       width="292"
-       height="258"
-       rx="11.5"
-       id="rect1520"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG_Click_on_EKG_image_to_expand_it."
-     data-name="EKG           Click on EKG image to expand it."
-     class="cls-21"
-     style="font-weight:700;font-size:19.14048195px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#ffffff;stroke-width:1.0633601"
-     x="883.84467"
-     y="154.01192">
-    <tspan
-       x="995.21039"
-       y="174.21574"
-       id="tspan1523"
-       style="stroke-width:1.0633601">EKG</tspan>
-    <tspan
-       class="cls-22"
-       id="tspan1539"
-       style="font-weight:400;font-family:SegoeUI, 'Segoe UI';fill:#fee611;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="199.73639"
-         id="tspan1525"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="225.25703"
-         id="tspan1527"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="250.77769"
-         id="tspan1529"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="276.29831"
-         id="tspan1531"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="301.81897"
-         id="tspan1533"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="327.3396"
-         id="tspan1535"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="352.86023"
-         id="tspan1537"
-         style="stroke-width:1.0633601" />
-    </tspan>
-    <tspan
-       class="cls-23"
-       id="tspan1547"
-       style="font-weight:400;font-size:12.76032066px;font-family:SegoeUI, 'Segoe UI';stroke:none;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="372.00073"
-         id="tspan1541"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="389.0145"
-         id="tspan1543"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="922.02246"
-         y="406.02826"
-         id="tspan1545"
-         style="stroke-width:1.0633601">Click on EKG image to expand it.</tspan>
-    </tspan>
-  </text>
-  <rect
-     id="Image_3"
-     data-name="Image 3"
-     class="cls-24"
-     width="311.56448"
-     height="198.84833"
-     x="857.26068"
-     y="185.91272"
-     style="fill:url(#pattern1818);stroke-width:1.0633601" />
-  <image
-     xlink:href=""
-     preserveAspectRatio="none"
-     y="185.91272"
-     x="857.26068"
-     height="198.84833"
-     width="311.56448"
-     id="talk-image-1" />
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Check_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_2.Check_hypothesis.js
deleted file mode 100644
index 6c8f5dd..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Check_hypothesis.js
+++ /dev/null
@@ -1,190 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG"
-     class="cls-3"
-     style="font-weight:700;font-size:28px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#346e93"
-     x="44.119659"
-     y="35.153847">
-    <tspan
-       x="44.119659"
-       y="65.153847"
-       id="tspan14">EKG</tspan>
-  </text>
-  <foreignObject
-     data-name="Action"
-     y="29.752275"
-     x="195.98291"
-     height="1010.4156"
-     width="1586.4957">
-     <dcc-styler xstyle="out" locations="action">
-         <p><dcc-group-marker context="ekg" image="images/ekg.png">
-   <dcc-image-marker id="DI" label="DI" coords="238,127,164,76" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="DII" label="DII" coords="231,328,148,273" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="DIII" label="DIII" href="" coords="67,484,148,528" image="images/ekg-detail-02.png"></dcc-image-marker>
-   <dcc-image-marker id="aVL" label="aVL" coords="413,286,515,332" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="IV" label="IV" coords="1005,40,1123,130" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="V" label="V" coords="1004,248,1133,323" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="VI" label="VI" coords="1010,460,1130,538" image="images/ekg-detail-01.png"></dcc-image-marker>
-</dcc-group-marker></p>
-<p><dcc-trigger id='dcc3' type='*' link='Cycle_2.Review_hypothesis' label='Submit' ></dcc-trigger></p>
-      </dcc-styler>
-  </foreignObject>
-  <rect
-     id="Rectangle_18"
-     data-name="Rectangle 18"
-     class="cls-4"
-     width="139"
-     height="59"
-     rx="29.5"
-     x="51.529915"
-     y="1008.7504"
-     style="fill:#ba2027" />
-   <foreignObject
-     data-name="Action"
-     x="55"
-     y="1025"
-     width="130"
-     height="30">
-    <div
-       id="action"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-   </foreignObject>
-  <path
-     style="fill:#346e93"
-     inkscape:connector-curvature="0"
-     d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-     class="cls-6"
-     data-name="Close Window"
-     id="close-window" />
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.EKG_Analysis.js b/notebook/cases/case001-development/html/knots/Cycle_2.EKG_Analysis.js
deleted file mode 100644
index 64927d6..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.EKG_Analysis.js
+++ /dev/null
@@ -1,190 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG"
-     class="cls-3"
-     style="font-weight:700;font-size:28px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#346e93"
-     x="44.119659"
-     y="35.153847">
-    <tspan
-       x="44.119659"
-       y="65.153847"
-       id="tspan14">EKG</tspan>
-  </text>
-  <foreignObject
-     data-name="Action"
-     y="29.752275"
-     x="195.98291"
-     height="1010.4156"
-     width="1586.4957">
-     <dcc-styler xstyle="out" locations="action">
-         <p><dcc-group-marker context="ekg" image="images/ekg.png">
-   <dcc-image-marker id="DI" label="DI" coords="238,127,164,76" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="DII" label="DII" coords="231,328,148,273" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="DIII" label="DIII" href="" coords="67,484,148,528" image="images/ekg-detail-02.png"></dcc-image-marker>
-   <dcc-image-marker id="aVL" label="aVL" coords="413,286,515,332" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="IV" label="IV" coords="1005,40,1123,130" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="V" label="V" coords="1004,248,1133,323" image="images/ekg-detail-01.png"></dcc-image-marker>
-   <dcc-image-marker id="VI" label="VI" coords="1010,460,1130,538" image="images/ekg-detail-01.png"></dcc-image-marker>
-</dcc-group-marker></p>
-<p><dcc-trigger id='dcc3' type='*' link='Cycle_2.Order_EKG' label='Return' ></dcc-trigger></p>
-      </dcc-styler>
-  </foreignObject>
-  <rect
-     id="Rectangle_18"
-     data-name="Rectangle 18"
-     class="cls-4"
-     width="139"
-     height="59"
-     rx="29.5"
-     x="51.529915"
-     y="1008.7504"
-     style="fill:#ba2027" />
-   <foreignObject
-     data-name="Action"
-     x="55"
-     y="1025"
-     width="130"
-     height="30">
-    <div
-       id="action"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-   </foreignObject>
-  <path
-     style="fill:#346e93"
-     inkscape:connector-curvature="0"
-     d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-     class="cls-6"
-     data-name="Close Window"
-     id="close-window" />
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Generate_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_2.Generate_hypothesis.js
deleted file mode 100644
index f234102..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Generate_hypothesis.js
+++ /dev/null
@@ -1,323 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="input.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="732.18037"
-     inkscape:cy="364.47074"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     sodipodi:absref="/home/santanche/git/case-notebook/notebook/templates/svgs/images/hospital-background.png"
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(298.85041,178.36326)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect579"
-       rx="12"
-       height="167"
-       width="737"
-       class="cls-23" />
-    <rect
-       style="fill:none"
-       id="rect581"
-       rx="11.5"
-       height="166"
-       width="736"
-       y="0.5"
-       x="0.5"
-       class="cls-24" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="fill:#ba2027"
-     y="316.41452"
-     x="685.04272"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-14"
-     data-name="Rectangle 18"
-     id="Rectangle_18" />
-  <foreignObject
-     data-name="Submit input"
-     x="690"
-     y="335"
-     width="200"
-     height="30">
-    <div
-       id="submit-input"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        submit
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="317.84219"
-     y="170"
-     width="600"
-     height="150">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:28px;font-family:Tahoma, Geneva, sans-serif;color:#346e93">
-      <dcc-styler xstyle="out" locations="input-hypothesis;submit-input">
-         <p>What is your main diagnostic hypothesis?
-<dcc-talk id='dcc3' character='PATIENT Jakob' speech='.'>
-</dcc-talk>
-<dcc-input id='dcc5' variable='Cycle_2.Generate_hypothesis.hypothesis' rows='1' vocabulary='mesh'> 
-</dcc-input></p>
-<p><dcc-trigger id='dcc7' type='*' link='Cycle_2.Check_hypothesis' label='Submit hypothesis' ></dcc-trigger></p>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <foreignObject
-     class="cls-23"
-     x="317.11661"
-     y="270"
-     width="600"
-     height="50">
-    <div id="input-hypothesis">
-    </div>
-  </foreignObject>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Magnify_EKG.js b/notebook/cases/case001-development/html/knots/Cycle_2.Magnify_EKG.js
deleted file mode 100644
index dbd235b..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Magnify_EKG.js
+++ /dev/null
@@ -1,186 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1920 1080"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="zoom_exam-wide.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata30">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="0.365625"
-     inkscape:cx="796.29619"
-     inkscape:cy="519.99428"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <defs
-     id="defs7">
-    <style
-       id="style2">
-      .cls-1 {
-        clip-path: url(#clip-Segunda_parte_3);
-      }
-
-      .cls-2, .cls-5, .cls-7 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        stroke: #707070;
-        opacity: 0.95;
-      }
-
-      .cls-3, .cls-6 {
-        fill: #346e93;
-      }
-
-      .cls-3 {
-        font-size: 28px;
-        font-family: SegoeUI-Bold, Segoe UI;
-        font-weight: 700;
-      }
-
-      .cls-4 {
-        fill: #ba2027;
-      }
-
-      .cls-5 {
-        font-size: 20px;
-        font-family: SegoeUI, Segoe UI;
-      }
-
-      .cls-8 {
-        stroke: none;
-      }
-
-      .cls-9 {
-        fill: none;
-      }
-    </style>
-    <clipPath
-       id="clip-Segunda_parte_3">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect4" />
-    </clipPath>
-  </defs>
-  <g
-     id="Rectangle_36"
-     data-name="Rectangle 36"
-     class="cls-2"
-     transform="matrix(1.5408053,0,0,1.0910982,21.157681,22.690015)"
-     style="opacity:0.95;fill:#ffffff;stroke:#707070">
-    <rect
-       class="cls-8"
-       width="1220"
-       height="937.40002"
-       rx="12"
-       id="rect9"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-9"
-       x="0.5"
-       y="0.5"
-       width="1219"
-       height="936.40002"
-       rx="11.5"
-       id="rect11"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG"
-     class="cls-3"
-     style="font-weight:700;font-size:28px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#346e93"
-     x="44.119659"
-     y="35.153847">
-    <tspan
-       x="44.119659"
-       y="65.153847"
-       id="tspan14">EKG</tspan>
-  </text>
-  <image
-     xlink:href=""
-     y="29.752275"
-     x="195.98291"
-     height="1010.4156"
-     width="1586.4957"
-     data-name="Exam image"
-     id="talk-image" />
-  <rect
-     id="Rectangle_18"
-     data-name="Rectangle 18"
-     class="cls-4"
-     width="139"
-     height="59"
-     rx="29.5"
-     x="51.529915"
-     y="1008.7504"
-     style="fill:#ba2027" />
-   <foreignObject
-     data-name="Action"
-     x="55"
-     y="1025"
-     width="130"
-     height="30">
-    <div
-       id="action"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-   </foreignObject>
-  <path
-     style="fill:#346e93"
-     inkscape:connector-curvature="0"
-     d="m 1859.9402,35.358974 a 25,25 0 1 0 25,25 25,25 0 0 0 -25,-25 z m 16.512,35.335 a 1.861,1.861 0 0 1 0,2.624 l -3.553,3.554 a 1.861,1.861 0 0 1 -2.624,0 l -10.335,-10.335 -10.335,10.335 a 1.861,1.861 0 0 1 -2.624,0 l -3.553,-3.554 a 1.861,1.861 0 0 1 0,-2.624 l 10.335,-10.335 -10.335,-10.335 a 1.861,1.861 0 0 1 0,-2.624 l 3.553,-3.554 a 1.861,1.861 0 0 1 2.624,0 l 10.335,10.335 10.335,-10.335 a 1.861,1.861 0 0 1 2.624,0 l 3.553,3.554 a 1.861,1.861 0 0 1 0,2.624 l -10.335,10.335 z"
-     class="cls-6"
-     data-name="Close Window"
-     id="close-window" />
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="close-window"></dcc-trigger>
-  </foreignObject>
-</svg>
-<dcc-styler xstyle="out" locations="action">
-   <dcc-dialog>
-      <p><dcc-talk id='dcc3' character='EKG' speech='.'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc5' type='*' link='Cycle_2.Order_EKG' label='Return' ></dcc-trigger></p>
-   </dcc-dialog>
-</dcc-styler>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.More_information.js b/notebook/cases/case001-development/html/knots/Cycle_2.More_information.js
deleted file mode 100644
index 2c94532..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.More_information.js
+++ /dev/null
@@ -1,488 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="decision_eletro.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="769.15321"
-     inkscape:cy="366.73652"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-    <pattern
-       inkscape:collect="always"
-       xlink:href="#pattern-3"
-       id="pattern1818"
-       patternTransform="matrix(1.0633601,0,0,1.0633601,857.26069,185.91272)" />
-    <pattern
-       id="pattern-3"
-       preserveAspectRatio="none"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1305 831">
-      <image
-         id="image1266"
-         height="831"
-         width="1305"
-         xlink:href="" />
-    </pattern>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="300"
-     y="200"
-     width="530"
-     height="200">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-      <dcc-styler xstyle="out" locations="talk-image-1;action-1;action-2;action-3">
-         <dcc-dialog>
-            <p><img src="images/ekg-description.png" alt="EKG Description" /></p>
-<ul>
-<li>EKG Analysis</li>
-</ul>
-<p><dcc-talk id='dcc3' character='EKG' speech='.'>
-</dcc-talk></p>
-<p><dcc-talk id='dcc5' character='Game' speech='What do you want to do?'>
-</dcc-talk>
-<dcc-trigger id='dcc7' type='*' link='Cycle_2.Order_EKG' label='Back' ></dcc-trigger>
-<dcc-trigger id='dcc9' type='*' link='Cycle_2.EKG_Analysis' label='Analyze EKG' ></dcc-trigger></p>
-         </dcc-dialog>
-      </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(286.08545,485.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="301.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="528.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="757.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="308"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="535"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="763"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="speech"
-     id="talk-speech-2"
-     x="300"
-     y="525">
-    <tspan
-       id="tspan4613"
-       y="522.35254"
-       x="303.73779">speech</tspan>
-  </text>
-  <g
-     id="Rectangle_39"
-     data-name="Rectangle 39"
-     class="cls-20"
-     style="font-size:12px;font-family:Tahoma, Geneva, sans-serif;fill:none;stroke:#ffffff"
-     transform="matrix(1.0633601,0,0,1.0633601,857.26066,146.56839)">
-    <rect
-       class="cls-25"
-       width="293"
-       height="259"
-       rx="12"
-       id="rect1518"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-26"
-       x="0.5"
-       y="0.5"
-       width="292"
-       height="258"
-       rx="11.5"
-       id="rect1520"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG_Click_on_EKG_image_to_expand_it."
-     data-name="EKG           Click on EKG image to expand it."
-     class="cls-21"
-     style="font-weight:700;font-size:19.14048195px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#ffffff;stroke-width:1.0633601"
-     x="883.84467"
-     y="154.01192">
-    <tspan
-       x="995.21039"
-       y="174.21574"
-       id="tspan1523"
-       style="stroke-width:1.0633601">EKG</tspan>
-    <tspan
-       class="cls-22"
-       id="tspan1539"
-       style="font-weight:400;font-family:SegoeUI, 'Segoe UI';fill:#fee611;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="199.73639"
-         id="tspan1525"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="225.25703"
-         id="tspan1527"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="250.77769"
-         id="tspan1529"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="276.29831"
-         id="tspan1531"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="301.81897"
-         id="tspan1533"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="327.3396"
-         id="tspan1535"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="352.86023"
-         id="tspan1537"
-         style="stroke-width:1.0633601" />
-    </tspan>
-    <tspan
-       class="cls-23"
-       id="tspan1547"
-       style="font-weight:400;font-size:12.76032066px;font-family:SegoeUI, 'Segoe UI';stroke:none;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="372.00073"
-         id="tspan1541"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="389.0145"
-         id="tspan1543"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="922.02246"
-         y="406.02826"
-         id="tspan1545"
-         style="stroke-width:1.0633601">Click on EKG image to expand it.</tspan>
-    </tspan>
-  </text>
-  <rect
-     id="Image_3"
-     data-name="Image 3"
-     class="cls-24"
-     width="311.56448"
-     height="198.84833"
-     x="857.26068"
-     y="185.91272"
-     style="fill:url(#pattern1818);stroke-width:1.0633601" />
-  <image
-     xlink:href=""
-     preserveAspectRatio="none"
-     y="185.91272"
-     x="857.26068"
-     height="198.84833"
-     width="311.56448"
-     id="talk-image-1" />
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Order_EKG.js b/notebook/cases/case001-development/html/knots/Cycle_2.Order_EKG.js
deleted file mode 100644
index 502aa13..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Order_EKG.js
+++ /dev/null
@@ -1,488 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="decision_eletro.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="769.15321"
-     inkscape:cy="366.73652"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-    <pattern
-       inkscape:collect="always"
-       xlink:href="#pattern-3"
-       id="pattern1818"
-       patternTransform="matrix(1.0633601,0,0,1.0633601,857.26069,185.91272)" />
-    <pattern
-       id="pattern-3"
-       preserveAspectRatio="none"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1305 831">
-      <image
-         id="image1266"
-         height="831"
-         width="1305"
-         xlink:href="" />
-    </pattern>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="300"
-     y="200"
-     width="530"
-     height="200">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-      <dcc-styler xstyle="out" locations="talk-image-1;action-1;action-2;action-3">
-         <dcc-dialog>
-            <p>Our patient denies any recent long trip, immobilization or surgery.</p>
-<p>The blood pressure is symmetric in the four limbs. </p>
-<p><dcc-talk id='dcc3' character='EKG' speech='.'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc5' type='*' link='Cycle_2.Magnify_EKG' label='Magnify' ></dcc-trigger></p>
-<p><dcc-talk id='dcc7' character='Game' speech='What do you want to do?'>
-</dcc-talk>
-<dcc-trigger id='dcc9' type='*' link='Cycle_2.Generate_hypothesis' label='Generate hypothesis' ></dcc-trigger>
-<dcc-trigger id='dcc11' type='*' link='Cycle_2.More_information' label='More information' ></dcc-trigger>
-<dcc-trigger id='dcc13' type='*' link='Cycle_2.Call_the_supervisor' label='Call the supervisor' ></dcc-trigger></p>
-         </dcc-dialog>
-      </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(286.08545,485.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="301.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="528.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="544.35254"
-     x="757.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="308"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="535"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="763"
-     y="563"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="speech"
-     id="talk-speech-2"
-     x="300"
-     y="525">
-    <tspan
-       id="tspan4613"
-       y="522.35254"
-       x="303.73779">speech</tspan>
-  </text>
-  <g
-     id="Rectangle_39"
-     data-name="Rectangle 39"
-     class="cls-20"
-     style="font-size:12px;font-family:Tahoma, Geneva, sans-serif;fill:none;stroke:#ffffff"
-     transform="matrix(1.0633601,0,0,1.0633601,857.26066,146.56839)">
-    <rect
-       class="cls-25"
-       width="293"
-       height="259"
-       rx="12"
-       id="rect1518"
-       x="0"
-       y="0"
-       style="stroke:none" />
-    <rect
-       class="cls-26"
-       x="0.5"
-       y="0.5"
-       width="292"
-       height="258"
-       rx="11.5"
-       id="rect1520"
-       style="fill:none" />
-  </g>
-  <text
-     id="EKG_Click_on_EKG_image_to_expand_it."
-     data-name="EKG           Click on EKG image to expand it."
-     class="cls-21"
-     style="font-weight:700;font-size:19.14048195px;font-family:SegoeUI-Bold, 'Segoe UI';fill:#ffffff;stroke-width:1.0633601"
-     x="883.84467"
-     y="154.01192">
-    <tspan
-       x="995.21039"
-       y="174.21574"
-       id="tspan1523"
-       style="stroke-width:1.0633601">EKG</tspan>
-    <tspan
-       class="cls-22"
-       id="tspan1539"
-       style="font-weight:400;font-family:SegoeUI, 'Segoe UI';fill:#fee611;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="199.73639"
-         id="tspan1525"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="225.25703"
-         id="tspan1527"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="250.77769"
-         id="tspan1529"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="276.29831"
-         id="tspan1531"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="301.81897"
-         id="tspan1533"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="327.3396"
-         id="tspan1535"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="352.86023"
-         id="tspan1537"
-         style="stroke-width:1.0633601" />
-    </tspan>
-    <tspan
-       class="cls-23"
-       id="tspan1547"
-       style="font-weight:400;font-size:12.76032066px;font-family:SegoeUI, 'Segoe UI';stroke:none;stroke-width:1.0633601">
-      <tspan
-         x="1013.0429"
-         y="372.00073"
-         id="tspan1541"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="1013.0429"
-         y="389.0145"
-         id="tspan1543"
-         style="stroke-width:1.0633601" />
-      <tspan
-         x="922.02246"
-         y="406.02826"
-         id="tspan1545"
-         style="stroke-width:1.0633601">Click on EKG image to expand it.</tspan>
-    </tspan>
-  </text>
-  <rect
-     id="Image_3"
-     data-name="Image 3"
-     class="cls-24"
-     width="311.56448"
-     height="198.84833"
-     x="857.26068"
-     y="185.91272"
-     style="fill:url(#pattern1818);stroke-width:1.0633601" />
-  <image
-     xlink:href=""
-     preserveAspectRatio="none"
-     y="185.91272"
-     x="857.26068"
-     height="198.84833"
-     width="311.56448"
-     id="talk-image-1" />
-</svg>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Cycle_2.Review_hypothesis.js b/notebook/cases/case001-development/html/knots/Cycle_2.Review_hypothesis.js
deleted file mode 100644
index d5e90e6..0000000
--- a/notebook/cases/case001-development/html/knots/Cycle_2.Review_hypothesis.js
+++ /dev/null
@@ -1,323 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="input.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.73125002"
-     inkscape:cx="732.18037"
-     inkscape:cy="364.47074"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     sodipodi:absref="/home/santanche/git/case-notebook/notebook/templates/svgs/images/hospital-background.png"
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(298.85041,178.36326)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect579"
-       rx="12"
-       height="167"
-       width="737"
-       class="cls-23" />
-    <rect
-       style="fill:none"
-       id="rect581"
-       rx="11.5"
-       height="166"
-       width="736"
-       y="0.5"
-       x="0.5"
-       class="cls-24" />
-  </g>
-  <image
-     xlink:href=""
-     width="375.4201"
-     height="543.65814"
-     preserveAspectRatio="none"
-     id="talk-image"
-     x="904.30768"
-     y="133.47008" />
-  <rect
-     style="fill:#0d4a71"
-     y="587"
-     x="1015"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1050"
-     y="619">character</text>
-  <rect
-     style="fill:#ba2027"
-     y="316.41452"
-     x="685.04272"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-14"
-     data-name="Rectangle 18"
-     id="Rectangle_18" />
-  <foreignObject
-     data-name="Submit input"
-     x="690"
-     y="335"
-     width="200"
-     height="30">
-    <div
-       id="submit-input"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        submit
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="description"
-     x="317.84219"
-     y="170"
-     width="600"
-     height="150">
-    <div
-       id="description"
-       class="cls-15"
-       style="font-size:28px;font-family:Tahoma, Geneva, sans-serif;color:#346e93">
-      <dcc-styler xstyle="out" locations="input-hypothesis;submit-input">
-         <p>If you whant to review your hypothesis, type below the new hypothesis.
-<dcc-talk id='dcc3' character='PATIENT Jakob' speech='.'>
-</dcc-talk>
-<dcc-input id='dcc5' variable='Cycle_2.Review_hypothesis.hypothesis' rows='1' vocabulary='mesh'> 
-</dcc-input></p>
-<p><dcc-trigger id='dcc7' type='*' link='Final.Report' label='Submit' ></dcc-trigger></p>
-      </dcc-styler>
-    </div>
-  </foreignObject>
-  <foreignObject
-     class="cls-23"
-     x="317.11661"
-     y="270"
-     width="600"
-     height="50">
-    <div id="input-hypothesis">
-    </div>
-  </foreignObject>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_1.js b/notebook/cases/case001-development/html/knots/Final.Level_1.js
deleted file mode 100644
index cf4eee8..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_1.js
+++ /dev/null
@@ -1,378 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p><b>Level 1</b>: your answer was <dcc-expression expression="Cycle_1.Generate_hypothesis.hypothesis"></dcc-expression>.</p>
-<p>Our patient complained about chest pain, located in the middle of his chest, worsening when he breaths and when he lay down on his bed. Both features increases the probability of pericardial disease, especially acute pericarditis. Although patient´s father died of a "heart attack", there were no chest pain features that increase the probability of myocardial infarction, as the pain did not irradiate to arms, the pain was not described as a pressure, neither complaining about nausea, vomiting or shortness of breath. Another differential diagnosis to consider is myopericarditis, but we not be able to find heart failure signs (pulmonary and cardiac auscultation were normal) and the patient did not complain about dyspnea. So, at the level 1, the answer to our open-ended question was Acute Pericarditis.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Level_2a' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc5' type='*' link='Final_report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_2.2a.js b/notebook/cases/case001-development/html/knots/Final.Level_2.2a.js
deleted file mode 100644
index 84c76b1..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_2.2a.js
+++ /dev/null
@@ -1,413 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <div style="font-size: 14px">
-<b>Level 2</b>: At this level, we asked you to highlight in green all features that corroborate your hypothesis, in blue those are neutral and in red the ones speaking against your hypothesis.
-<br><br>
-<b>Your answer:</b>
-<br>
-
-
-<dcc-group-selector id='dcc3' context='Final.Level_2.2a.player'  evaluation='Cycle_1.Check_hypothesis.symptoms' states=' ,+,=,-'>
-
-Nurse: Doctor, please you have to evaluate a man (<dcc-state-selector id='dcc5' player='Cycle_1.Check_hypothesis.symptoms'>51 years-old</dcc-state-selector>) who entered the emergency department reporting <dcc-state-selector id='dcc7' player='Cycle_1.Check_hypothesis.symptoms'>chest pain</dcc-state-selector>.His vital signs are <dcc-state-selector id='dcc9' player='Cycle_1.Check_hypothesis.symptoms'>ABP: 144x92mmHG</dcc-state-selector>; <dcc-state-selector id='dcc11' player='Cycle_1.Check_hypothesis.symptoms'>HR: 78bpm</dcc-state-selector>; <dcc-state-selector id='dcc13' player='Cycle_1.Check_hypothesis.symptoms'>RR: 21rpm</dcc-state-selector>; <dcc-state-selector id='dcc15' player='Cycle_1.Check_hypothesis.symptoms'>Temp: 37oC</dcc-state-selector>; <dcc-state-selector id='dcc17' player='Cycle_1.Check_hypothesis.symptoms'>O2Sat: 98%</dcc-state-selector>.
-<br>
-Patient: Doctor, I am feeling chest pain since yesterday. The <dcc-state-selector id='dcc19' player='Cycle_1.Check_hypothesis.symptoms'>pain is continuous</dcc-state-selector> and <dcc-state-selector id='dcc21' player='Cycle_1.Check_hypothesis.symptoms'>is located just in the middle of my chest</dcc-state-selector>, <dcc-state-selector id='dcc23' player='Cycle_1.Check_hypothesis.symptoms'>worsening when I breathe</dcc-state-selector> and <dcc-state-selector id='dcc25' player='Cycle_1.Check_hypothesis.symptoms'>when I lay down on my bed</dcc-state-selector>. I have <dcc-state-selector id='dcc27' player='Cycle_1.Check_hypothesis.symptoms'>arterial hypertension</dcc-state-selector> and <dcc-state-selector id='dcc29' player='Cycle_1.Check_hypothesis.symptoms'>I smoke 20 cigarettes</dcc-state-selector> every day. <dcc-state-selector id='dcc31' player='Cycle_1.Check_hypothesis.symptoms'>My father had a "heart attack"</dcc-state-selector> at my age and I am very worried about it.
-<br>
-You perform physical examination: <dcc-state-selector id='dcc33' player='Cycle_1.Check_hypothesis.symptoms'>cardiac and pulmonary auscultation are normal</dcc-state-selector>; <dcc-state-selector id='dcc35' player='Cycle_1.Check_hypothesis.symptoms'>chest pain does not worse with palpation of the thorax</dcc-state-selector>; <dcc-state-selector id='dcc37' player='Cycle_1.Check_hypothesis.symptoms'>there is no jugular stasis</dcc-state-selector> <dcc-state-selector id='dcc39' player='Cycle_1.Check_hypothesis.symptoms'>nor lower limb edema</dcc-state-selector>.
-
-
-</dcc-group-selector>
-
-
-<br><br>
-<b>Our answer:</b> 
-<br>
-
-
-<dcc-group-selector id='dcc43' context='Final.Level_2.2a.answers'  evaluation='answers' states=' ,+,=,-'>
-
-Nurse: Doctor, please you have to evaluate a man (<dcc-state-selector id='dcc45' answer='='>51 years-old</dcc-state-selector>) who entered the emergency department reporting <dcc-state-selector id='dcc47' answer='='>chest pain</dcc-state-selector>.His vital signs are <dcc-state-selector id='dcc49' answer='='>ABP: 144x92mmHG</dcc-state-selector>; <dcc-state-selector id='dcc51' answer='='>HR: 78bpm</dcc-state-selector>; <dcc-state-selector id='dcc53' answer='='>RR: 21rpm</dcc-state-selector>; <dcc-state-selector id='dcc55' answer='='>Temp: 37oC</dcc-state-selector>; <dcc-state-selector id='dcc57' answer='='>O2Sat: 98%</dcc-state-selector>.
-<br>
-Patient: Doctor, I am feeling chest pain since yesterday. The <dcc-state-selector id='dcc59' answer='='>pain is continuous</dcc-state-selector> and <dcc-state-selector id='dcc61' answer='='>is located just in the middle of my chest</dcc-state-selector>, <dcc-state-selector id='dcc63' answer='+'>worsening when I breathe</dcc-state-selector> and <dcc-state-selector id='dcc65' answer='+'>when I lay down on my bed</dcc-state-selector>. I have <dcc-state-selector id='dcc67' answer='-'>arterial hypertension</dcc-state-selector> and <dcc-state-selector id='dcc69' answer='-'>I smoke 20 cigarettes</dcc-state-selector> every day. <dcc-state-selector id='dcc71' answer='-'>My father had a "heart attack"</dcc-state-selector> at my age and I am very worried about it.
-<br>
-You perform physical examination: <dcc-state-selector id='dcc73' answer='-'>cardiac and pulmonary auscultation are normal</dcc-state-selector>; <dcc-state-selector id='dcc75' answer='='>chest pain does not worse with palpation of the thorax</dcc-state-selector>; <dcc-state-selector id='dcc77' answer='='>there is no jugular stasis</dcc-state-selector> <dcc-state-selector id='dcc79' answer='='>nor lower limb edema</dcc-state-selector>.
-
-
-</dcc-group-selector>
-
-
-</div>
-<p><dcc-trigger id='dcc83' type='*' link='Final.Level_2.2b' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc85' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_2.2b.js b/notebook/cases/case001-development/html/knots/Final.Level_2.2b.js
deleted file mode 100644
index e305f0b..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_2.2b.js
+++ /dev/null
@@ -1,379 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>After checking the hypothesis you reviewed your answer to: <dcc-expression expression="Cycle_1.Review_hypothesis.hypothesis"></dcc-expression>.</p>
-<p>In acute pericarditis, patients are usually young, most cases are reported under 50 years old, but it can be diagnosed at any age. There is no vital signs features that increase the probability of this condition. Some patients may present fever and tachycardia, but it´s not common signs. So, when vital signs are normal, we cannot confirm or exclude this diagnosis.</p>
-<p>In clinical history, two features increase the probability of the chest pain being related to a pericardial disease: worsening with breathing; and worsening when the patient lay down. </p>
-<p><dcc-trigger id='dcc3' type='*' link='Final.Level_2.2c' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc5' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_2.2c.js b/notebook/cases/case001-development/html/knots/Final.Level_2.2c.js
deleted file mode 100644
index 8aead76..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_2.2c.js
+++ /dev/null
@@ -1,378 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>As the patient has arterial hypertension, is smoker and his father died of a "heart attack" we could consider myocardial infarction as one of the diagnosis. But considering chest pain features of our patient, there is no one that increases this possibility. So, these features may lead us to cognitive error if we consider myocardial infarction as the main diagnosis (which is wrong). </p>
-<p>In physical examination in patients with acute pericarditis, we may find pericardial rub, one of the diagnostic criteria. So, when we did not find it, the probability of the disease is reduced, but did not exclude the diagnosis. It is crucial to look for the other diagnostic criteria.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Final.Level_3.3a' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc5' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_3.3a.js b/notebook/cases/case001-development/html/knots/Final.Level_3.3a.js
deleted file mode 100644
index 1889afa..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_3.3a.js
+++ /dev/null
@@ -1,378 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>My young Dr, the EKG interpretation was very helpful to solve our case.</p>
-<p>We found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Final.Level_3.3b' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc5' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_3.3b.js b/notebook/cases/case001-development/html/knots/Final.Level_3.3b.js
deleted file mode 100644
index 0bd227f..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_3.3b.js
+++ /dev/null
@@ -1,378 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>My young Dr, the EKG interpretation was very helpful to solve our case.</p>
-<p>We found a diffuse ST-segment elevation, and a PR-segment depression in DII lead.  These findings, associated to the clinical scenario, strongly indicate the main hypothesis of Acute Pericarditis.</p>
-<p><dcc-trigger id='dcc3' type='*' link='Final.Level_3.3c' label='Next' ></dcc-trigger>
-<dcc-trigger id='dcc5' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Level_3.3c.js b/notebook/cases/case001-development/html/knots/Final.Level_3.3c.js
deleted file mode 100644
index 1464716..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Level_3.3c.js
+++ /dev/null
@@ -1,396 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <div style="font-size: 18px">
-In the following table, we provide the diagnostic criteria for acute pericaditis and myopericarditis:
-
-![Clinical History Myocardial Infarction](images/ebm-pericarditis.png)
-
-Cooper LT, Imazio M. Management of myopericarditis. Expert Rev Cardiovasc Ther 2013; 11(2): 193-201.
-
-Our patient fullfill the following criteria: 1 and 3. So, acute pericarditis is the main diagnostic hypothesis.
-</div>
-<p><dcc-trigger id='dcc3' type='*' link='Final.Report' label='Return' ></dcc-trigger></p>
-<div style="font-size: 18px">
-In the following table, we provide the diagnostic criteria for acute pericaditis and myopericarditis:
-
-![Clinical History Myocardial Infarction](images/ebm-pericarditis.png)
-
-Cooper LT, Imazio M. Management of myopericarditis. Expert Rev Cardiovasc Ther 2013; 11(2): 193-201.
-
-Our patient fullfill the following criteria: 1 and 3. So, acute pericarditis is the main diagnostic hypothesis.
-</div>
-<ul>
-<li>Return -&gt; Final.Report  </li>
-</ul>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Final.Report.js b/notebook/cases/case001-development/html/knots/Final.Report.js
deleted file mode 100644
index 17b9e30..0000000
--- a/notebook/cases/case001-development/html/knots/Final.Report.js
+++ /dev/null
@@ -1,380 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="jacinto-talk-l.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="731"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.36562501"
-     inkscape:cx="727.15592"
-     inkscape:cy="176.57909"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     xlink:href="images/hospital-background.png"
-     y="71.079224"
-     x="20.12265"
-     id="image4087"
-     preserveAspectRatio="none"
-     height="597.91913"
-     width="1136.7474" />
-  <g
-     data-name="Back arrow"
-     id="back-arrow"
-     transform="translate(-151,-194)">
-    <circle
-       style="fill:#346e93"
-       transform="translate(151,194)"
-       r="36.5"
-       cy="36.5"
-       cx="36.5"
-       class="cls-13"
-       data-name="Ellipse 5"
-       id="Ellipse_5" />
-    <path
-       style="fill:#ffffff"
-       inkscape:connector-curvature="0"
-       transform="translate(-653.108,45.012)"
-       d="m 863.02,182.135 h -30.292 a 0.519,0.519 0 0 1 -0.367,-0.887 l 6.732,-6.732 a 0.519,0.519 0 0 0 0,-0.734 l -4.641,-4.641 a 0.519,0.519 0 0 0 -0.734,0 l -12.995,12.995 h -0.054 v 0.054 l -3.409,3.41 a 0.52,0.52 0 0 0 0,0.735 l 16.457,16.457 a 0.519,0.519 0 0 0 0.734,0 l 4.641,-4.641 a 0.519,0.519 0 0 0 0,-0.734 l -6.788,-6.788 a 0.519,0.519 0 0 1 0.367,-0.887 h 30.349 a 0.519,0.519 0 0 0 0.519,-0.519 v -6.564 a 0.519,0.519 0 0 0 -0.519,-0.524 z"
-       class="cls-12"
-       data-name="Path 320"
-       id="Path_320" />
-  </g>
-  <foreignObject>
-     <dcc-trigger action="knot/</navigate" label="Previous Knot" xstyle="out-image" location="back-arrow"></dcc-trigger>
-  </foreignObject>
-  <text
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-15"
-     data-name="Talk action"
-     id="talk-action"
-     x="413"
-     y="679" />
-  <foreignObject
-     data-name="speech"
-     x="60"
-     y="105"
-     width="800"
-     height="420">
-    <div
-       id="detailed-information"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff" height="420px">
-       <dcc-styler xstyle="out" locations="action-1;action-2;action-3">
-          <p>Congratulations, my young Dr. you could helped your patient providing his diagnosis. Now, Let's review all levels of this case.</p>
-<p><dcc-talk id='dcc3' character='Computer' speech='Select a final report level:'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc5' type='*' link='Final.Level_1' label='Level 1' ></dcc-trigger>
-<dcc-trigger id='dcc7' type='*' link='Final.Level_2.2a' label='2a' ></dcc-trigger>
-<dcc-trigger id='dcc9' type='*' link='Final.Level_3.3a' label='3a' ></dcc-trigger></p>
-       </dcc-styler>
-     </div>
-  </foreignObject>
-  <g
-     style="fill:#ffffff;stroke:#707070"
-     class="cls-4"
-     data-name="Rectangle 36"
-     id="Rectangle_36"
-     transform="translate(42.08545,537.6859)">
-    <rect
-       style="stroke:none"
-       y="0"
-       x="0"
-       id="rect4540"
-       rx="12"
-       height="144"
-       width="840"
-       class="cls-25" />
-    <rect
-       style="fill:none"
-       id="rect4542"
-       rx="11.5"
-       height="143"
-       width="839"
-       y="0.5"
-       x="0.5"
-       class="cls-26" />
-  </g>
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="57.737793"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 1 Wrapper"
-     id="action-1-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="284.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 2 Wrapper"
-     id="action-2-wrapper" />
-  <rect
-     style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ba2027"
-     y="596.35254"
-     x="513.73779"
-     rx="29.5"
-     height="59"
-     width="212"
-     class="cls-15"
-     visibility="hidden"
-     data-name="Action 3 Wrapper"
-     id="action-3-wrapper" />
-  <foreignObject
-     data-name="Action 1"
-     x="64"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-1"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 2"
-     x="291"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-2"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="Action 3"
-     x="519"
-     y="615"
-     width="200"
-     height="30">
-    <div
-       id="action-3"
-       class="cls-16"
-       style="font-size:18px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <text
-     style="font-weight:700;font-size:28px;font-family:Tahoma, Geneva, sans-serif;fill:#346e93"
-     class="cls-18"
-     data-name="What do you want to do?"
-     id="What_do_you_want_to_do_"
-     x="59.737793"
-     y="544.35254">
-    <tspan
-       id="tspan4613"
-       y="574.35254"
-       x="59.737793">What do you want to do?</tspan>
-  </text>
-  <image
-     y="32.929932"
-     x="892.04901"
-     id="talk-image"
-     xlink:href=""
-     preserveAspectRatio="none"
-     height="636.06842"
-     width="488.82108" />
-  <rect
-     style="fill:#0d4a71;stroke-width:1.06254947"
-     y="641.17096"
-     x="1054.6239"
-     rx="26.531769"
-     height="47"
-     width="239.35043"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="1067.6239"
-     y="671.17096">character</text>
-</svg>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/Start.Case_001.js b/notebook/cases/case001-development/html/knots/Start.Case_001.js
deleted file mode 100644
index 097127a..0000000
--- a/notebook/cases/case001-development/html/knots/Start.Case_001.js
+++ /dev/null
@@ -1,266 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<script>PlayerManager.instance().startCase()</script>
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:xhtml="http://www.w3.org/1999/xhtml"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="100%"
-   height="100%"
-   viewBox="0 0 1380.8701 700"
-   version="1.1"
-   id="svg102"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="dialog_left.svg">
-  <metadata
-     id="metadata106">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1299"
-     inkscape:window-height="704"
-     id="namedview104"
-     showgrid="false"
-     inkscape:zoom="0.51707185"
-     inkscape:cx="518.3658"
-     inkscape:cy="333.38143"
-     inkscape:window-x="67"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg102" />
-  <defs
-     id="defs14">
-    <style
-       id="style2">
-      .cls-1, .cls-12, .cls-15, .cls-18 {
-        fill: #fff;
-      }
-
-      .cls-1, .cls-5 {
-        stroke: #a2a2a2;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-Experimente_1_5);
-      }
-
-      .cls-3 {
-        fill: url(#pattern);
-      }
-
-      .cls-4 {
-        fill: #e3e3e3;
-      }
-
-      .cls-24, .cls-5 {
-        fill: none;
-      }
-
-      .cls-6 {
-        fill: #707070;
-      }
-
-      .cls-15, .cls-18, .cls-6 {
-        font-size: 20px;
-      }
-
-      .cls-15, .cls-20, .cls-6 {
-        font-family: Tahoma, Geneva, sans-serif;
-      }
-
-      .cls-7 {
-        clip-path: url(#clip-path);
-      }
-
-      .cls-8 {
-        fill: #009b3a;
-      }
-
-      .cls-9 {
-        fill: #fedf00;
-      }
-
-      .cls-10 {
-        fill: #002776;
-      }
-
-      .cls-11 {
-        clip-path: url(#clip-path-2);
-      }
-
-      .cls-13 {
-        fill: #346e93;
-      }
-
-      .cls-14 {
-        fill: #ba2027;
-      }
-
-      .cls-16 {
-        fill: #0d4a71;
-      }
-
-      .cls-17 {
-        fill: #d6d6d6;
-      }
-
-      .cls-18, .cls-21 {
-        font-family: Tahoma, Geneva, sans-serif;
-        font-weight: 700;
-      }
-
-      .cls-19 {
-        fill: #0d7114;
-      }
-
-      .cls-20, .cls-21 {
-        fill: #545454;
-        font-size: 12px;
-      }
-
-      .cls-22 {
-        fill: #fee611;
-      }
-
-      .cls-23 {
-        stroke: none;
-      }
-    </style>
-    <pattern
-       id="pattern"
-       preserveAspectRatio="xMidYMid slice"
-       width="100%"
-       height="100%"
-       viewBox="0 0 1920 1080" />
-    <clipPath
-       id="clip-path">
-      <rect
-         id="Rectangle_32"
-         data-name="Rectangle 32"
-         class="cls-1"
-         width="48"
-         height="32"
-         rx="16"
-         transform="translate(1625,10.217)"
-         x="0"
-         y="0"
-         style="fill:#ffffff;stroke:#a2a2a2" />
-    </clipPath>
-    <clipPath
-       id="clip-path-2">
-      <circle
-         id="Ellipse_8"
-         data-name="Ellipse 8"
-         cx="8.3999996"
-         cy="8.3999996"
-         r="8.3999996" />
-    </clipPath>
-    <clipPath
-       id="clip-Experimente_1_5">
-      <rect
-         width="1920"
-         height="1080"
-         id="rect11"
-         x="0"
-         y="0" />
-    </clipPath>
-  </defs>
-  <image
-     sodipodi:absref="/home/santanche/git/case-notebook/notebook/templates/svgs/images/hospital-background.png"
-     xlink:href="images/hospital-background.png"
-     width="1136.7474"
-     height="597.91913"
-     preserveAspectRatio="none"
-     id="image4087"
-     x="244.12265"
-     y="71.079224" />
-  <rect
-     style="fill:#ba2027"
-     y="641"
-     x="968"
-     rx="29.5"
-     height="59"
-     width="301"
-     class="cls-14"
-     data-name="Rectangle 18"
-     id="Rectangle_18" />
-  <foreignObject
-     data-name="Talk action"
-     x="985"
-     y="655"
-     width="270"
-     height="30">
-    <div
-       id="talk-action"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;text-align:center;width:100%">
-        action
-     </div>
-  </foreignObject>
-  <foreignObject
-     data-name="speech"
-     x="492"
-     y="230"
-     width="500"
-     height="200">
-    <xhtml:p
-       id="talk-speech"
-       class="cls-15"
-       style="font-size:20px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff">
-        speech
-     </xhtml:p>
-  </foreignObject>
-  <image
-     xlink:href=""
-     y="139.5152"
-     x="48.912003"
-     id="talk-image"
-     preserveAspectRatio="none"
-     height="529.83252"
-     width="613.63934" />
-  <rect
-     style="fill:#0d4a71"
-     y="641"
-     x="221"
-     rx="23.5"
-     height="47"
-     width="212"
-     class="cls-16"
-     data-name="Rectangle 40"
-     id="Rectangle_40" />
-  <text
-     style="font-weight:700;font-size:20px;font-family:Tahoma, Geneva, sans-serif;fill:#ffffff"
-     class="cls-18"
-     data-name="character"
-     id="talk-character"
-     x="256"
-     y="673">
-    character
-  </text>
-</svg>
-<dcc-styler xstyle="out" locations="talk-action">
-   <p><dcc-talk id='dcc3' character='NURSE Agnes' speech='Doctor, we have a man (51 years old) who entered the emergency department reporting chest pain. His vital signs are ABP: 144x92mmHG; HR: 78bpm; RR: 21rpm; Temp: 37oC; O2Sat: 98%.'>
-</dcc-talk></p>
-<p><dcc-trigger id='dcc5' type='*' link='Cycle_1.Begin' label='Let us go!' ></dcc-trigger></p>
-</dcc-styler>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/entry.js b/notebook/cases/case001-development/html/knots/entry.js
deleted file mode 100644
index 0eca1c4..0000000
--- a/notebook/cases/case001-development/html/knots/entry.js
+++ /dev/null
@@ -1,25 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<div class="panel-left-pict">
-   <div class="panel-left-pict-image">
-      <img  src="images/entrance.jpg">
-   </div>
-
-   <div class="panel-left-pict-text">
-      <h1>Welcome to Phil Muchbetter</h1>
-
-      <div id="signin-register" class="central-buttons" style="display:none">
-         <dcc-trigger link="signin.html" label="Sign In"></dcc-trigger>
-         <dcc-trigger link="register.html" label="Register"></dcc-trigger>
-      </div>
-      
-      <div id="signed-user"  style="display:none">
-         <p id="user-id" >User id (e-mail): </p>
-         <p id="user-name" >Name: </p>
-         <div id="signin-register" class="central-buttons">
-            <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
-            <dcc-trigger link="signin.html" label="Change User"></dcc-trigger>
-         </div>
-      </div>
-   </div>
-  
-</div>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/register.js b/notebook/cases/case001-development/html/knots/register.js
deleted file mode 100644
index d29c7c9..0000000
--- a/notebook/cases/case001-development/html/knots/register.js
+++ /dev/null
@@ -1,32 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<div class="panel-left-pict">
-   <div class="panel-left-pict-image">
-      <img  src="images/entrance.jpg">
-   </div>
-
-   <div class="panel-left-pict-text">
-      <h1>Registration</h1>
-      
-      <div id="registration-form">
-        <p>User id (e-mail): <input type="text" id="idInput"></input></p>
-        <p>Name: <input type="text" id="nameInput"></input></p>
-        <p>Age: <input type="text" id="ageInput"></input></p>
-        <div class="central-buttons">
-           <dcc-trigger action="control/register" label="Sign In"></dcc-trigger>
-        </div>
-      </div>
-
-      <div id="signed-user"  style="display:none">
-        <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
-        </div>
-      </div>
-
-      <div id="invalid-id" style="display:none">
-        <p class="alert-message">This id already exists.</p>
-      </div>
-
-      <div id="answer-all" style="display:none">
-        <p class="alert-message">Please, answer all questions.</p>
-      </div>
-   </div>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/report.js b/notebook/cases/case001-development/html/knots/report.js
deleted file mode 100644
index 1cb9e48..0000000
--- a/notebook/cases/case001-development/html/knots/report.js
+++ /dev/null
@@ -1,24 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(` <div id="report-panel"></div>
-<script>
-function produceReport() {
-   const server = new DCCPlayerServer();
-   let output = "";
-   output += "##current-user: " + server.getCurrentUser() + "\n";
-   output += "##running-case: " + server.getRunningCasekey() + "\n";
-   const users = server.getUsers();
-   for (let u in users.ids) {
-       output += "##userid: " + users.ids[u] + "\n";
-       let profile = server.getProfile(users.ids[u]);
-       output += "##profile: " + JSON.stringify(profile) + "\n";
-       if (profile != null) {
-           for (c in profile.cases) {
-               var casetrack = server.getCaseInstance(profile.cases[c]);
-               output += "##case: " + JSON.stringify(casetrack);
-           }
-       }
-   }   
-   document.querySelector("#report-panel").innerHTML = "<pre>" + output + "</pre>";
-}
-produceReport();
- </script>
-`) })();
\ No newline at end of file
diff --git a/notebook/cases/case001-development/html/knots/signin.js b/notebook/cases/case001-development/html/knots/signin.js
deleted file mode 100644
index d81bb01..0000000
--- a/notebook/cases/case001-development/html/knots/signin.js
+++ /dev/null
@@ -1,29 +0,0 @@
-(function() { PlayerManager.instance().presentKnot(`<div class="panel-left-pict">
-   <div class="panel-left-pict-image">
-      <img  src="images/entrance.jpg">
-   </div>
-
-   <div class="panel-left-pict-text">
-      <h1>Sign In</h1>
-      <div id="request-id">
-        <p>User id (e-mail): <input type='text' id="idInput"></input></p>
-        <div class="central-buttons">
-           <dcc-trigger action="control/signin" label="Sign In"></dcc-trigger>
-        </div>
-      </div>
-
-      <div id="signed-user" style="display:none">
-        <p id="user-name" >Welcome </p>
-        <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
-        </div>
-      </div>
-
-      <div id="invalid-id" style="display:none">
-        <p class="alert-message">Invalid user id (e-mail). Please, register if you are a new user.</p>
-        <div class="central-buttons">
-           <dcc-trigger link="register.html" label="Register"></dcc-trigger>
-        </div>
-      </div>
-   </div>
-</div>`) })();
\ No newline at end of file
diff --git a/notebook/cases/case999-design/case.md b/notebook/cases/case999-design/case.md
new file mode 100644
index 0000000..383281b
--- /dev/null
+++ b/notebook/cases/case999-design/case.md
@@ -0,0 +1 @@
+# Knot 01
diff --git a/notebook/dccs/components/dcc-input.js b/notebook/dccs/components/dcc-input.js
index f48326f..4c5c0b4 100644
--- a/notebook/dccs/components/dcc-input.js
+++ b/notebook/dccs/components/dcc-input.js
@@ -15,17 +15,7 @@ class DCCInput extends DCCBlock {
       super.connectedCallback();
       
       window.messageBus.ext.publish("var/" + this.variable + "/input/ready", DCCInput.elementTag);
-
-      // window.messageBus.ext.subscribe("get-input/" + this.variable, this.submitInput);
-      // window.messageBus.ext.subscribe("checkout", this.submitInput);
-   }
-   
-   /*
-   submitInput(topic, message) {
-      const value = document.querySelector("#" + this.variable).value;
-      window.messageBus.ext.publish("input/" + this.variable, value);
    }
-   */
    
    /*
     * Property handling
diff --git a/notebook/dccs/components/dcc-notice-input.js b/notebook/dccs/components/dcc-notice-input.js
new file mode 100644
index 0000000..9a009c8
--- /dev/null
+++ b/notebook/dccs/components/dcc-notice-input.js
@@ -0,0 +1,137 @@
+/* Notice Input DCC
+  *****************/
+class DCCNoticeInput extends DCCBase {
+   constructor() {
+      super();
+   }
+   
+   connectedCallback() {
+      let templateHTML = 
+         `<style>
+            .dsty-border-notice {
+               border-radius: 1px;
+               box-shadow: 0px 0px 0px 20px rgba(0,0,0,0.5);
+               margin: 15px;
+            }
+            .dsty-border {
+               border: 1px solid black;
+               border-radius: 5px;
+               margin: 5px;
+            }
+            .dsty-notice {
+               position: absolute;
+               margin: auto;
+               top: 0;
+               right: 0;
+               bottom: 0;
+               left: 0;
+               width: [width]px;
+               height: [height]px;
+               overflow: hidden;
+               display: flex;
+               background: white;
+               flex-direction: column;
+            }
+            .dsty-text {
+               flex: 100px;
+               min-height: 50px;
+               max-height: 300px;
+            }
+            .dsty-input {
+               flex: 50px;
+               min-height: 30px;
+               max-height: 50px;
+            }
+            .dsty-submit-button {
+               background-color: #383f4f;
+               color: #e0e9ce;
+               padding: 14px 25px;
+               text-align: center;
+               text-decoration: none;
+               display: inline-block;
+            }
+            .dsty-submit-button:hover {
+               color: white;
+               cursor: pointer;
+            }
+       </style>
+       <div id="presentation-dcc" class="dsty-notice dsty-border-notice">
+          <div id="text" class="dsty-text dsty-border">[text]</div>
+          <input id="input" class="dsty-input dsty-border"[display]></input>
+          <div id="submit-button" class="dsty-submit-button">[button]</div>
+       </div>`;
+      
+      const dialogSize = {
+         width: 400,
+         height: 250
+      };
+      
+      if (!this.hasAttribute("button"))
+         this.button = (this.hasAttribute("input")) ? "Submit" : "Ok";
+      
+      const displayInput = (this.hasAttribute("input")) ? "" : " style='display:none'";
+
+      // building the template
+      const template = document.createElement("template");
+      template.innerHTML = templateHTML
+                              .replace("[width]", dialogSize.width)
+                              .replace("[height]", dialogSize.height)
+                              .replace("[text]", this.text)
+                              .replace("[display", displayInput)
+                              .replace("[button]", this.button);
+      this._shadow = this.attachShadow({mode: "open"});
+      this._shadow.appendChild(template.content.cloneNode(true));
+      
+      this._inputField = this._shadow.querySelector("#input");
+      
+      const submitButton = this._shadow.querySelector("#submit-button");
+      this._notify = this._notify.bind(this);
+      submitButton.addEventListener("click", this._notify);
+   }
+   
+   /* Properties
+    **********/
+    
+    static get observedAttributes() {
+       return ["text", "input", "button"];
+    }
+   
+    get text() {
+       return this.getAttribute("text");
+    }
+    
+    set text(newValue) {
+       this.setAttribute("text", newValue);
+       if (this._shadow != null) {
+          this._shadow.querySelector("#text").innerHTML = newValue;
+       }
+    }
+
+    get input() {
+       return this.getAttribute("input");
+    }
+    
+    set input(newValue) {
+       this.setAttribute("input", newValue);
+    }
+
+    get button() {
+       return this.getAttribute("button");
+    }
+    
+    set button(newValue) {
+       this.setAttribute("button", newValue);
+    }
+
+   _notify() {
+      window.messageBus.ext.publish("var/" + this.input + "/set",
+                                    {sourceType: DCCNoticeInput.elementTag,
+                                     input: this._inputField.value});
+   }
+}
+
+(function() {
+   DCCNoticeInput.editableCode = false;
+   DCCNoticeInput.elementTag = "dcc-notice-input";
+   customElements.define(DCCNoticeInput.elementTag, DCCNoticeInput);
+})();
\ No newline at end of file
diff --git a/notebook/dccs/components/dcc-resource-picker.js b/notebook/dccs/components/dcc-resource-picker.js
index 7aaf135..70d3d74 100644
--- a/notebook/dccs/components/dcc-resource-picker.js
+++ b/notebook/dccs/components/dcc-resource-picker.js
@@ -4,7 +4,6 @@ class DCCResourcePicker extends DCCBase {
    constructor() {
       super();
       
-      this._listeners = [];
       this._selectList = null;
       this._listWeb = null;
    }
diff --git a/notebook/dccs/tests/dcc-notice-input.html b/notebook/dccs/tests/dcc-notice-input.html
new file mode 100644
index 0000000..0c5a374
--- /dev/null
+++ b/notebook/dccs/tests/dcc-notice-input.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <meta charset="utf-8"/>
+   <title>Image Selector DCC</title>
+   
+   <link title="Standard Stylesheet" rel="stylesheet" type="text/css" href="css/tests.css">
+
+   <script src="../../infra/bus.js"></script>
+   <script src="../../infra/bus-server-address.js"></script>
+
+   <script src="../components/dcc-base.js"></script>
+   <script src="../components/dcc-system.js"></script>
+   <script src="../components/dcc-notice-input.js"></script>
+   
+   <script>
+      function prepareInput() {
+         window.messageBus.ext.subscribe("var/name/set", showInput);
+      }
+      
+      function showInput(topic, message) {
+         console.log("Input: " + message.input);
+      }
+   </script>
+</head>
+<body onload="prepareInput()">
+   <div class="scene-screen">
+      <dcc-notice-input id="notice-input" text="Type your name:" input="name"></dcc-notice-input>
+   </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/notebook/dccs/tests/dcc-resource-selector.html b/notebook/dccs/tests/dcc-resource-picker.html
similarity index 90%
rename from notebook/dccs/tests/dcc-resource-selector.html
rename to notebook/dccs/tests/dcc-resource-picker.html
index 11a44e1..b120cd9 100644
--- a/notebook/dccs/tests/dcc-resource-selector.html
+++ b/notebook/dccs/tests/dcc-resource-picker.html
@@ -8,7 +8,7 @@
 
    <script type="text/javascript" src="../components/dcc-base.js"></script>
    <script type="text/javascript" src="../components/dcc-system.js"></script>
-   <script type="text/javascript" src="../components/dcc-resource-selector.js"></script>
+   <script type="text/javascript" src="../components/dcc-resource-picker.js"></script>
    
    <script>
       function selectList() {
@@ -21,7 +21,7 @@
 </head>
 <body onload="selectList()">
    <div class="scene-screen">
-      <dcc-resource-selector id="resource-selector" preview/>
+      <dcc-resource-picker id="resource-selector" preview/>
    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/notebook/infra/bus.js b/notebook/infra/bus.js
index c7256b2..d899faa 100644
--- a/notebook/infra/bus.js
+++ b/notebook/infra/bus.js
@@ -41,12 +41,6 @@ class MessageBus {
    }
    
    async publish(topic, message) {
-      /*
-      if (this._externalized)
-         console.log("== external topic: " + topic);
-      else
-         console.log("   -- internal topic: " + topic);
-      */
       for (let l in this._listeners)
          if (this.matchTopic(l, topic))
             this._listeners[l].callback(topic, message);
@@ -62,13 +56,6 @@ class MessageBus {
             extTopic = this._runningCase.runningId + "/" + topic;
          }
          
-         /*
-         console.log("### REST: " + extTopic);
-         console.log(extMessage);
-         
-         console.log("server: " + MessageBus.serverAddress + "/message");
-         */
-         
          const response = await fetch(MessageBus.serverAddress + "/message", {
             method: "POST",
             body: JSON.stringify({"topic": extTopic,
@@ -78,9 +65,7 @@ class MessageBus {
               "Content-Type": "application/json"
             }
           });
-          // console.log(response);
           const status = await response.json();
-          // console.log(status);
       }
    }
    
@@ -109,10 +94,6 @@ class MessageBus {
             resolve({topic: topic, message: message, callback: callback});
          };
          this.subscribe(responseTopic, callback);
-         /*
-         this.subscribe(responseTopic,
-                        (topic, message) => resolve({topic: topic, message: message}));
-         */
          this.publish(requestTopic, requestMessage);
       });
       
@@ -123,6 +104,21 @@ class MessageBus {
               message: returnMessage.message};
    }
 
+   async waitMessage(topic) {
+      let promise = new Promise((resolve, reject) => {
+         const callback = function(topic, message) {
+            resolve({topic: topic, message: message, callback: callback});
+         };
+         this.subscribe(topic, callback);
+      });
+      
+      let returnMessage = await promise;
+      this.unsubscribe(topic, returnMessage.callback);
+      
+      return {topic: returnMessage.topic,
+              message: returnMessage.message};
+   }
+
    /* Message analysis services */
    
    static _convertRegExp(filter) {
diff --git a/notebook/models/blank/case.md b/notebook/models/blank/case.md
new file mode 100644
index 0000000..298f9cd
--- /dev/null
+++ b/notebook/models/blank/case.md
@@ -0,0 +1 @@
+# Knot 1
diff --git a/notebook/server/notebook-server-local-tests.ipynb b/notebook/server/notebook-server-local-tests.ipynb
index 7c8db4e..ad7d6da 100644
--- a/notebook/server/notebook-server-local-tests.ipynb
+++ b/notebook/server/notebook-server-local-tests.ipynb
@@ -11,7 +11,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 2,
+   "execution_count": 1,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -21,16 +21,25 @@
     "from notebookServer import NotebookDM"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Template Famlies List"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 2,
-   "metadata": {},
+   "metadata": {
+    "scrolled": true
+   },
    "outputs": [
     {
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "['classic', 'jacinto']\n"
+      "['classic', 'jacinto', 'zombie']\n"
      ]
     }
    ],
@@ -39,6 +48,31 @@
     "print(dataman.templateFamiliesList())"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Models List"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "['blank']\n"
+     ]
+    }
+   ],
+   "source": [
+    "dataman = NotebookDM()\n",
+    "print(dataman.modelsList())"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
@@ -46,6 +80,23 @@
     "# Case List"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "dataman = NotebookDM()\n",
+    "print(dataman.casesList())"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# New Blank Case"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 2,
@@ -55,13 +106,13 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "['case004-cabot', 'case001-development', 'case005', 'case002-original-forklift', 'case003-zombie-health']\n"
+      "_temporary\n"
      ]
     }
    ],
    "source": [
     "dataman = NotebookDM()\n",
-    "print(dataman.casesList())"
+    "print(dataman.newCase())"
    ]
   },
   {
@@ -82,13 +133,13 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "{\"caseMd\": \"== Case 001 (presentation) ==\\nMan, 51 years old, present to an emergency department complaining of chest pain.\\n![Forklift](images/patient-in-bed.svg)\\n++ Start -> Level 1\\n\\n== Level 1 (dialog) ==\\n:Nurse: Doctor, we have a man (51 years old) who entered the emergency department reporting chest pain. His vital signs are ABP: 144x92mmHG; HR: 78bpm; RR: 21rpm; Temp: 37oC; O2Sat: 98%.\\n\\n:Doctor: Let\\u2019s go!\\n\\n:Patient: Doctor, I am feeling chest pain since yesterday. The pain is continuous and is located just in the middle of my chest, worsening when I breathe and when I lay down on my bed. I suffer from arterial hypertension and smoke 20 cigarettes every day. My father had a \\u201cheart attack\\u201d at my age and I am very worried about it. \\n\\n:Doctor: I did a physical examination and the cardiac and pulmonary auscultation are normal; chest pain does not worse with palpation of the thorax; there is no jugular stasis nor lower limb edema.\\n\\n:Jacinto: What do you want to do?\\n\\n++ Generate hypothesis (control) -> Generate hypothesis 1\\n++ More information (control) -> More information 1\\n++ Call the supervisor (control) -> Call the supervisor 1\\n\\n== Generate hypothesis 1 (tablet) ==\\nWhat is your main diagnostic hypothesis?\\n{?1 hypothesis:mesh}\\n\\n++ Submit hypothesis -> Check hypothesis 1\\n\\n== More information 1 (presnotice) ==\\nThe patient never felt chest pain before. He exercises regularly and has lost weight in the last three months. He takes amlodipine and losartan regularly.\\n\\nTwo weeks ago, he had an auto-limited gastroenteritis episode. He denies recent travels and surgery .\\n\\n== Call the supervisor 1 ==\\nHi! I am glad that you called me. Chest pain is an important complaint at the emergency department and we have to exclude the fatal causes: myocardial infarction (MI), acute aortic dissection (AAD), pulmonary embolism PE), hypertensive pneumothorax (HP), and Boerhaave Syndrome (BS).\\n\\nThe best way to find out what is happening with your patient, my young padawan, is to gather as much information as possible through history taking and physical examination. We need to search for the signs and symptoms that can guide our clinical reasoning process by changing the pre-test probabilities of each disease.\\n\\nDo you know the concept of Likelihood ratio (LR)? -> Likelihood Ratio\\n\\n++ Clinical History Myocardial Infarction\\n++ Physical Examination Myocardial Infarction\\n++ Clinical History Aortic Dissection\\n++ Physical Examination Aortic Dissection\\n++ Pulmonary Embolism Wells Criteria\\n++ Back to the Case -> Level 1\\n\\n\\nHypertensive pneumothorax is more common in tall and thin young adults (primary pneumothorax) or in patients with chronic pulmonary diseases or chest trauma (secondary pneumothorax). On physical examination, we expect asymmetry in lung auscultation and the trachea may be dislocated to the contralateral side of the pneumothorax.\\n\\nBoerhaave Syndrome is more common in patients who presented vomiting before the chest pain started, were submitted to endoscopic procedures or had chest trauma.\\n\\nHow does this information can help you to solve your case?\\n\\n== Likelihood Ratio (notice) ==\\n\\nLikelihood ratio (LR) - like sensitivity and specificity, LR describe the discriminatory power of features in a clinical context, estimating the probability of disease. When the LR is higher than 1, the feature increases the probability; when lower than 1, reduces it.\\n\\n== Clinical History Myocardial Infarction (notice) ==\\n![Clinical History Myocardial Infarction](images/ebm-clinical-history-myocardial-infarction.png)\\n\\n== Physical Examination Myocardial Infarction (notice) ==\\n![Physical Examination Myocardial Infarction](images/ebm-physical-examination-myocardial-infarction.png)\\n\\n== Clinical History Aortic Dissection (notice) ==\\n![Clinical History Aortic Dissection](images/ebm-clinical-history-aortic-dissection.png)\\n\\n== Physical Examination Aortic Dissection (notice) ==\\n![Physical Examination Aortic Dissection](images/ebm-physical-examination-aortic-dissection.png)\\n\\n== Pulmonary Embolism Wells Criteria (notice) ==\\n![Pulmonary Embolism Wells Criteria](images/ebm-pulmonary-embolism-wells-criteria.png)\\n\\n== Check hypothesis 1 (tablet) ==\\n\\nLet us check out your hypothesis.\\n\\nIn the next screen, highlight in green the findings that corroborate your hypothesis, \\nin blue those that are neutral and in red the ones speaking against your hypothesis.\\n\\n++ Proceed -> Check hypothesis 1b\\n\\n== Check hypothesis 1b (selector) ==\\n\\n{{symptoms#contribution to diagnostics: ,+,=,-;lightgrey,green,blue,red\\nNurse: Doctor, please you have to evaluate a {man(male)} ({51 years-old(aging=51)#=}) who entered the emergency department reporting {chest pain#=}.His vital signs are {ABP: 144x92mmHG#=}; {HR: 78bpm#=}; {RR: 21rpm#=}; {Temp: 37oC#=}; {O2Sat: 98%#=}.\\n\\nPatient: Doctor, I am feeling chest pain since yesterday. The {pain is continuous#=} and {is located just in the middle of my chest#=}, {worsening when I breathe#+} and {when I lay down on my bed#+}. I have {arterial hypertension#-} and {I smoke 20 cigarettes(smoking=20/day)#-} every day. {My father had a \\\"heart attack\\\"#-} at my age and I am very worried about it.\\n\\nYou perform physical examination: {cardiac and pulmonary auscultation are normal#-}; {chest pain does not worse with palpation of the thorax#=}; {there is no jugular stasis#=} {nor lower limb edema#=}.\\n}}\\n++ Submit -> Order EKG \\n\\n== Order EKG ==\\nOur patient denies any recent long trip, immobilization or surgery.\\n\\nThe blood pressure is symmetric in the four limbs. \\n\\nGame: What do you want to do?\\n++ Generate hypothesis -> Generate hypothesis 2\\n++ Get more information -> More information 2\\n++ Call the supervisor -> Call the supervisor 2\\n\\nEKG:\\n\\n![EKG](images/ekg-original.png)\\n\\n== Generate hypothesis 2 (tablet) ==\\nWhat is your main diagnostic hypothesis?\\n{?1 hypothesis:mesh}\\n++ Submit hypothesis -> Check hypothesis 2\\n\\n== More information 2 (notice) ==\\n\\nEKG description\\n![EKG Description](images/ekg-description.png)\\n\\n++ EKG Analysis\\n\\n== EKG Analysis (notice) ==\\n\\nImage zoom.\\n\\n== Call the supervisor 2 (presnotice) ==\\n![EKG-A](images/ampliacao-eletro.gif)\\n\\nWe did not find features that increase the likelihood of myocardial ischemia. Moreover, our patient has a pleuritic chest pain that gets worse when the patient lays down.\\n\\nIn the EKG we found ST-segment elevation in almost all leads. Also, we found a depression of the PR segment in the DII lead.\\n\\n== Check hypothesis 2 ==\\n![EKG-A](images/ampliacao-eletro.gif)\\n++ Submit -> Final report\\n\\n== Final report ==\\n# Feedback\\nScore: ...\\nEvaluation: ...\\nTwo columns\"}\n"
+      "{\"caseMd\": \"# Knot 01\\n\"}\n"
      ]
     }
    ],
    "source": [
     "dataman = NotebookDM()\n",
-    "result = dataman.loadCase(\"case001-development\")\n",
+    "result = dataman.loadCase(\"_temporary\")\n",
     "print(json.dumps({\"caseMd\": result}))"
    ]
   },
@@ -101,17 +152,9 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 2,
+   "execution_count": null,
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "{\"versionFile\": \"case_2019-01-30-14-54-36_b9f6a25c-24af-11e9-8467-a088b44f5e74.md\"}\n"
-     ]
-    }
-   ],
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "md = \"== Case Test ==\\nThis is a case test.\"\n",
@@ -123,22 +166,40 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# Load Capsule"
+    "# Rename Case"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": 2,
    "metadata": {},
    "outputs": [
     {
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "{\"capsule\": \"<!DOCTYPE html>\\n<html>\\n<head>\\n   <meta charset=\\\"utf-8\\\"/>\\n   <title>Knot Capsule</title>\\n\\n   <link rel=\\\"stylesheet\\\" href=\\\"../player/css/player.css\\\">\\n   <link rel=\\\"stylesheet\\\" href=\\\"../templates/classic/css/presentation.css\\\">\\n   <link rel=\\\"stylesheet\\\" href=\\\"../templates/classic/css/templates.css\\\">\\n   \\n   <script src=\\\"../infra/utils.js\\\"></script>\\n   <script src=\\\"../infra/bus.js\\\"></script>\\n   <script src=\\\"../infra/bus-server-address.js\\\"></script>\\n\\n   <script type=\\\"text/javascript\\\" src=\\\"../player/js/tracker.js\\\"></script>\\n   <script type=\\\"text/javascript\\\" src=\\\"../player/js/state.js\\\"></script>\\n   <script type=\\\"text/javascript\\\" src=\\\"../player/js/dcc-player-server-proxy.js\\\"></script>\\n   <script type=\\\"text/javascript\\\" src=\\\"../player/js/player.js\\\"></script>\\n   <script type=\\\"text/javascript\\\" src=\\\"../player/js/case.js\\\"></script>\\n\\n   <script src=\\\"../dccs/components/dcc-base.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-expression.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-block.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-trigger.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-character.js\\\"></script>\\n   <script src=\\\"../dccs/components/editable/dcc-character-editable.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-lively-dialog.js\\\"></script>\\n   <script src=\\\"../dccs/components/editable/dcc-lively-dialog-editable.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-resource-picker.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-state-selector.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-image-marker.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-styler.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-dialog.js\\\"></script>\\n   <script src=\\\"../dccs/components/dcc-input.js\\\"></script>\\n   <script src=\\\"../dccs/dcc-report.js\\\"></script>\\n</head>\\n<body>\\n   <div id=\\\"main-panel\\\" class=\\\"sty-main-panel\\\">\\n      {knot}\\n   </div>\\n</body>\\n</html>\"}\n"
+      "ok\n"
      ]
     }
    ],
+   "source": [
+    "dataman = NotebookDM()\n",
+    "result = dataman.renameCase(\"_temporary\", \"case015-hello\")\n",
+    "print(result)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Load Capsule"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "result = dataman.loadKnotCapsule()\n",
@@ -154,17 +215,9 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": null,
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "{\"template\": \"{knot}\\n<dcc-trigger action=\\\"previous-knot\\\" label=\\\"Previous Knot\\\"  image=\\\"images/icon-back.svg\\\" location=\\\"player-panel\\\"></dcc-trigger>\"}\n"
-     ]
-    }
-   ],
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "result = dataman.loadTemplate(\"classic\", \"notice\")\n",
@@ -180,17 +233,9 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": null,
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "{\"template\": \"\"}\n"
-     ]
-    }
-   ],
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "result = dataman.loadTemplate(\"classic\", \"information\")\n",
@@ -213,14 +258,14 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "{\"status\": \"ok\"}\n"
+      "/home/santanche/git/case-notebook/notebook/cases/case001-development\n"
      ]
     }
    ],
    "source": [
     "dataman = NotebookDM()\n",
-    "dataman.prepareCaseHTML(\"jacinto\", \"case001-development\")\n",
-    "print(json.dumps({\"status\": \"ok\"}))"
+    "result = dataman.prepareCaseHTML(\"jacinto\", \"case001-development\")\n",
+    "print(result)"
    ]
   },
   {
@@ -232,17 +277,9 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": null,
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "{\"status\": \"ok\"}\n"
-     ]
-    }
-   ],
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "html = \"<html><body><h1>This is a test</h1></body></html>\"\n",
@@ -259,17 +296,9 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 2,
+   "execution_count": null,
    "metadata": {},
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "{\"status\": \"ok\"}\n"
-     ]
-    }
-   ],
+   "outputs": [],
    "source": [
     "dataman = NotebookDM()\n",
     "js = \"// some JS script\"\n",
diff --git a/notebook/server/notebook-server-rest.ipynb b/notebook/server/notebook-server-rest.ipynb
index 6732c95..6684978 100644
--- a/notebook/server/notebook-server-rest.ipynb
+++ b/notebook/server/notebook-server-rest.ipynb
@@ -36,6 +36,18 @@
     "print(json.dumps({'templateFamiliesList': dataman.templateFamiliesList()}))"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# POST /models-list\n",
+    "req = json.loads(REQUEST)\n",
+    "dataman = NotebookDM()\n",
+    "print(json.dumps({'modelsList': dataman.modelsList()}))"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -48,6 +60,19 @@
     "print(json.dumps({'casesList': dataman.casesList()}))"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# POST /new-case\n",
+    "req = json.loads(REQUEST)\n",
+    "dataman = NotebookDM()\n",
+    "result = dataman.newCase()\n",
+    "print(json.dumps({'caseName': result}))"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -81,6 +106,23 @@
     "print(json.dumps({\"versionFile\": versionFile}))"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# POST /rename-case\n",
+    "req = json.loads(REQUEST)\n",
+    "body = req['body']\n",
+    "oldName = body['oldName']\n",
+    "newName = body['newName']\n",
+    "\n",
+    "dataman = NotebookDM()\n",
+    "status = dataman.renameCase(oldName, newName)\n",
+    "print(json.dumps({\"status\": status}))"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -125,8 +167,8 @@
     "caseName = body['caseName']\n",
     "\n",
     "dataman = NotebookDM()\n",
-    "dataman.prepareCaseHTML(templateFamily, caseName)\n",
-    "print(json.dumps({\"status\": \"ok\"}))"
+    "result = dataman.prepareCaseHTML(templateFamily, caseName)\n",
+    "print(json.dumps({\"directory\": result}))"
    ]
   },
   {
diff --git a/notebook/server/notebookServer.py b/notebook/server/notebookServer.py
index 8a054e1..35bc679 100644
--- a/notebook/server/notebookServer.py
+++ b/notebook/server/notebookServer.py
@@ -4,43 +4,77 @@
 import uuid
 import datetime
 
+# <MIGRATION> parts of this code indicated with the <MIGRATION> tah
+#             are temporary solutions during migration to harena-space
 class NotebookDM(object):
     
+   DIR_MODELS = "../models/"
    DIR_CASES = "../cases/"
    DIR_SHARED = "../shared/"
-   DIR_PLAYER = "../player/"
+   DIR_PLAYER = "../../../harena-space/player/" # <MIGRATION>
    DIR_INFRA = "../infra/"
    DIR_TEMPLATES = "../templates/"
    DIR_DCCS = "../dccs/components/"
-   DIR_AUTHOR = "../author/"
+   DIR_AUTHOR = "../../../harena-space/author/" # <MIGRATION>
+   
    FILE_CASE_NAME = "case"
    FILE_CASE_EXTENSION = ".md"
    FILE_CASE = FILE_CASE_NAME + FILE_CASE_EXTENSION
    FILE_PLAYER = "index.html"
    FILE_CAPSULE = "knot-capsule.html"
+   
+   BLANK_MODEL = "blank"
+   TEMPORARY_CASE = "_temporary"
     
    def templateFamiliesList(self):
        directories = glob.glob(NotebookDM.DIR_TEMPLATES + "*/")
        directories = [d.replace("\\", "/") for d in directories]  # adaptation for Windows
        directories = [d.replace(NotebookDM.DIR_TEMPLATES, "") for d in directories]
+       directories.sort()
+       return [d.replace("/", "") for d in directories]
+    
+   def modelsList(self):
+       directories = glob.glob(NotebookDM.DIR_MODELS + "*/")
+       directories = [d.replace("\\", "/") for d in directories]  # adaptation for Windows
+       directories = [d.replace(NotebookDM.DIR_MODELS, "") for d in directories]
+       directories.sort()
        return [d.replace("/", "") for d in directories]
 
    def casesList(self):
        directories = glob.glob(NotebookDM.DIR_CASES + "*/")
        directories = [d.replace("\\", "/") for d in directories]  # adaptation for Windows
        directories = [d.replace(NotebookDM.DIR_CASES, "") for d in directories]
-       return [d.replace("/", "") for d in directories]
+       directories = [d.replace("/", "") for d in directories]
+       if NotebookDM.TEMPORARY_CASE in directories:
+          directories.remove(NotebookDM.TEMPORARY_CASE)
+       directories.sort()
+       return directories
+    
+   def newCase(self):
+       temporaryCase = NotebookDM.DIR_CASES + NotebookDM.TEMPORARY_CASE
+      
+       if os.path.isdir(temporaryCase):
+          shutil.rmtree(temporaryCase)
+       shutil.copytree(NotebookDM.DIR_MODELS + NotebookDM.BLANK_MODEL,
+                       temporaryCase)
+       
+       return NotebookDM.TEMPORARY_CASE
     
    def loadCase(self, caseName):
        caseDir = NotebookDM.DIR_CASES + caseName + "/"
        
        # build an author images directory combining cases and shared images
+       # <MIGRATION>
        authorImages = NotebookDM.DIR_AUTHOR + "images"
        if os.path.isdir(authorImages):
           shutil.rmtree(authorImages)
-       shutil.copytree(caseDir + "images", authorImages)
+       if os.path.isdir(caseDir + "images"):
+          shutil.copytree(caseDir + "images", authorImages)
+       else:
+          os.mkdir(authorImages)
        for fi in glob.glob(NotebookDM.DIR_SHARED + "images/*"):
           shutil.copy2(fi, authorImages)
+       # </MIGRATION>
        
        # retrieve the case file
        caseMd = open(NotebookDM.DIR_CASES + caseName + "/" + NotebookDM.FILE_CASE, "r", encoding="utf-8")
@@ -69,6 +103,15 @@ def saveCase(self, caseName, content):
       
       return versionFile
         
+   def renameCase(self, oldName, newName):
+       status = "ok"
+       if os.path.isdir(NotebookDM.DIR_CASES + newName):
+          status = "duplicate"
+       else:
+          os.rename(NotebookDM.DIR_CASES + oldName, NotebookDM.DIR_CASES + newName)
+       
+       return status
+    
    def loadKnotCapsule(self):
      capsuleFile = open(NotebookDM.DIR_AUTHOR + NotebookDM.FILE_CAPSULE,
                          "r", encoding="utf-8")
@@ -118,19 +161,8 @@ def prepareCaseHTML(self, templateFamily, caseName):
             shutil.copy2(fi, caseDir + "html/images")
       for fi in glob.glob(NotebookDM.DIR_SHARED + "images/*"):
          shutil.copy2(fi, caseDir + "html/images")
-      
-      # copy general case start files to the case directory
-      # playerTemplateFile = open(
-      #    NotebookDM.DIR_PLAYER + NotebookDM.FILE_PLAYER, "r", encoding="utf-8")
-      # playerTemplate = playerTemplateFile.read();
-      # playerTemplateFile.close()
-      # files = ["index", "signin", "register", "report"]
-      # for f in files:
-      #    htmlSourceFile = open((NotebookDM.DIR_TEMPLATES + templateFamily + "/" + "{}.html").format(f), "r", encoding="utf-8")
-      #    htmlTargetFile = open((caseDir + "html/{}.html").format(f), "w", encoding="utf-8")
-      #    htmlTargetFile.write(playerTemplate.format(knot = htmlSourceFile.read()))
-      #    htmlSourceFile.close()
-      #    htmlTargetFile.close()
+
+      return os.path.abspath(caseDir);
         
    def saveKnotHTML(self, caseName, htmlName, content):
       self.saveFile(NotebookDM.DIR_CASES + caseName + "/html/knots/" + htmlName, content)
diff --git a/notebook/templates/classic/css/templates.css b/notebook/templates/classic/css/templates.css
index d5adccd..fc21ec9 100644
--- a/notebook/templates/classic/css/templates.css
+++ b/notebook/templates/classic/css/templates.css
@@ -1,5 +1,35 @@
 @charset "UTF-8";
 
+/* Knot (template) */
+/*******************/
+
+.template-knot {
+   display: flex;
+   flex-direction: column;
+   font-size: 20pt;
+   width: 100%;
+   height: 100%;
+   padding: 20px;
+}
+
+.template-knot p {
+   margin-top: 5px;
+   margin-bottom: 5px;
+   margin-left: 0px;
+   margin-right: 0px;   
+}
+
+.template-knot img {
+   max-width: 200px;
+   max-height: 200px;   
+}
+
+.template-knot dcc-trigger {
+  display: block;
+  flex: 10%;
+  max-width: 50%;
+}
+
 /* Panel Left Picture (template) */
 /*********************************/
 
diff --git a/notebook/templates/classic/entry.html b/notebook/templates/classic/entry.html
index 96b785f..1f41665 100644
--- a/notebook/templates/classic/entry.html
+++ b/notebook/templates/classic/entry.html
@@ -15,12 +15,10 @@ <h1>Welcome to Phil Muchbetter</h1>
          <p id="user-id" >User id (e-mail): </p>
          <p id="user-name" >Name: </p>
          <div id="signin-register" class="central-buttons">
-            <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
+            <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
             <dcc-trigger link="signin" label="Change User"></dcc-trigger>
          </div>
       </div>
    </div>
-   
-   <script type="text/javascript">PlayerManager.instance().startGame();</script>
   
 </div>
diff --git a/notebook/templates/classic/knot.html b/notebook/templates/classic/knot.html
index 0e9a517..9b94125 100644
--- a/notebook/templates/classic/knot.html
+++ b/notebook/templates/classic/knot.html
@@ -1 +1,7 @@
-{knot}
\ No newline at end of file
+<svg width="100%" height="100%" viewBox="0 0 1380.8701 700">
+    <foreignObject width="100%" height="100%">
+        <div class="template-knot">
+        {knot}
+        </div>
+    </foreignObject>
+</svg>
\ No newline at end of file
diff --git a/notebook/templates/classic/register.html b/notebook/templates/classic/register.html
index 701a230..4f6c388 100644
--- a/notebook/templates/classic/register.html
+++ b/notebook/templates/classic/register.html
@@ -11,13 +11,13 @@ <h1>Registration</h1>
         <p>Name: <input type="text" id="nameInput"></input></p>
         <p>Age: <input type="text" id="ageInput"></input></p>
         <div class="central-buttons">
-           <dcc-trigger action="control/register" label="Sign In"></dcc-trigger>
+           <dcc-trigger action="control/register" label="Register"></dcc-trigger>
         </div>
       </div>
 
       <div id="signed-user"  style="display:none">
         <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
+           <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
         </div>
       </div>
 
diff --git a/notebook/templates/classic/report.html b/notebook/templates/classic/report.html
index 5aebd84..c3154c7 100644
--- a/notebook/templates/classic/report.html
+++ b/notebook/templates/classic/report.html
@@ -1,4 +1,23 @@
-<dcc-report character="Lucinda" role="nurse" 
-         image="images/nurse.png"
-         description="Head nurse of the hospital.">
-</dcc-report>
\ No newline at end of file
+ <div id="report-panel"></div>
+<script>
+function produceReport() {
+   const server = new DCCPlayerServer();
+   let output = "";
+   output += "##current-user: " + server.getCurrentUser() + "\n";
+   output += "##running-case: " + server.getRunningCasekey() + "\n";
+   const users = server.getUsers();
+   for (let u in users.ids) {
+       output += "##userid: " + users.ids[u] + "\n";
+       let profile = server.getProfile(users.ids[u]);
+       output += "##profile: " + JSON.stringify(profile) + "\n";
+       if (profile != null) {
+           for (c in profile.cases) {
+               var casetrack = server.getCaseInstance(profile.cases[c]);
+               output += "##case: " + JSON.stringify(casetrack);
+           }
+       }
+   }   
+   document.querySelector("#report-panel").innerHTML = "<pre>" + output + "</pre>";
+}
+produceReport();
+ </script>
diff --git a/notebook/templates/classic/signin.html b/notebook/templates/classic/signin.html
index a0bf0e5..8010887 100644
--- a/notebook/templates/classic/signin.html
+++ b/notebook/templates/classic/signin.html
@@ -15,7 +15,7 @@ <h1>Sign In</h1>
       <div id="signed-user" style="display:none">
         <p id="user-name" >Welcome </p>
         <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
+           <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
         </div>
       </div>
 
diff --git a/notebook/templates/jacinto/entry.html b/notebook/templates/jacinto/entry.html
index e10f1cc..1f41665 100644
--- a/notebook/templates/jacinto/entry.html
+++ b/notebook/templates/jacinto/entry.html
@@ -7,16 +7,16 @@
       <h1>Welcome to Phil Muchbetter</h1>
 
       <div id="signin-register" class="central-buttons" style="display:none">
-         <dcc-trigger link="signin.html" label="Sign In"></dcc-trigger>
-         <dcc-trigger link="register.html" label="Register"></dcc-trigger>
+         <dcc-trigger link="signin" label="Sign In"></dcc-trigger>
+         <dcc-trigger link="register" label="Register"></dcc-trigger>
       </div>
       
       <div id="signed-user"  style="display:none">
          <p id="user-id" >User id (e-mail): </p>
          <p id="user-name" >Name: </p>
          <div id="signin-register" class="central-buttons">
-            <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
-            <dcc-trigger link="signin.html" label="Change User"></dcc-trigger>
+            <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
+            <dcc-trigger link="signin" label="Change User"></dcc-trigger>
          </div>
       </div>
    </div>
diff --git a/notebook/templates/jacinto/register.html b/notebook/templates/jacinto/register.html
index 701a230..4f6c388 100644
--- a/notebook/templates/jacinto/register.html
+++ b/notebook/templates/jacinto/register.html
@@ -11,13 +11,13 @@ <h1>Registration</h1>
         <p>Name: <input type="text" id="nameInput"></input></p>
         <p>Age: <input type="text" id="ageInput"></input></p>
         <div class="central-buttons">
-           <dcc-trigger action="control/register" label="Sign In"></dcc-trigger>
+           <dcc-trigger action="control/register" label="Register"></dcc-trigger>
         </div>
       </div>
 
       <div id="signed-user"  style="display:none">
         <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
+           <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
         </div>
       </div>
 
diff --git a/notebook/templates/jacinto/signin.html b/notebook/templates/jacinto/signin.html
index 3b434ba..8010887 100644
--- a/notebook/templates/jacinto/signin.html
+++ b/notebook/templates/jacinto/signin.html
@@ -15,14 +15,14 @@ <h1>Sign In</h1>
       <div id="signed-user" style="display:none">
         <p id="user-name" >Welcome </p>
         <div class="central-buttons">
-           <dcc-trigger action="knot/<</navigate" label="Proceed"></dcc-trigger>
+           <dcc-trigger link="<<" label="Proceed"></dcc-trigger>
         </div>
       </div>
 
       <div id="invalid-id" style="display:none">
         <p class="alert-message">Invalid user id (e-mail). Please, register if you are a new user.</p>
         <div class="central-buttons">
-           <dcc-trigger link="register.html" label="Register"></dcc-trigger>
+           <dcc-trigger link="register" label="Register"></dcc-trigger>
         </div>
       </div>
    </div>
diff --git a/notebook/translator/translator.js b/notebook/translator/translator.js
index 071a74d..4dc7545 100644
--- a/notebook/translator/translator.js
+++ b/notebook/translator/translator.js
@@ -175,6 +175,9 @@ class Translator {
       
       let knot = knotSet[knotId];
       
+      if (knot.categories)
+         delete knot.categories;
+      
       let mdfocus = knot._preparedSource;
       knot.content = [];
       let compiledKnot = knot.content;
@@ -213,9 +216,10 @@ class Translator {
             } else
                compiledKnot.push(transObj);
             
-            if (matchStart + matchSize >= mdfocus.length)
+            if (matchStart + matchSize >= mdfocus.length) {
                matchStart = -1;
-            else
+               mdfocus = "";
+            } else
                mdfocus = mdfocus.substring(matchStart + matchSize);
          }
       } while (matchStart > -1);