@robotical/martyblocksjr 4.2.10 → 4.2.11

package/editions/free/src/app.bundle.js.LICENSE.txt

@@ -12,6 +12,21 @@
  * @license  MIT
  */
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 
 /*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */

package/editions/free/src/assets/blockicons/microbitbuttona.svg

@@ -1,4 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="85" height="66" viewBox="0 0 85 66">
+  <defs>
+    <g id="button-press-hand">
+      <path d="M63.97 33.7c-.99-1.56-2.26-3.14-4.1-3.14-.72 0-1.55.15-2.24.33-.85-.62-1.85-.95-2.89-.95-.73-.01-1.48.17-2.15.52-.13.07-.42.22-1.8 1.4-.53-.15-1-.17-1.28-.17-.49 0-1.14.07-1.78.37h-.01c-.22.1-.43.24-.64.4-.75.58-1.37 1.12-1.81 1.54-1.57-1.43-3.34-2.96-4.93-4.34-.66-.57-1.31-1.13-1.95-1.7-.55-.47-1.25-1.04-2.05-1.44-.37-.18-.76-.33-1.17-.41-.24-.06-.5-.09-.75-.09-.17 0-.33.01-.49.04-.64.09-1.24.38-1.71.84-.62.59-.95 1.27-1.07 1.99-.06.39-.06.8-.01 1.2.05.39.15.77.3 1.14.27.74.7 1.44 1.21 2.03 1.45 1.66 4.37 4.56 7.4 7.46l.04.04s-.07.01-.11.02h-.05c-1.38.13-2.68.89-3.19 1.84l-.02.03c-.03.07-.06.13-.09.2-.38.81-.26 1.19-.21 1.34.04.13.15.48.84.88.54.45.89 1.08 1.33 1.85.69 1.21 1.56 2.71 3.5 3.48.73.28 1.52.71 2.27 1.12l.84.46c1.07.58 2 1.09 2.91 1.28.58.12 1.2.37 1.85.63.28.11.56.22.84.33.75.27 1.4.47 2.04.65.48.15.97.29 1.5.47.14.05.31.08.46.08 9.71-.02 11.71-4.89 12.39-9.65.72-5.09-.04-7.15-3.22-12.08Z" fill="#34332b"/>
+      <path d="M54.67 54.41c-1.25-.43-2.24-.65-3.52-1.12-.94-.35-1.91-.81-2.83-1-.89-.18-1.91-.79-3.11-1.44-.9-.49-1.84-1.02-2.75-1.38-1.63-.64-2.36-1.94-3.01-3.07-.46-.81-.9-1.57-1.62-2.15 0 0-.41-.23-.46-.37-.05-.16.18-.64.18-.64.25-.71 1.52-1.5 2.86-1.5.5 0 .99.11 1.45.32.29.13.59.36.96.66.57.45 1.34 1.05 2.02 1.17-2.99-2.82-9.15-8.67-11.42-11.29-1.24-1.44-1.93-3.61-.5-4.98.4-.39.94-.61 1.5-.6 1.23 0 2.48.97 3.32 1.7.65.57 1.3 1.13 1.95 1.7 1.83 1.59 3.91 3.38 5.6 4.96.28-.29 1.15-1.15 2.41-2.13.59-.46 1.31-.56 1.81-.56.46 0 1.02.09 1.5.3.77-.67 1.75-1.49 2.05-1.65.52-.27 1.09-.41 1.68-.4.98 0 1.93.38 2.66 1.05.61-.17 1.66-.43 2.48-.43 1.35 0 2.41 1.36 3.26 2.68 3.09 4.8 3.74 6.61 3.07 11.4-.63 4.45-2.42 8.78-11.41 8.79-.04 0-.09-.01-.13-.02Z" fill="#fff"/>
+    </g>
+  </defs>
   <rect x="18" y="12" width="50" height="39" rx="7" fill="#231f20" opacity="0.16"/>
   <rect x="17" y="11" width="50" height="39" rx="7" fill="#414757"/>
   <path d="M17 20v-3c0-3.3 2.7-6 6-6h5z" fill="#4c97ff"/>
