diff --git a/.circleci/config.yml b/.circleci/config.yml
index b97d187e304..a77d1871691 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -44,12 +44,42 @@ aliases:
     working_directory: ~/repo
 
 jobs:
+  build-test-no-cache:
+    <<: *defaults
+    environment:
+      JEST_JUNIT_OUTPUT_DIR: test-results
+      NODE_OPTIONS: --max-old-space-size=4000
+    steps:
+      - *restore_git_cache
+      - checkout
+      - run: npm ci
+      - run:
+          name: Lint
+          command: npm run test:lint -- --quiet --output-file test-results/eslint-results.xml --format junit
+      - run:
+          name: Unit
+          environment:
+            JEST_JUNIT_OUTPUT_NAME: unit-results.xml
+          command: npm run test:unit -- --reporters="default" --reporters="jest-junit" --coverage --coverageReporters=text --coverageReporters=lcov --maxWorkers="2"
+      - run:
+          name: Build
+          environment:
+            NODE_ENV: production
+          command: npm run build
+      - run:
+          name: Integration
+          environment:
+              JEST_JUNIT_OUTPUT_NAME: integration-results.xml
+          command: npm run test:integration -- --reporters="default" --reporters="jest-junit"
+      - store_artifacts:
+          path: coverage
+      - store_test_results:
+          path: test-results
   setup:
     <<: *defaults
     steps:
       - *restore_git_cache
       - checkout
-      - *restore_npm_cache
       - run: npm ci
       - *save_git_cache
       - *save_npm_cache
@@ -187,9 +217,24 @@ workflows:
           requires:
               - setup
 
+  build-test-no-deploy:
+    jobs:
+      - build-test-no-cache:
+          filters:
+            branches:
+              ignore:
+                - master
+                - develop
+                - /^hotfix\/.*/
   build-test-deploy:
     jobs:
-      - setup
+      - setup:
+          filters:
+            branches:
+              only:
+                - master
+                - develop
+                - /^hotfix\/.*/
       - lint:
           requires:
             - setup
@@ -205,9 +250,21 @@ workflows:
       - store_build:
           requires:
             - build
+          filters:
+            branches:
+              only:
+                - master
+                - develop
+                - /^hotfix\/.*/
       - store_dist:
           requires:
             - build
+          filters:
+            branches:
+              only:
+                - master
+                - develop
+                - /^hotfix\/.*/
       - deploy-npm:
           requires:
             - lint
diff --git a/package-lock.json b/package-lock.json
index 8288fcbcec1..224d175559c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3371,9 +3371,9 @@
       "dev": true
     },
     "@types/babel__core": {
-      "version": "7.1.16",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.16.tgz",
-      "integrity": "sha512-EAEHtisTMM+KaKwfWdC3oyllIqswlznXCIVCt7/oRNrh+DhgT4UEBNC/jlADNjvw7UnfbcdkGQcPVZ1xYiLcrQ==",
+      "version": "7.1.18",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.18.tgz",
+      "integrity": "sha512-S7unDjm/C7z2A2R9NzfKCK1I+BAALDtxEmsJBwlB3EzNfb929ykjL++1CK9LO++EIp2fQrC8O+BwjKvz6UeDyQ==",
       "requires": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0",
@@ -3383,9 +3383,9 @@
       }
     },
     "@types/babel__generator": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.3.tgz",
-      "integrity": "sha512-/GWCmzJWqV7diQW54smJZzWbSFf4QYtF71WCKhcx6Ru/tFyQIY2eiiITcCAeuPbNSvT9YCGkVMqqvSk2Z0mXiA==",
+      "version": "7.6.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
+      "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
       "requires": {
         "@babel/types": "^7.0.0"
       }
@@ -8640,23 +8640,23 @@
       }
     },
     "format-message-formats": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/format-message-formats/-/format-message-formats-6.2.0.tgz",
-      "integrity": "sha512-QP0dl1O9P3fDCG5klj101nfizgiWiv0T+DMNBqwi25FvB1LIenQQW4PpULk5zO5PiOSvmMu5pW4HS542kJRAww=="
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/format-message-formats/-/format-message-formats-6.2.4.tgz",
+      "integrity": "sha512-smT/fAqBLqusWfWCKRAx6QBDAAbmYznWsIyTyk66COmvwt2Byiqd7SJe2ma9a5oV0kwRaOJpN/F4lr4YK/n6qQ=="
     },
     "format-message-interpret": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/format-message-interpret/-/format-message-interpret-6.2.3.tgz",
