Update onboarding with nudges and new welcome dialog

.github/workflows/build.yml

@@ -39,7 +39,7 @@ jobs:
       - run: npm ci
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - run: npm install --no-save @microbit-foundation/ml-trainer-microbit@0.2.0-dev.75 @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.10
+      - run: npm install --no-save @microbit-foundation/ml-trainer-microbit@0.2.0-dev.78 @microbit-foundation/website-deploy-aws@0.6 @microbit-foundation/website-deploy-aws-config@0.10
         if: github.repository_owner == 'microbit-foundation'
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

lang/ui.ca.json

@@ -55,6 +55,14 @@
     "defaultMessage": "Afegir una acció",
     "description": "Button to add an action (movement related, e.g. clapping)"
   },
+  "add-action-hint": {
+    "defaultMessage": "Finished recording for {actionName}?<mark>Add another action</mark>",
+    "description": "Hint when you have recorded enough data samples for one action"
+  },
+  "add-action-hint-label": {
+    "defaultMessage": "Finished recording for {actionName}? Press ‘Add action’ button to add another action",
+    "description": "Hint when you have recorded enough data samples for one action aria label"
+  },
   "ai-activity-timer-resource-title": {
     "defaultMessage": "Temporitzador d'activitat d'IA",
     "description": "Home page resource card title"
@@ -259,10 +267,6 @@
     "defaultMessage": "Cable micro USB",
     "description": "Label for cable icon in list of requirements"
   },
-  "connect-or-import": {
-    "defaultMessage": "<link1>Connecta una micro:bit de recollida de dades</link1> o <link2>importa mostres de dades</link2>",
-    "description": "Empty data samples page text"
-  },
   "connect-pattern-heading": {
     "defaultMessage": "Copia el patró",
     "description": "Heading for Bluetooth pattern connection dialog"
@@ -1179,6 +1183,10 @@
     "defaultMessage": "Més edició a les opcions de MakeCode",
     "description": "Aria label for the additional actions menu to the right of the Edit in MakeCode button"
   },
+  "move-hint": {
+    "defaultMessage": "Move the micro:bit to explore how different actions change the graph",
+    "description": "Hint when you have just connected a micro:bit"
+  },
   "name-action-hint": {
     "defaultMessage": "Anomena una acció que vulguis que reconegui la micro:bit",
     "description": "Hint shown when you have an unnamed action"
@@ -1251,10 +1259,6 @@
     "defaultMessage": "Següent",
     "description": "Next button text for dialogs and similar"
   },
-  "no-data-samples": {
-    "defaultMessage": "No hi ha mostres de dades",
-    "description": "Empty data samples page status text"
-  },
   "not-create-ai-hex-import-dialog-content": {
     "defaultMessage": "Aquest projecte no contenia cap mostra de dades, de manera que només s'ha obert el programa. Has d'entrenar un model abans de poder utilitzar el programa.",
     "description": "Content of import non-CreateAI hex dialog"
@@ -1399,6 +1403,14 @@
     "defaultMessage": "Prem per gravar una mostra de dades o prem el botó B de la teva micro:bit de recollida de dades.",
     "description": "Hint when you have named the first action but not recorded any data samples and have a micro:bit connected"
   },
+  "record-more-hint": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}}",
+    "description": "Hint when you have not recorded enough data samples. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
+  "record-more-hint-label": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}} for {actionName}",
+    "description": "Hint when you have not recorded enough data samples aria label. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
   "record-samples": {
     "defaultMessage": "Enregistra {numSamples} mostres",
     "description": "Additional recording action text"
@@ -1723,6 +1735,14 @@
     "defaultMessage": "Entrenant un model",
     "description": "Training dialog"
   },
+  "train-hint": {
+    "defaultMessage": "Finished recording?<mark>Train the model</mark>",
+    "description": "Hint when you have recorded enough data samples to train a model"
+  },
+  "train-hint-label": {
+    "defaultMessage": "Finished recording? Press ‘Train the model’ button to train the model",
+    "description": "Hint when you have recorded enough data samples to train a model aria label"
+  },
   "train-model": {
     "defaultMessage": "Entrenant un model",
     "description": "Action to train a model"
@@ -1806,5 +1826,9 @@
   "webusb-retry-replug4": {
     "defaultMessage": "desconnecta i torna a connectar el cable USB",
     "description": "WebUSB error dialog"
+  },
+  "welcome-title": {
+    "defaultMessage": "Welcome to micro:bit CreateAI",
+    "description": "Welcome dialog"
   }
 }