@@ -20,7 +26,6 @@
     <rect x="41.8" y="31" width="2.2" height="2.2" rx="0.3"/>
     <rect x="47.1" y="31" width="2.2" height="2.2" rx="0.3"/>
   </g>
-  <text x="42.5" y="49" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="16" font-weight="700" fill="#35c1df">A</text>
   <g fill="#ffbf00">
     <rect x="24" y="49" width="3" height="5"/>
     <rect x="29" y="49" width="3" height="5"/>
@@ -30,4 +35,5 @@
     <rect x="49" y="49" width="3" height="5"/>
     <rect x="54" y="49" width="3" height="5"/>
   </g>
+  <use href="#button-press-hand" transform="translate(10.3 8.6) scale(.55)"/>
 </svg>

package/editions/free/src/assets/blockicons/microbitbuttonab.svg

@@ -1,4 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="85" height="66" viewBox="0 0 85 66">
+  <defs>
+    <g id="button-press-hand">
+      <path d="M63.97 33.7c-.99-1.56-2.26-3.14-4.1-3.14-.72 0-1.55.15-2.24.33-.85-.62-1.85-.95-2.89-.95-.73-.01-1.48.17-2.15.52-.13.07-.42.22-1.8 1.4-.53-.15-1-.17-1.28-.17-.49 0-1.14.07-1.78.37h-.01c-.22.1-.43.24-.64.4-.75.58-1.37 1.12-1.81 1.54-1.57-1.43-3.34-2.96-4.93-4.34-.66-.57-1.31-1.13-1.95-1.7-.55-.47-1.25-1.04-2.05-1.44-.37-.18-.76-.33-1.17-.41-.24-.06-.5-.09-.75-.09-.17 0-.33.01-.49.04-.64.09-1.24.38-1.71.84-.62.59-.95 1.27-1.07 1.99-.06.39-.06.8-.01 1.2.05.39.15.77.3 1.14.27.74.7 1.44 1.21 2.03 1.45 1.66 4.37 4.56 7.4 7.46l.04.04s-.07.01-.11.02h-.05c-1.38.13-2.68.89-3.19 1.84l-.02.03c-.03.07-.06.13-.09.2-.38.81-.26 1.19-.21 1.34.04.13.15.48.84.88.54.45.89 1.08 1.33 1.85.69 1.21 1.56 2.71 3.5 3.48.73.28 1.52.71 2.27 1.12l.84.46c1.07.58 2 1.09 2.91 1.28.58.12 1.2.37 1.85.63.28.11.56.22.84.33.75.27 1.4.47 2.04.65.48.15.97.29 1.5.47.14.05.31.08.46.08 9.71-.02 11.71-4.89 12.39-9.65.72-5.09-.04-7.15-3.22-12.08Z" fill="#34332b"/>
+      <path d="M54.67 54.41c-1.25-.43-2.24-.65-3.52-1.12-.94-.35-1.91-.81-2.83-1-.89-.18-1.91-.79-3.11-1.44-.9-.49-1.84-1.02-2.75-1.38-1.63-.64-2.36-1.94-3.01-3.07-.46-.81-.9-1.57-1.62-2.15 0 0-.41-.23-.46-.37-.05-.16.18-.64.18-.64.25-.71 1.52-1.5 2.86-1.5.5 0 .99.11 1.45.32.29.13.59.36.96.66.57.45 1.34 1.05 2.02 1.17-2.99-2.82-9.15-8.67-11.42-11.29-1.24-1.44-1.93-3.61-.5-4.98.4-.39.94-.61 1.5-.6 1.23 0 2.48.97 3.32 1.7.65.57 1.3 1.13 1.95 1.7 1.83 1.59 3.91 3.38 5.6 4.96.28-.29 1.15-1.15 2.41-2.13.59-.46 1.31-.56 1.81-.56.46 0 1.02.09 1.5.3.77-.67 1.75-1.49 2.05-1.65.52-.27 1.09-.41 1.68-.4.98 0 1.93.38 2.66 1.05.61-.17 1.66-.43 2.48-.43 1.35 0 2.41 1.36 3.26 2.68 3.09 4.8 3.74 6.61 3.07 11.4-.63 4.45-2.42 8.78-11.41 8.79-.04 0-.09-.01-.13-.02Z" fill="#fff"/>
+    </g>
+  </defs>
   <rect x="18" y="12" width="50" height="39" rx="7" fill="#231f20" opacity="0.16"/>
   <rect x="17" y="11" width="50" height="39" rx="7" fill="#414757"/>
   <path d="M17 20v-3c0-3.3 2.7-6 6-6h5z" fill="#4c97ff"/>