-      "integrity": "sha512-OoOdB5yHLzW89RwDQW4fj+8p2Eay9Dtmx4B7Tz8C/QQl/j+aVjy65A5xasQhQD+4JumYU/OxMBdjYzBSR8+ivA==",
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/format-message-interpret/-/format-message-interpret-6.2.4.tgz",
+      "integrity": "sha512-dRvz9mXhITApyOtfuFEb/XqvCe1u6RMkQW49UJHXS8w2S8cAHCqq5LNDFK+QK6XVzcofROycLb/k1uybTAKt2w==",
       "requires": {
-        "format-message-formats": "^6.2.0",
+        "format-message-formats": "^6.2.4",
         "lookup-closest-locale": "^6.2.0"
       }
     },
     "format-message-parse": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/format-message-parse/-/format-message-parse-6.2.3.tgz",
-      "integrity": "sha512-ZSL3nZ0zaDktDAGwkoGJ439rS9ZfTcMOrWAVav9BOAoKs0qE2Ozal2H6vVJOuIdDhwaJuFqvJ7fdRSE+qR5oNg=="
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/format-message-parse/-/format-message-parse-6.2.4.tgz",
+      "integrity": "sha512-k7WqXkEzgXkW4wkHdS6Cv2Ou0rIFtiDelZjgoe1saW4p7FT7zS8OeAUpAekhormqzpeecR97e4vBft1zMsfFOQ=="
     },
     "forwarded": {
       "version": "0.1.2",
@@ -14940,20 +14940,20 @@
       }
     },
     "scratch-blocks": {
-      "version": "0.1.0-prerelease.20211022094652",
-      "resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20211022094652.tgz",
-      "integrity": "sha512-0Ng0K3LCjq942QqQHM+G+kTxRmVdkbJldTrsiHJcvpy54OsrxgM2E3bpgFI4VWXqmiQgIzOE9Y5uw/gjKLK0Kw==",
+      "version": "0.1.0-prerelease.20220223064322",
+      "resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20220223064322.tgz",
+      "integrity": "sha512-XBQRyUfGuM9JE9ZJDPij9vM96fMld7LUWx6gjR3sVH3RE0mbbZymsECUPRda1L56V07bozGc3fHmxvvHb2FUtw==",
       "requires": {
         "exports-loader": "0.6.3",
         "google-closure-library": "20190301.0.0",
         "imports-loader": "0.6.5",
-        "scratch-l10n": "3.14.20211022031531"
+        "scratch-l10n": "3.14.20220223031520"
       }
     },
     "scratch-l10n": {
-      "version": "3.14.20211022031531",
-      "resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20211022031531.tgz",
-      "integrity": "sha512-TAC8LJc1PU/cDzbo0b7tVlxHj0pSxerMUabZKoJ3PWASLLoWV2qrAhugqQQv2z1xAdYm6hndEJgUOED+CTt2NA==",
+      "version": "3.14.20220223031520",
+      "resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220223031520.tgz",
+      "integrity": "sha512-dNaf+wAKT7ChtemwJ0MxlzNRWHB4leC+g8ArbVv2ucSlMRDN620k+tYWbrVIJMsaaOZ/dv1BSWofvxsCwp6H1A==",
       "requires": {
         "@babel/cli": "^7.1.2",
         "@babel/core": "^7.1.2",
@@ -14962,9 +14962,9 @@
       }
     },
     "scratch-paint": {
-      "version": "0.2.0-prerelease.20211022045744",
-      "resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20211022045744.tgz",
-      "integrity": "sha512-M7VmHTHxPBj2j0/3TzAfb0BfGwgousXKhmzGKvkViPOW1/RL9mjXycCN5S++km1FdK7hSo0dOWe7zL8h66DMLg==",
+      "version": "0.2.0-prerelease.20211027080909",
+      "resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20211027080909.tgz",
+      "integrity": "sha512-Kgzr9hEE0AYCnMPvs5rhKx3S+h78+HMe0IDoTuEQWG/EyilEeQkITwymkK59ndnsxf0gfQd4pkUi2UjdHQqpBQ==",
       "requires": {
         "@scratch/paper": "0.11.20200728195508",
         "classnames": "2.2.5",
@@ -15064,9 +15064,9 @@
       }
     },
     "scratch-render": {
-      "version": "0.1.0-prerelease.20210819221425",
-      "resolved": "https://registry.npmjs.org/scratch-render/-/scratch-render-0.1.0-prerelease.20210819221425.tgz",
-      "integrity": "sha512-2kB/NKEEqiXmHUDynA2O5tQJFF3o2s3JmcNecjgOCsR+FuthH2oIsHFwKbyLn93hXJICDRRW+oc3ikqj7G5O+w==",
+      "version": "0.1.0-prerelease.20211028200436",
+      "resolved": "https://registry.npmjs.org/scratch-render/-/scratch-render-0.1.0-prerelease.20211028200436.tgz",
+      "integrity": "sha512-6IU0mEQpx5ipm2PsmdJXA/MIbrgq5wisn0rOpmCJZQFssyPyZMeanvh6T9j/VlTn13kiDO+67Do2nKRrZa46bA==",
       "requires": {
         "grapheme-breaker": "0.3.2",
         "hull.js": "0.2.10",
@@ -15147,9 +15147,9 @@
       "integrity": "sha512-r0lvpgQjPMjbhI2wROrgoXzBhCvWJdkbAqJMfl2CdNqrwBpUXqLvNNtI3VtNLPJAcp9VfxEylkU9lVZ0gvU46Q=="
     },
     "scratch-vm": {
-      "version": "0.2.0-prerelease.20211022115153",
-      "resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20211022115153.tgz",
-      "integrity": "sha512-oEoG65HtUkG21llTd6ei9nvP2QWyLmVcgq/j89XNLs1XWufP0gjHlqDEPJ4wkvThTLcGvxpAEjSdimkvXAgE6w==",
+      "version": "0.2.0-prerelease.20220223123949",
+      "resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20220223123949.tgz",
+      "integrity": "sha512-aGNADWsj4pMggxq5uvEK5eZbN6wANcUphJFq3fI0WhepWI7ihrkhKC/klhCjpQtt3jtMfYTj5UCWTOHYB0QkBA==",
       "requires": {
         "@vernier/godirect": "1.5.0",
         "arraybuffer-loader": "^1.0.6",
diff --git a/package.json b/package.json
index 36fd800ee02..8883ed31721 100644
--- a/package.json
+++ b/package.json
@@ -77,10 +77,10 @@
     "redux": "3.7.2",
     "redux-throttle": "0.1.1",
     "scratch-audio": "0.1.0-prerelease.20200528195344",
-    "scratch-blocks": "0.1.0-prerelease.20211022094652",
-    "scratch-l10n": "3.14.20211022031531",
-    "scratch-paint": "0.2.0-prerelease.20211022045744",
-    "scratch-render": "0.1.0-prerelease.20210819221425",
+    "scratch-blocks": "0.1.0-prerelease.20220223064322",
+    "scratch-l10n": "3.14.20220223031520",
+    "scratch-paint": "0.2.0-prerelease.20211027080909",
+    "scratch-render": "0.1.0-prerelease.20211028200436",
     "scratch-render-fonts": "1.0.0-prerelease.20210401210003",
     "scratch-storage": "1.3.5",
     "scratch-svg-renderer": "0.2.0-prerelease.20210727023023",
diff --git a/src/components/monitor/monitor.jsx b/src/components/monitor/monitor.jsx
index 5d52655c0e3..ddb2f2e57b5 100644
--- a/src/components/monitor/monitor.jsx
+++ b/src/components/monitor/monitor.jsx
@@ -108,6 +108,14 @@ const MonitorComponent = props => (
                             id="gui.monitor.contextMenu.export"
                         />
                     </MenuItem>}
+                {props.onHide &&
+                    <BorderedMenuItem onClick={props.onHide}>
+                        <FormattedMessage
+                            defaultMessage="hide"
+                            description="Menu item to hide the monitor"
+                            id="gui.monitor.contextMenu.hide"
+                        />
+                    </BorderedMenuItem>}
             </ContextMenu>
         ), document.body)}
     </ContextMenuTrigger>