lang/ui.en.json

@@ -55,6 +55,14 @@
     "defaultMessage": "Add action",
     "description": "Button to add an action (movement related, e.g. clapping)"
   },
+  "add-action-hint": {
+    "defaultMessage": "Finished recording for {actionName}?<mark>Add another action</mark>",
+    "description": "Hint when you have recorded enough data samples for one action"
+  },
+  "add-action-hint-label": {
+    "defaultMessage": "Finished recording for {actionName}? Press ‘Add action’ button to add another action",
+    "description": "Hint when you have recorded enough data samples for one action aria label"
+  },
   "ai-activity-timer-resource-title": {
     "defaultMessage": "AI activity timer",
     "description": "Home page resource card title"
@@ -259,10 +267,6 @@
     "defaultMessage": "Micro USB cable",
     "description": "Label for cable icon in list of requirements"
   },
-  "connect-or-import": {
-    "defaultMessage": "<link1>Connect a data collection micro:bit</link1> or <link2>import data samples</link2>",
-    "description": "Empty data samples page text"
-  },
   "connect-pattern-heading": {
     "defaultMessage": "Copy pattern",
     "description": "Heading for Bluetooth pattern connection dialog"
@@ -1179,8 +1183,12 @@
     "defaultMessage": "More edit in MakeCode options",
     "description": "Aria label for the additional actions menu to the right of the Edit in MakeCode button"
   },
+  "move-hint": {
+    "defaultMessage": "Move the micro:bit to explore how different actions change the graph",
+    "description": "Hint when you have just connected a micro:bit"
+  },
   "name-action-hint": {
-    "defaultMessage": "Name an action you want the micro:bit to recognise",
+    "defaultMessage": "Name an action you want CreateAI to recognise, like ‘waving’ or ‘jumping’",
     "description": "Hint shown when you have an unnamed action"
   },
   "name-project": {
@@ -1251,10 +1259,6 @@
     "defaultMessage": "Next",
     "description": "Next button text for dialogs and similar"
   },
-  "no-data-samples": {
-    "defaultMessage": "No data samples",
-    "description": "Empty data samples page status text"
-  },
   "not-create-ai-hex-import-dialog-content": {
     "defaultMessage": "This project did not contain any data samples, so only the code has been opened. You need to train a model before you can use the code.",
     "description": "Content of import non-CreateAI hex dialog"
@@ -1392,13 +1396,21 @@
     "description": "Aria label for record button"
   },
   "record-hint": {
-    "defaultMessage": "Press to record a data sample.",
+    "defaultMessage": "Press record to collect a movement data sample.",
     "description": "Hint when you have named the first action but not recorded any data samples"
   },
   "record-hint-button-b": {
-    "defaultMessage": "Press to record a data sample or press button B on your data collection micro:bit.",
+    "defaultMessage": "Press record <mark>or</mark> button B on the micro:bit to collect a movement data sample.",
     "description": "Hint when you have named the first action but not recorded any data samples and have a micro:bit connected"
   },
+  "record-more-hint": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}}",
+    "description": "Hint when you have not recorded enough data samples. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
+  "record-more-hint-label": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}} for {actionName}",
+    "description": "Hint when you have not recorded enough data samples aria label. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
   "record-samples": {
     "defaultMessage": "Record {numSamples} samples",
     "description": "Additional recording action text"
@@ -1723,6 +1735,14 @@
     "defaultMessage": "Training a model",
     "description": "Training dialog"
   },
+  "train-hint": {
+    "defaultMessage": "Finished recording?<mark>Train the model</mark>",
+    "description": "Hint when you have recorded enough data samples to train a model"
+  },
+  "train-hint-label": {
+    "defaultMessage": "Finished recording? Press ‘Train the model’ button to train the model",
+    "description": "Hint when you have recorded enough data samples to train a model aria label"
+  },
   "train-model": {
     "defaultMessage": "Train model",
     "description": "Action to train a model"
@@ -1806,5 +1826,9 @@
   "webusb-retry-replug4": {
     "defaultMessage": "unplug and replug the USB cable",
     "description": "WebUSB error dialog"
+  },
+  "welcome-title": {
+    "defaultMessage": "Welcome to micro:bit CreateAI",
+    "description": "Welcome dialog"
   }
 }