@@ -20,7 +26,6 @@
     <rect x="41.8" y="31" width="2.2" height="2.2" rx="0.3"/>
     <rect x="47.1" y="31" width="2.2" height="2.2" rx="0.3"/>
   </g>
-  <text x="42.5" y="49" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="16" font-weight="700" fill="#35c1df">A + B</text>
   <g fill="#ffbf00">
     <rect x="24" y="49" width="3" height="5"/>
     <rect x="29" y="49" width="3" height="5"/>
@@ -30,4 +35,6 @@
     <rect x="49" y="49" width="3" height="5"/>
     <rect x="54" y="49" width="3" height="5"/>
   </g>
+  <use href="#button-press-hand" transform="translate(10.3 8.6) scale(.55)"/>
+  <use href="#button-press-hand" transform="translate(37.3 8.6) scale(.55)"/>
 </svg>

package/editions/free/src/assets/blockicons/microbitbuttonb.svg

@@ -1,4 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="85" height="66" viewBox="0 0 85 66">
+  <defs>
+    <g id="button-press-hand">
+      <path d="M63.97 33.7c-.99-1.56-2.26-3.14-4.1-3.14-.72 0-1.55.15-2.24.33-.85-.62-1.85-.95-2.89-.95-.73-.01-1.48.17-2.15.52-.13.07-.42.22-1.8 1.4-.53-.15-1-.17-1.28-.17-.49 0-1.14.07-1.78.37h-.01c-.22.1-.43.24-.64.4-.75.58-1.37 1.12-1.81 1.54-1.57-1.43-3.34-2.96-4.93-4.34-.66-.57-1.31-1.13-1.95-1.7-.55-.47-1.25-1.04-2.05-1.44-.37-.18-.76-.33-1.17-.41-.24-.06-.5-.09-.75-.09-.17 0-.33.01-.49.04-.64.09-1.24.38-1.71.84-.62.59-.95 1.27-1.07 1.99-.06.39-.06.8-.01 1.2.05.39.15.77.3 1.14.27.74.7 1.44 1.21 2.03 1.45 1.66 4.37 4.56 7.4 7.46l.04.04s-.07.01-.11.02h-.05c-1.38.13-2.68.89-3.19 1.84l-.02.03c-.03.07-.06.13-.09.2-.38.81-.26 1.19-.21 1.34.04.13.15.48.84.88.54.45.89 1.08 1.33 1.85.69 1.21 1.56 2.71 3.5 3.48.73.28 1.52.71 2.27 1.12l.84.46c1.07.58 2 1.09 2.91 1.28.58.12 1.2.37 1.85.63.28.11.56.22.84.33.75.27 1.4.47 2.04.65.48.15.97.29 1.5.47.14.05.31.08.46.08 9.71-.02 11.71-4.89 12.39-9.65.72-5.09-.04-7.15-3.22-12.08Z" fill="#34332b"/>
+      <path d="M54.67 54.41c-1.25-.43-2.24-.65-3.52-1.12-.94-.35-1.91-.81-2.83-1-.89-.18-1.91-.79-3.11-1.44-.9-.49-1.84-1.02-2.75-1.38-1.63-.64-2.36-1.94-3.01-3.07-.46-.81-.9-1.57-1.62-2.15 0 0-.41-.23-.46-.37-.05-.16.18-.64.18-.64.25-.71 1.52-1.5 2.86-1.5.5 0 .99.11 1.45.32.29.13.59.36.96.66.57.45 1.34 1.05 2.02 1.17-2.99-2.82-9.15-8.67-11.42-11.29-1.24-1.44-1.93-3.61-.5-4.98.4-.39.94-.61 1.5-.6 1.23 0 2.48.97 3.32 1.7.65.57 1.3 1.13 1.95 1.7 1.83 1.59 3.91 3.38 5.6 4.96.28-.29 1.15-1.15 2.41-2.13.59-.46 1.31-.56 1.81-.56.46 0 1.02.09 1.5.3.77-.67 1.75-1.49 2.05-1.65.52-.27 1.09-.41 1.68-.4.98 0 1.93.38 2.66 1.05.61-.17 1.66-.43 2.48-.43 1.35 0 2.41 1.36 3.26 2.68 3.09 4.8 3.74 6.61 3.07 11.4-.63 4.45-2.42 8.78-11.41 8.79-.04 0-.09-.01-.13-.02Z" fill="#fff"/>
+    </g>
+  </defs>
   <rect x="18" y="12" width="50" height="39" rx="7" fill="#231f20" opacity="0.16"/>
   <rect x="17" y="11" width="50" height="39" rx="7" fill="#414757"/>
   <path d="M17 20v-3c0-3.3 2.7-6 6-6h5z" fill="#4c97ff"/>