@@ -127,6 +135,7 @@ MonitorComponent.propTypes = {
     onDragEnd: PropTypes.func.isRequired,
     onExport: PropTypes.func,
     onImport: PropTypes.func,
+    onHide: PropTypes.func,
     onNextMode: PropTypes.func.isRequired,
     onSetModeToDefault: PropTypes.func,
     onSetModeToLarge: PropTypes.func,
diff --git a/src/components/prompt/prompt.jsx b/src/components/prompt/prompt.jsx
index d60af1f3446..05f2cbbc4c5 100644
--- a/src/components/prompt/prompt.jsx
+++ b/src/components/prompt/prompt.jsx
@@ -30,6 +30,12 @@ const messages = defineMessages({
         description: 'A message that displays in a variable modal when the stage is selected indicating ' +
             'that the variable being created will available to all sprites.',
         id: 'gui.gui.variablePromptAllSpritesMessage'
+    },
+    listAvailableToAllSpritesMessage: {
+        defaultMessage: 'This list will be available to all sprites.',
+        description: 'A message that displays in a list modal when the stage is selected indicating ' +
+            'that the list being created will available to all sprites.',
+        id: 'gui.gui.listPromptAllSpritesMessage'
     }
 });
 
@@ -58,9 +64,15 @@ const PromptComponent = props => (
                 <div>
                     {props.isStage ?
                         <div className={styles.infoMessage}>
-                            <FormattedMessage
-                                {...messages.availableToAllSpritesMessage}
-                            />
+                            {props.showListMessage ? (
+                                <FormattedMessage
+                                    {...messages.listAvailableToAllSpritesMessage}
+                                />
+                            ) : (
+                                <FormattedMessage
+                                    {...messages.availableToAllSpritesMessage}
+                                />
+                            )}
                         </div> :
                         <Box className={styles.optionsRow}>
                             <label>
@@ -141,6 +153,7 @@ PromptComponent.propTypes = {
     defaultValue: PropTypes.string,
     globalSelected: PropTypes.bool.isRequired,
     isStage: PropTypes.bool.isRequired,
+    showListMessage: PropTypes.bool.isRequired,
     label: PropTypes.string.isRequired,
     onCancel: PropTypes.func.isRequired,
     onChange: PropTypes.func.isRequired,
diff --git a/src/containers/blocks.jsx b/src/containers/blocks.jsx
index fee9d26f7b7..25a8ecbb76d 100644
--- a/src/containers/blocks.jsx
+++ b/src/containers/blocks.jsx
@@ -66,6 +66,7 @@ class Blocks extends React.Component {
             'onScriptGlowOff',
             'onBlockGlowOn',
             'onBlockGlowOff',
+            'handleMonitorsUpdate',
             'handleExtensionAdded',
             'handleBlocksInfoUpdate',
             'onTargetsUpdate',
@@ -259,6 +260,7 @@ class Blocks extends React.Component {
         this.props.vm.addListener('VISUAL_REPORT', this.onVisualReport);
         this.props.vm.addListener('workspaceUpdate', this.onWorkspaceUpdate);
         this.props.vm.addListener('targetsUpdate', this.onTargetsUpdate);
+        this.props.vm.addListener('MONITORS_UPDATE', this.handleMonitorsUpdate);
         this.props.vm.addListener('EXTENSION_ADDED', this.handleExtensionAdded);
         this.props.vm.addListener('BLOCKSINFO_UPDATE', this.handleBlocksInfoUpdate);
         this.props.vm.addListener('PERIPHERAL_CONNECTED', this.handleStatusButtonUpdate);
@@ -397,6 +399,24 @@ class Blocks extends React.Component {
         // workspace to be 'undone' here.
         this.workspace.clearUndo();
     }
+    handleMonitorsUpdate (monitors) {
+        // Update the checkboxes of the relevant monitors.
+        // TODO: What about monitors that have fields? See todo in scratch-vm blocks.js changeBlock:
+        // https://github.com/LLK/scratch-vm/blob/2373f9483edaf705f11d62662f7bb2a57fbb5e28/src/engine/blocks.js#L569-L576
+        const flyout = this.workspace.getFlyout();
+        for (const monitor of monitors.values()) {
+            const blockId = monitor.get('id');
+            const isVisible = monitor.get('visible');
+            flyout.setCheckboxState(blockId, isVisible);
+            // We also need to update the isMonitored flag for this block on the VM, since it's used to determine
+            // whether the checkbox is activated or not when the checkbox is re-displayed (e.g. local variables/blocks
+            // when switching between sprites).
+            const block = this.props.vm.runtime.monitorBlocks.getBlock(blockId);
+            if (block) {
+                block.isMonitored = isVisible;
+            }
+        }
+    }
     handleExtensionAdded (categoryInfo) {
         const defineBlocks = blockInfoArray => {
             if (blockInfoArray && blockInfoArray.length > 0) {
@@ -544,6 +564,7 @@ class Blocks extends React.Component {
                     <Prompt
                         defaultValue={this.state.prompt.defaultValue}
                         isStage={vm.runtime.getEditingTarget().isStage}
+                        showListMessage={this.state.prompt.varType === this.ScratchBlocks.LIST_VARIABLE_TYPE}
                         label={this.state.prompt.message}
                         showCloudOption={this.state.prompt.showCloudOption}
                         showVariableOptions={this.state.prompt.showVariableOptions}
diff --git a/src/containers/monitor.jsx b/src/containers/monitor.jsx
index 5f20d69e0ce..2e900a26f81 100644
--- a/src/containers/monitor.jsx
+++ b/src/containers/monitor.jsx
@@ -39,6 +39,7 @@ class Monitor extends React.Component {
         super(props);
         bindAll(this, [
             'handleDragEnd',
+            'handleHide',
             'handleNextMode',
             'handleSetModeToDefault',
             'handleSetModeToLarge',
@@ -115,6 +116,12 @@ class Monitor extends React.Component {
             y: newY
         }));
     }
+    handleHide () {
+        this.props.vm.runtime.requestUpdateMonitor(Map({
+            id: this.props.id,
+            visible: false
+        }));
+    }
     handleNextMode () {
         const modes = availableModes(this.props.opcode);
         const modeIndex = modes.indexOf(this.props.mode);
@@ -210,6 +217,7 @@ class Monitor extends React.Component {
                     onDragEnd={this.handleDragEnd}
                     onExport={isList ? this.handleExport : null}
                     onImport={isList ? this.handleImport : null}
+                    onHide={this.handleHide}
                     onNextMode={this.handleNextMode}
                     onSetModeToDefault={isList ? null : this.handleSetModeToDefault}
                     onSetModeToLarge={isList ? null : this.handleSetModeToLarge}
diff --git a/src/containers/prompt.jsx b/src/containers/prompt.jsx
index 2c06a3e6ccb..474f30d4c27 100644
--- a/src/containers/prompt.jsx
+++ b/src/containers/prompt.jsx
@@ -60,6 +60,7 @@ class Prompt extends React.Component {
                 defaultValue={this.props.defaultValue}
                 globalSelected={this.state.globalSelected}
                 isStage={this.props.isStage}
+                showListMessage={this.props.showListMessage}
                 label={this.props.label}
                 showCloudOption={this.props.showCloudOption}
                 showVariableOptions={this.props.showVariableOptions}
@@ -79,6 +80,7 @@ class Prompt extends React.Component {
 Prompt.propTypes = {
     defaultValue: PropTypes.string,
     isStage: PropTypes.bool.isRequired,
+    showListMessage: PropTypes.bool.isRequired,
     label: PropTypes.string.isRequired,
     onCancel: PropTypes.func.isRequired,
     onOk: PropTypes.func.isRequired,
diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index 1f4512024b2..b9c48850887 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -6,6 +6,9 @@ import {FormattedMessage} from 'react-intl';
 // Intro
 import libraryIntro from './thumbnails/getting-started.jpg';
 
+// Getting Started ASL
+import libraryGettingStartedASL from './thumbnails/getting-started-asl.png';
+
 // Text to Speech
 import libraryTXTSpeech from './thumbnails/text-to-speech.jpg';
 
@@ -113,6 +116,28 @@ export default {
         urlId: 'getStarted'
     },
 
+    'intro-getting-started-ASL': {
+        name: (
+            <FormattedMessage
+                defaultMessage="Getting Started - ASL"
+                description="Name for the 'Getting Started ASL (American Sign Language)' how-to"
+                id="gui.howtos.intro-getting-started-ASL.name"
+            />
+        ),
+        tags: ['help', 'stuck', 'how', 'can', 'say', 'asl', 'deaf', 'accessibile', 'hear'],
+        img: libraryGettingStartedASL,
+        steps: [{
+            video: 'intro-getting-started-ASL'
+        }, {
+            deckIds: [
+                'add-a-backdrop',
+                'add-sprite'
+            ]
+        }
+        ],
+        urlId: 'getting-started-ASL'
+    },
+
     'animate-a-name': {
         name: (
             <FormattedMessage
diff --git a/src/lib/libraries/decks/thumbnails/getting-started-asl.png b/src/lib/libraries/decks/thumbnails/getting-started-asl.png
new file mode 100644
index 00000000000..c6503e92dcd
Binary files /dev/null and b/src/lib/libraries/decks/thumbnails/getting-started-asl.png differ
diff --git a/src/lib/libraries/decks/translate-video.js b/src/lib/libraries/decks/translate-video.js
index 80088a93e37..b5f282e0b9e 100644
--- a/src/lib/libraries/decks/translate-video.js
+++ b/src/lib/libraries/decks/translate-video.js
@@ -39,8 +39,12 @@ const videos = {
         'tr': 'p3g8ek3cuh',
         'vi': 'fetjky76s4'
     },
+    'intro-getting-started-ASL': {
+        en: 'i2g46ikddf'
+    },
     'animate-a-name': {
         'en': 'pyur30ho05',
+        'ar': 'bz5vgtroxs',
         'it': 'c8zcrk6w09',
         'pt': 't49tfrukyf',
         'pt-br': 't49tfrukyf',
diff --git a/src/lib/vm-manager-hoc.jsx b/src/lib/vm-manager-hoc.jsx
index 6fec3087b30..614f370d1cc 100644
--- a/src/lib/vm-manager-hoc.jsx
+++ b/src/lib/vm-manager-hoc.jsx
@@ -57,27 +57,50 @@ const vmManagerHOC = function (WrappedComponent) {
                 this.props.vm.start();
             }
         }
+        getProjectData () {
+            const search = window.location.search.substr(1)
+                .split('&')
+                .reduce((acc, cur) => {
+                    const keyAndValue = cur.split('=');
+                    acc[keyAndValue[0]] = keyAndValue[1];
+                    return acc;
+                }, {});
+            if (search.project) {
+                return fetch(decodeURIComponent(search.project))
+                    .then(response => {
+                        if (!response.ok) {
+                            throw new Error('Project not found.');
+                        }
+                        return response.arrayBuffer();
+                    })
+                    .catch(() => this.props.projectData);
+            }
+            return Promise.resolve(this.props.projectData);
+        }
         loadProject () {
-            return this.props.vm.loadProject(this.props.projectData)
-                .then(() => {
-                    this.props.onLoadedProject(this.props.loadingState, this.props.canSave);
-                    // Wrap in a setTimeout because skin loading in
-                    // the renderer can be async.
-                    setTimeout(() => this.props.onSetProjectUnchanged());
+            return this.getProjectData()
+                .then(projectData => {
+                    this.props.vm.loadProject(projectData)
+                        .then(() => {
+                            this.props.onLoadedProject(this.props.loadingState, this.props.canSave);
+                            // Wrap in a setTimeout because skin loading in
+                            // the renderer can be async.
+                            setTimeout(() => this.props.onSetProjectUnchanged());
 
-                    // If the vm is not running, call draw on the renderer manually
-                    // This draws the state of the loaded project with no blocks running
-                    // which closely matches the 2.0 behavior, except for monitors–
-                    // 2.0 runs monitors and shows updates (e.g. timer monitor)
-                    // before the VM starts running other hat blocks.
-                    if (!this.props.isStarted) {
-                        // Wrap in a setTimeout because skin loading in
-                        // the renderer can be async.
-                        setTimeout(() => this.props.vm.renderer.draw());
-                    }
-                })
-                .catch(e => {
-                    this.props.onError(e);
+                            // If the vm is not running, call draw on the renderer manually
+                            // This draws the state of the loaded project with no blocks running
+                            // which closely matches the 2.0 behavior, except for monitors–
+                            // 2.0 runs monitors and shows updates (e.g. timer monitor)
+                            // before the VM starts running other hat blocks.
+                            if (!this.props.isStarted) {
+                                // Wrap in a setTimeout because skin loading in
+                                // the renderer can be async.
+                                setTimeout(() => this.props.vm.renderer.draw());
+                            }
+                        })
+                        .catch(e => {
+                            this.props.onError(e);
+                        });
                 });
         }
         render () {
diff --git a/src/playground/index.css b/src/playground/index.css
index edb710e70da..6c8da67ad1b 100644
--- a/src/playground/index.css
+++ b/src/playground/index.css
@@ -13,3 +13,21 @@ body,
 
 /* @todo: move globally? Safe / side FX, for blocks particularly? */
 * { box-sizing: border-box; }
+
+/* Show whole shape of blocks when mouse over on the pallet. */
+:global(.blocklyFlyout:hover) {
+    overflow: visible;
+}
+
+:global(.blocklyFlyout:hover .blocklyWorkspace) {
+  -webkit-clip-path: none;
+          clip-path: none;
+}
+
+:global(.blocklyScrollbarBackground:hover) {
+  opacity: 0.05;
+}
+
+:global(.blocklyFlyoutScrollbar) {
+    margin-left: 4px;
+}
diff --git a/test/helpers/selenium-helper.js b/test/helpers/selenium-helper.js
index 00860d36291..7ce27432281 100644
--- a/test/helpers/selenium-helper.js
+++ b/test/helpers/selenium-helper.js
@@ -22,7 +22,9 @@ class SeleniumHelper {
             'clickBlocksCategory',
             'elementIsVisible',
             'findByText',
+            'textToXpath',
             'findByXpath',
+            'textExists',
             'getDriver',
             'getSauceDriver',
             'getLogs',
@@ -46,7 +48,8 @@ class SeleniumHelper {
             reportedValue: '*[@class="blocklyDropDownContent"]',
             soundsTab: "*[@id='react-tabs-5']",
             spriteTile: '*[starts-with(@class,"react-contextmenu-wrapper")]',
-            monitors: '*[starts-with(@class,"stage_monitor-wrapper")]'
+            monitors: '*[starts-with(@class,"stage_monitor-wrapper")]',
+            contextMenu: '*[starts-with(@class,"react-contextmenu")]'
         };
     }
 
@@ -98,8 +101,17 @@ class SeleniumHelper {
             ));
     }
 
+    textToXpath (text, scope) {
+        return `//body//${scope || '*'}//*[contains(text(), '${text}')]`;
+    }
+
     findByText (text, scope) {
-        return this.findByXpath(`//body//${scope || '*'}//*[contains(text(), '${text}')]`);
+        return this.findByXpath(this.textToXpath(text, scope));
+    }
+
+    textExists (text, scope) {
+        return this.driver.findElements(By.xpath(this.textToXpath(text, scope)))
+            .then(elements => elements.length > 0);
     }
 
     loadUri (uri) {
diff --git a/test/integration/blocks.test.js b/test/integration/blocks.test.js
index 7818edec2ea..851c2f4b1ce 100644
--- a/test/integration/blocks.test.js
+++ b/test/integration/blocks.test.js
@@ -8,6 +8,7 @@ const {
     clickXpath,
     findByText,
     findByXpath,
+    textExists,
     getDriver,
     getLogs,
     Key,
@@ -90,6 +91,13 @@ describe('Working with the blocks', () => {
         await clickButton('OK');
         await findByXpath("//input[@step='0.01'][@max='100.1']");
 
+        // Hiding the monitor via context menu should work
+        await rightClickText('score', scope.monitors);
+        await clickText('hide', scope.contextMenu);
+        await driver.sleep(100);
+        const monitorExists = await textExists('score', scope.monitors);
+        await expect(monitorExists).toBeFalsy();
+
         const logs = await getLogs();
         await expect(logs).toEqual([]);
     });
@@ -123,6 +131,13 @@ describe('Working with the blocks', () => {
         await clickText('list1', scope.blocksTab);
         await findByText('thing thing thing thing2', scope.reportedValue); // Tooltip with result
 
+        // Hiding the monitor via context menu should work
+        await rightClickText('list1', scope.monitors);
+        await clickText('hide', scope.contextMenu);
+        await driver.sleep(100);
+        const monitorExists = await textExists('list1', scope.monitors);
+        await expect(monitorExists).toBeFalsy();
+
         const logs = await getLogs();
         await expect(logs).toEqual([]);
     });