lang/ui.es-es.json

@@ -55,6 +55,14 @@
     "defaultMessage": "Añadir acción",
     "description": "Button to add an action (movement related, e.g. clapping)"
   },
+  "add-action-hint": {
+    "defaultMessage": "Finished recording for {actionName}?<mark>Add another action</mark>",
+    "description": "Hint when you have recorded enough data samples for one action"
+  },
+  "add-action-hint-label": {
+    "defaultMessage": "Finished recording for {actionName}? Press ‘Add action’ button to add another action",
+    "description": "Hint when you have recorded enough data samples for one action aria label"
+  },
   "ai-activity-timer-resource-title": {
     "defaultMessage": "Temporizador de actividad de IA",
     "description": "Home page resource card title"
@@ -259,10 +267,6 @@
     "defaultMessage": "Cable micro USB",
     "description": "Label for cable icon in list of requirements"
   },
-  "connect-or-import": {
-    "defaultMessage": "<link1>Conecta una colección de datos de micro:bit</link1> o <link2>importa muestras de datos</link2>",
-    "description": "Empty data samples page text"
-  },
   "connect-pattern-heading": {
     "defaultMessage": "Copiar patrón",
     "description": "Heading for Bluetooth pattern connection dialog"
@@ -1179,6 +1183,10 @@
     "defaultMessage": "Más edición en opciones de MakeCode",
     "description": "Aria label for the additional actions menu to the right of the Edit in MakeCode button"
   },
+  "move-hint": {
+    "defaultMessage": "Move the micro:bit to explore how different actions change the graph",
+    "description": "Hint when you have just connected a micro:bit"
+  },
   "name-action-hint": {
     "defaultMessage": "Nombra una acción que quieras que reconozca el micro:bit",
     "description": "Hint shown when you have an unnamed action"
@@ -1251,10 +1259,6 @@
     "defaultMessage": "Siguiente",
     "description": "Next button text for dialogs and similar"
   },
-  "no-data-samples": {
-    "defaultMessage": "No hay muestras de datos",
-    "description": "Empty data samples page status text"
-  },
   "not-create-ai-hex-import-dialog-content": {
     "defaultMessage": "Este proyecto no contenía ninguna muestra de datos, por lo que sólo se ha abierto el código. Necesitas entrenar un modelo antes de poder utilizar el código.",
     "description": "Content of import non-CreateAI hex dialog"
@@ -1399,6 +1403,14 @@
     "defaultMessage": "Pulsa para grabar una muestra de datos o pulsa el botón B de tu micro:bit de recogida de datos.",
     "description": "Hint when you have named the first action but not recorded any data samples and have a micro:bit connected"
   },
+  "record-more-hint": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}}",
+    "description": "Hint when you have not recorded enough data samples. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
+  "record-more-hint-label": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}} for {actionName}",
+    "description": "Hint when you have not recorded enough data samples aria label. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
   "record-samples": {
     "defaultMessage": "Grabar {numSamples} muestras",
     "description": "Additional recording action text"
@@ -1723,6 +1735,14 @@
     "defaultMessage": "Entrenar un modelo",
     "description": "Training dialog"
   },
+  "train-hint": {
+    "defaultMessage": "Finished recording?<mark>Train the model</mark>",
+    "description": "Hint when you have recorded enough data samples to train a model"
+  },
+  "train-hint-label": {
+    "defaultMessage": "Finished recording? Press ‘Train the model’ button to train the model",
+    "description": "Hint when you have recorded enough data samples to train a model aria label"
+  },
   "train-model": {
     "defaultMessage": "Entrenar modelo",
     "description": "Action to train a model"
@@ -1806,5 +1826,9 @@
   "webusb-retry-replug4": {
     "defaultMessage": "desenchufa y vuelve a enchufar el cable USB",
     "description": "WebUSB error dialog"
+  },
+  "welcome-title": {
+    "defaultMessage": "Welcome to micro:bit CreateAI",
+    "description": "Welcome dialog"
   }
 }