@@ -20,7 +26,6 @@
     <rect x="41.8" y="31" width="2.2" height="2.2" rx="0.3"/>
     <rect x="47.1" y="31" width="2.2" height="2.2" rx="0.3"/>
   </g>
-  <text x="42.5" y="49" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="16" font-weight="700" fill="#35c1df">B</text>
   <g fill="#ffbf00">
     <rect x="24" y="49" width="3" height="5"/>
     <rect x="29" y="49" width="3" height="5"/>
@@ -30,4 +35,5 @@
     <rect x="49" y="49" width="3" height="5"/>
     <rect x="54" y="49" width="3" height="5"/>
   </g>
+  <use href="#button-press-hand" transform="translate(37.3 8.6) scale(.55)"/>
 </svg>

package/editions/free/src/assets/blockicons/microbitdisplayclear.svg

@@ -1,29 +1,13 @@
 <svg width="85" height="66" viewBox="0 0 85 66" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path opacity="0.16" d="M57 11H28C24.134 11 21 14.134 21 18V46C21 49.866 24.134 53 28 53H57C60.866 53 64 49.866 64 46V18C64 14.134 60.866 11 57 11Z" fill="#231F20"/>
-  <path d="M56 10H27C23.134 10 20 13.134 20 17V45C20 48.866 23.134 52 27 52H56C59.866 52 63 48.866 63 45V17C63 13.134 59.866 10 56 10Z" fill="#414757"/>
-  <path d="M20 19V16C20 12.7 22.7 10 26 10H31L20 19Z" fill="#4C97FF"/>
-  <path d="M52 10H57C60.3 10 63 12.7 63 16V19L52 10Z" fill="#4C97FF"/>
-  <path d="M20 43L28 52H26C22.7 52 20 49.3 20 46V43Z" fill="#4C97FF"/>
-  <path d="M63 43V46C63 49.3 60.3 52 57 52H54L63 43Z" fill="#4C97FF"/>
-  <g opacity="0.55" fill="#7C87A5">
-    <rect x="36" y="21" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="42" y="21" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="48" y="21" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="36" y="27" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="42" y="27" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="48" y="27" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="36" y="33" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="42" y="33" width="2.5" height="2.5" rx="0.35"/>
-    <rect x="48" y="33" width="2.5" height="2.5" rx="0.35"/>
+  <g transform="translate(-5 0)">
+  <rect x="19" y="9" width="49" height="49" rx="7" fill="#231F20" opacity="0.16"/>
+  <rect data-microbit-display="true" x="18" y="8" width="49" height="49" rx="7" fill="#414757" stroke="#7C87A5" stroke-width="1.5"/>
+  <g fill="#7C87A5" opacity="0.35">
+    <rect x="24" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="14" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="22" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="30" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <path d="M30 19L55 43M55 19L30 43" stroke="white" stroke-width="5.2" stroke-linecap="round"/>
-  <g fill="#FFBF00">
-    <rect x="26" y="51" width="3" height="5"/>
-    <rect x="31" y="51" width="3" height="5"/>
-    <rect x="36" y="51" width="3" height="5"/>
-    <rect x="41" y="51" width="3" height="5"/>
-    <rect x="46" y="51" width="3" height="5"/>
-    <rect x="51" y="51" width="3" height="5"/>
-    <rect x="56" y="51" width="3" height="5"/>
   </g>
 </svg>

package/editions/free/src/assets/blockicons/microbitdisplayhappy.svg

@@ -1,36 +1,18 @@
 <svg width="85" height="66" viewBox="0 0 85 66" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path opacity="0.16" d="M57 11H28C24.134 11 21 14.134 21 18V46C21 49.866 24.134 53 28 53H57C60.866 53 64 49.866 64 46V18C64 14.134 60.866 11 57 11Z" fill="#231F20"/>
-  <path d="M56 10H27C23.134 10 20 13.134 20 17V45C20 48.866 23.134 52 27 52H56C59.866 52 63 48.866 63 45V17C63 13.134 59.866 10 56 10Z" fill="#414757"/>
-  <path d="M20 19V16C20 12.7 22.7 10 26 10H31L20 19Z" fill="#4C97FF"/>
-  <path d="M52 10H57C60.3 10 63 12.7 63 16V19L52 10Z" fill="#4C97FF"/>
-  <path d="M20 43L28 52H26C22.7 52 20 49.3 20 46V43Z" fill="#4C97FF"/>
-  <path d="M63 43V46C63 49.3 60.3 52 57 52H54L63 43Z" fill="#4C97FF"/>
-  <g opacity="0.22" fill="#7C87A5">
-    <rect x="36" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="33" width="2.2" height="2.2" rx="0.3"/>
+  <g transform="translate(-5 0)">
+  <rect x="19" y="9" width="49" height="49" rx="7" fill="#231F20" opacity="0.16"/>
+  <rect data-microbit-display="true" x="18" y="8" width="49" height="49" rx="7" fill="#414757" stroke="#7C87A5" stroke-width="1.5"/>
+  <g fill="#7C87A5" opacity="0.35">
+    <rect x="24" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="14" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="22" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="30" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="32" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <g fill="#35C1DF">
-    <circle cx="34" cy="24" r="3"/>
-    <circle cx="51" cy="24" r="3"/>
-    <circle cx="31" cy="38" r="3"/>
-    <circle cx="38" cy="43" r="3"/>
-    <circle cx="47" cy="43" r="3"/>
-    <circle cx="54" cy="38" r="3"/>
+  <g data-led-state="on" fill="#FFFFFF">
+    <rect x="32" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="22" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="32" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <g fill="#FFBF00">
-    <rect x="26" y="51" width="3" height="5"/>
-    <rect x="31" y="51" width="3" height="5"/>
-    <rect x="36" y="51" width="3" height="5"/>
-    <rect x="41" y="51" width="3" height="5"/>
-    <rect x="46" y="51" width="3" height="5"/>
-    <rect x="51" y="51" width="3" height="5"/>
-    <rect x="56" y="51" width="3" height="5"/>
   </g>
 </svg>

package/editions/free/src/assets/blockicons/microbitdisplayheart.svg

@@ -1,42 +1,18 @@
 <svg width="85" height="66" viewBox="0 0 85 66" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path opacity="0.16" d="M57 11H28C24.134 11 21 14.134 21 18V46C21 49.866 24.134 53 28 53H57C60.866 53 64 49.866 64 46V18C64 14.134 60.866 11 57 11Z" fill="#231F20"/>