lang/ui.fr.json

@@ -55,6 +55,14 @@
     "defaultMessage": "Ajouter une action",
     "description": "Button to add an action (movement related, e.g. clapping)"
   },
+  "add-action-hint": {
+    "defaultMessage": "Finished recording for {actionName}?<mark>Add another action</mark>",
+    "description": "Hint when you have recorded enough data samples for one action"
+  },
+  "add-action-hint-label": {
+    "defaultMessage": "Finished recording for {actionName}? Press ‘Add action’ button to add another action",
+    "description": "Hint when you have recorded enough data samples for one action aria label"
+  },
   "ai-activity-timer-resource-title": {
     "defaultMessage": "Minuteur d'activité IA",
     "description": "Home page resource card title"
@@ -259,10 +267,6 @@
     "defaultMessage": "Câble Micro USB",
     "description": "Label for cable icon in list of requirements"
   },
-  "connect-or-import": {
-    "defaultMessage": "<link1>Connecter un micro:bit de collecte de données</link1> ou <link2>importer des échantillons de données</link2>",
-    "description": "Empty data samples page text"
-  },
   "connect-pattern-heading": {
     "defaultMessage": "Copier le motif",
     "description": "Heading for Bluetooth pattern connection dialog"
@@ -1179,6 +1183,10 @@
     "defaultMessage": "Plus de modifications dans les options MakeCode",
     "description": "Aria label for the additional actions menu to the right of the Edit in MakeCode button"
   },
+  "move-hint": {
+    "defaultMessage": "Move the micro:bit to explore how different actions change the graph",
+    "description": "Hint when you have just connected a micro:bit"
+  },
   "name-action-hint": {
     "defaultMessage": "Nommez une action que vous voulez que le micro:bit reconnaisse",
     "description": "Hint shown when you have an unnamed action"
@@ -1251,10 +1259,6 @@
     "defaultMessage": "Suivant",
     "description": "Next button text for dialogs and similar"
   },
-  "no-data-samples": {
-    "defaultMessage": "Aucun échantillon de données",
-    "description": "Empty data samples page status text"
-  },
   "not-create-ai-hex-import-dialog-content": {
     "defaultMessage": "Ce projet ne contenait pas d'échantillons de données, donc seul le code a été ouvert. Vous devez entraîner un modèle avant de pouvoir utiliser le code.",
     "description": "Content of import non-CreateAI hex dialog"
@@ -1399,6 +1403,14 @@
     "defaultMessage": "Appuyez pour enregistrer un échantillon de données ou appuyez sur le bouton B de votre micro:bit de collecte de données.",
     "description": "Hint when you have named the first action but not recorded any data samples and have a micro:bit connected"
   },
+  "record-more-hint": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}}",
+    "description": "Hint when you have not recorded enough data samples. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
+  "record-more-hint-label": {
+    "defaultMessage": "Record at least {numSamples, plural, one {{numSamples} more data sample} other {{numSamples} more data samples}} for {actionName}",
+    "description": "Hint when you have not recorded enough data samples aria label. Uses ICU syntax for pluralisation: https://formatjs.io/docs/core-concepts/icu-syntax/#plural-format."
+  },
   "record-samples": {
     "defaultMessage": "Enregistrer {numSamples} échantillons ",
     "description": "Additional recording action text"
@@ -1723,6 +1735,14 @@
     "defaultMessage": "Entraînement d'un modèle",
     "description": "Training dialog"
   },
+  "train-hint": {
+    "defaultMessage": "Finished recording?<mark>Train the model</mark>",
+    "description": "Hint when you have recorded enough data samples to train a model"
+  },
+  "train-hint-label": {
+    "defaultMessage": "Finished recording? Press ‘Train the model’ button to train the model",
+    "description": "Hint when you have recorded enough data samples to train a model aria label"
+  },
   "train-model": {
     "defaultMessage": "Entraîner le modèle",
     "description": "Action to train a model"
@@ -1806,5 +1826,9 @@
   "webusb-retry-replug4": {
     "defaultMessage": "débrancher et rebrancher le câble USB",
     "description": "WebUSB error dialog"
+  },
+  "welcome-title": {
+    "defaultMessage": "Welcome to micro:bit CreateAI",
+    "description": "Welcome dialog"
   }
 }