-  <path d="M56 10H27C23.134 10 20 13.134 20 17V45C20 48.866 23.134 52 27 52H56C59.866 52 63 48.866 63 45V17C63 13.134 59.866 10 56 10Z" fill="#414757"/>
-  <path d="M20 19V16C20 12.7 22.7 10 26 10H31L20 19Z" fill="#4C97FF"/>
-  <path d="M52 10H57C60.3 10 63 12.7 63 16V19L52 10Z" fill="#4C97FF"/>
-  <path d="M20 43L28 52H26C22.7 52 20 49.3 20 46V43Z" fill="#4C97FF"/>
-  <path d="M63 43V46C63 49.3 60.3 52 57 52H54L63 43Z" fill="#4C97FF"/>
-  <g opacity="0.22" fill="#7C87A5">
-    <rect x="36" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="33" width="2.2" height="2.2" rx="0.3"/>
+  <g transform="translate(-5 0)">
+  <rect x="19" y="9" width="49" height="49" rx="7" fill="#231F20" opacity="0.16"/>
+  <rect data-microbit-display="true" x="18" y="8" width="49" height="49" rx="7" fill="#414757" stroke="#7C87A5" stroke-width="1.5"/>
+  <g fill="#7C87A5" opacity="0.35">
+    <rect x="24" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="14" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <g fill="#35C1DF">
-    <circle cx="32" cy="19" r="3"/>
-    <circle cx="38" cy="23" r="3"/>
-    <circle cx="42.5" cy="29" r="3"/>
-    <circle cx="52" cy="19" r="3"/>
-    <circle cx="46" cy="23" r="3"/>
-    <circle cx="26" cy="23" r="3"/>
-    <circle cx="58" cy="23" r="3"/>
-    <circle cx="26" cy="31" r="3"/>
-    <circle cx="58" cy="31" r="3"/>
-    <circle cx="34" cy="39" r="3"/>
-    <circle cx="42" cy="47" r="3"/>
-    <circle cx="50" cy="39" r="3"/>
+  <g data-led-state="on" fill="#FFFFFF">
+    <rect x="32" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="14" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="22" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="30" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="32" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="40" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <g fill="#FFBF00">
-    <rect x="26" y="51" width="3" height="5"/>
-    <rect x="31" y="51" width="3" height="5"/>
-    <rect x="36" y="51" width="3" height="5"/>
-    <rect x="41" y="51" width="3" height="5"/>
-    <rect x="46" y="51" width="3" height="5"/>
-    <rect x="51" y="51" width="3" height="5"/>
-    <rect x="56" y="51" width="3" height="5"/>
   </g>
 </svg>

package/editions/free/src/assets/blockicons/microbitdisplaytext.svg

@@ -1,29 +1,14 @@
 <svg width="85" height="66" viewBox="0 0 85 66" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path opacity="0.16" d="M57 11H28C24.134 11 21 14.134 21 18V46C21 49.866 24.134 53 28 53H57C60.866 53 64 49.866 64 46V18C64 14.134 60.866 11 57 11Z" fill="#231F20"/>
-  <path d="M56 10H27C23.134 10 20 13.134 20 17V45C20 48.866 23.134 52 27 52H56C59.866 52 63 48.866 63 45V17C63 13.134 59.866 10 56 10Z" fill="#414757"/>
-  <path d="M20 19V16C20 12.7 22.7 10 26 10H31L20 19Z" fill="#4C97FF"/>
-  <path d="M52 10H57C60.3 10 63 12.7 63 16V19L52 10Z" fill="#4C97FF"/>
-  <path d="M20 43L28 52H26C22.7 52 20 49.3 20 46V43Z" fill="#4C97FF"/>
-  <path d="M63 43V46C63 49.3 60.3 52 57 52H54L63 43Z" fill="#4C97FF"/>
-  <g opacity="0.4" fill="#7C87A5">
-    <rect x="36" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="19" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="26" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="36" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="42" y="33" width="2.2" height="2.2" rx="0.3"/>
-    <rect x="48" y="33" width="2.2" height="2.2" rx="0.3"/>
+  <g transform="translate(-5 0)">
+  <rect x="19" y="9" width="49" height="49" rx="7" fill="#231F20" opacity="0.16"/>
+  <rect data-microbit-display="true" x="18" y="8" width="49" height="49" rx="7" fill="#414757" stroke="#7C87A5" stroke-width="1.5"/>
+  <g fill="#7C87A5" opacity="0.22">
+    <rect x="24" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="14" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="14" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="22" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="22" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="30" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="30" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="38" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="38" width="5.5" height="5.5" rx="0.8"/>
+    <rect x="24" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="32" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="40" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="48" y="46" width="5.5" height="5.5" rx="0.8"/><rect x="56" y="46" width="5.5" height="5.5" rx="0.8"/>
   </g>
-  <path d="M31.7944 37V19.5455H35.4847V26.7472H42.9762V19.5455H46.658V37H42.9762V29.7898H35.4847V37H31.7944ZM49.6325 37V23.9091H53.2631V37H49.6325ZM51.4563 22.2216C50.9165 22.2216 50.4535 22.0426 50.0671 21.6847C49.6864 21.321 49.4961 20.8864 49.4961 20.3807C49.4961 19.8807 49.6864 19.4517 50.0671 19.0938C50.4535 18.7301 50.9165 18.5483 51.4563 18.5483C51.9961 18.5483 52.4563 18.7301 52.837 19.0938C53.2234 19.4517 53.4165 19.8807 53.4165 20.3807C53.4165 20.8864 53.2234 21.321 52.837 21.6847C52.4563 22.0426 51.9961 22.2216 51.4563 22.2216Z" fill="#35C1DF"/>
-  <g fill="#FFBF00">
-    <rect x="26" y="51" width="3" height="5"/>
-    <rect x="31" y="51" width="3" height="5"/>
-    <rect x="36" y="51" width="3" height="5"/>
-    <rect x="41" y="51" width="3" height="5"/>
-    <rect x="46" y="51" width="3" height="5"/>
-    <rect x="51" y="51" width="3" height="5"/>
-    <rect x="56" y="51" width="3" height="5"/>
+  <text x="42.5" y="40" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="23" font-weight="700" fill="#FFFFFF">Hi</text>
   </g>
 </svg>

package/editions/free/src/assets/blockicons/microbittiltleft.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="76" height="66" viewBox="0 0 85 66">
-  <g transform="translate(42.5 33) rotate(-10) translate(-42.5 -33)">
+  <g transform="translate(42.5 33) rotate(0) translate(-42.5 -33)">
     <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity="0.16"/>
     <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
     <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>

package/editions/free/src/assets/blockicons/microbittiltright.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="76" height="66" viewBox="0 0 85 66">
-  <g transform="translate(42.5 33) rotate(10) translate(-42.5 -33)">
+  <g transform="translate(42.5 33) rotate(0) translate(-42.5 -33)">
     <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity="0.16"/>
     <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
     <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>

package/editions/free/src/assets/connection/remove_extension-default.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Remove extension">
+  <circle cx="32" cy="32" r="30" fill="#ed5252" stroke="#fff" stroke-width="4"/>
+  <path d="M22 24h20l-2 25H24l-2-25zm5-8h10l2 4H25l2-4zm-7 4h24v5H20v-5z" fill="#fff"/>
+  <path d="M29 29v15m6-15v15" stroke="#ed5252" stroke-width="3" stroke-linecap="round"/>
+</svg>

package/editions/free/src/css/editor.css

@@ -451,8 +451,8 @@ div.frame {
     position: relative;
     margin: ${css_vh(0)} ${css_vh(0)} ${css_vh(0)};
     height: ${64 * scaleMultiplier}px;
-    /* width: ${659 * scaleMultiplier}px; */
-    width: 85%;
+    /* Keep a fixed, height-scaled lane for undo/redo instead of a viewport percentage. */
+    width: calc(100% - ${120 * scaleMultiplier}px);
     z-index:4;
     overflow: hidden;
 }
@@ -977,6 +977,172 @@ div.frame {
     outline-offset: 3px;
 }
 
+/* micro:bit connection and software installer */
+.microBitConnectionDialog {
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    width: ${css_vh(56)};
+    min-height: ${css_vh(31)};
+    transform: translate(-50%, -50%);
+    z-index: 12000;
+    box-sizing: border-box;
+    padding: ${css_vh(3.2)} ${css_vh(3.4)} ${css_vh(3)};
+    border: 3px solid #F4AD46;
+    border-radius: 16px;
+    background: #FEDF8F;
+    box-shadow: 0 ${css_vh(0.65)} ${css_vh(2.2)} rgba(0, 0, 0, 0.32);
+    font-family: 'Lato Regular';
+}
+
+.microBitConnectionDialog.fade {
+    display: none;
+    opacity: 0;
+}
+
+.microBitConnectionDialog.fade.in {
+    display: block;
+    opacity: 1;
+}
+
+.microBitConnectionDialogClose {
+    position: absolute;
+    right: ${css_vh(1.1)};
+    top: ${css_vh(1.1)};
+    width: ${css_vh(4.3)};
+    height: ${css_vh(4.3)};
+    border: 0;
+    padding: 0;
+    background: url('../assets/ui/closeit.svg') no-repeat center center;
+    background-size: 100%;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.microBitConnectionDialogClose:disabled {
+    cursor: default;
+    opacity: 0.45;
+}
+
+.microBitConnectionDialogTitle {
+    color: #315F7B;
+    font-size: ${css_vh(3.4)};
+    font-weight: bold;
+    line-height: ${css_vh(4)};
+    text-align: center;
+    text-shadow: 0 ${css_vh(0.13)} #fff;
+}
+
+.microBitConnectionDialogBody {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-height: ${css_vh(17)};
+    padding-top: ${css_vh(1.6)};
+    text-align: center;
+}
+
+.microBitConnectionDialogIcon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: ${css_vh(8)};
+    height: ${css_vh(8)};
+    border-radius: 50%;
+    background: #F9CF37;
+}
+
+.microBitConnectionDialogIcon svg {
+    width: ${css_vh(6.3)};
+    height: ${css_vh(6.3)};
+}
+
+.microBitConnectionDialogMessage {
+    max-width: ${css_vh(45)};
+    margin-top: ${css_vh(1.2)};
+    color: #315F7B;
+    font-size: ${css_vh(1.9)};
+    line-height: ${css_vh(2.6)};
+}
+
+.microBitConnectionDialogProgress {
+    display: none;
+    flex-direction: column;
+    align-items: center;
+    width: min(100%, ${css_vh(38)});
+    margin-top: ${css_vh(1.5)};
+}
+
+.microBitConnectionDialogProgressBar {
+    width: 100%;
+    height: ${css_vh(1.5)};
+    accent-color: #5D9CC8;
+}
+
+.microBitConnectionDialogProgressLabel {
+    margin-top: ${css_vh(0.5)};
+    color: #315F7B;
+    font-size: ${css_vh(1.65)};
+    font-weight: bold;
+}
+
+.microBitConnectionDialogError {
+    display: none;
+    max-width: ${css_vh(45)};
+    margin-top: ${css_vh(1)};
+    padding: ${css_vh(0.8)} ${css_vh(1)};
+    border-radius: 8px;
+    background: #FFF5D9;
+    color: #9E1F28;
+    font-size: ${css_vh(1.45)};
+    line-height: ${css_vh(2)};
+    overflow-wrap: anywhere;
+}
+
+.microBitConnectionDialogHelp {
+    display: none;
+    margin-top: ${css_vh(1)};
+    color: #255E83;
+    font-size: ${css_vh(1.6)};
+    font-weight: bold;
+}
+
+.microBitConnectionDialogActions {
+    display: flex;
+    justify-content: flex-end;
+    gap: ${css_vh(1)};
+    margin-top: ${css_vh(1.3)};
+}
+
+.microBitConnectionDialogButton {
+    min-width: ${css_vh(10)};
+    min-height: ${css_vh(4.2)};
+    padding: ${css_vh(0.5)} ${css_vh(1.3)};
+    border: 2px solid #315F7B;
+    border-radius: 10px;
+    color: #fff;
+    font-family: 'Lato Regular';
+    font-size: ${css_vh(1.7)};
+    font-weight: bold;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.microBitConnectionDialogButton.secondary {
+    background: #5D9CC8;
+}
+
+.microBitConnectionDialogButton.primary {
+    background: #2E9E66;
+}
+
+.microBitConnectionDialogClose:focus-visible,
+.microBitConnectionDialogButton:focus-visible,
+.microBitConnectionDialogHelp:focus-visible {
+    outline: 3px solid #133C46;
+    outline-offset: 3px;
+}
+
 /* parental gate */
 .parentalgate {
     position: fixed;
@@ -1562,9 +1728,9 @@ form.projectname {
 }
 
 *.microbitMatrixCell.on {
-    background: #35C1DF;
-    border-color: #1F8EA6;
-    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.45), 0 0 0 2px rgba(255, 255, 255, 0.22);
+    background: #FFFFFF;
+    border-color: #C8CDD8;
+    box-shadow: inset 0 2px 0 rgba(65, 71, 87, 0.12), 0 0 0 2px rgba(65, 71, 87, 0.35);
 }
 
 *.microbitMatrixCell:active {