microbit-foundation · microbit-robert · Sep 16, 2026 · Sep 16, 2026
diff --git a/lang/ui.ca.json b/lang/ui.ca.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "El nom del projecte no pot estar buit"
   },
-  "project-tab": {
-    "defaultMessage": "Projecte"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Visualitza, crea, afegeix i edita els fitxers del teu projecte"
-  },
   "python-powered": {
     "defaultMessage": "Fet amb Python"
   },

diff --git a/lang/ui.de.json b/lang/ui.de.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "Der Projektname darf nicht leer sein"
   },
-  "project-tab": {
-    "defaultMessage": "Projekt"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Anzeigen, Erstellen, Hinzufügen und Bearbeiten der Dateien in deinem Projekt"
-  },
   "python-powered": {
     "defaultMessage": "Python betrieben"
   },

diff --git a/lang/ui.en.json b/lang/ui.en.json
@@ -331,6 +331,14 @@
     "defaultMessage": "The name cannot contain spaces",
     "description": "Warning text for new Python file name with whitespace"
   },
+  "files-tab": {
+    "defaultMessage": "Files",
+    "description": "Files tab button text. Tab shows the files in the project."
+  },
+  "files-tab-description": {
+    "defaultMessage": "Add Python modules to support micro:bit accessories or organise larger projects",
+    "description": "Files tab description text. Tab shows the files in the project."
+  },
   "firmware-update-link": {
     "defaultMessage": "You must <link>update your firmware</link> before you can connect to this micro:bit.",
     "description": "Text in the firmware update dialog"
@@ -670,14 +678,6 @@
     "defaultMessage": "Your data is saved in this browser on this device. Clearing your browser's cookies or site data will delete it. It may also be automatically removed by your browser if your device is low on storage.",
     "description": "Tooltip on the home page projects row heading explaining where projects are stored"
   },
-  "project-tab": {
-    "defaultMessage": "Files",
-    "description": "Files tab button text (the project's files)"
-  },
-  "project-tab-description": {
-    "defaultMessage": "View, create, add and edit the files in your project",
-    "description": "Project tab description"
-  },
   "projects-page-title": {
     "defaultMessage": "Projects",
     "description": "Title of the page listing all projects"

diff --git a/lang/ui.es-ES.json b/lang/ui.es-ES.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "El nombre del proyecto no puede estar en blanco"
   },
-  "project-tab": {
-    "defaultMessage": "Proyecto"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Ver, crear, añadir y editar los archivos del proyecto"
-  },
   "python-powered": {
     "defaultMessage": "Funciona con Python"
   },

diff --git a/lang/ui.fr.json b/lang/ui.fr.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "Le nom du projet ne peut pas être vide"
   },
-  "project-tab": {
-    "defaultMessage": "Projet"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Visualiser, créer, ajouter et modifier les fichiers de votre projet"
-  },
   "python-powered": {
     "defaultMessage": "Fonctionne avec Python"
   },

diff --git a/lang/ui.ga-IE.json b/lang/ui.ga-IE.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "Ní féidir ainm an tionscadail a fholmhú"
   },
-  "project-tab": {
-    "defaultMessage": "Tionscadal"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Amharc ar na comhaid i do thionscadal, iad a chruthú, a chur leis agus a chur in eagar"
-  },
   "python-powered": {
     "defaultMessage": "Python faoi thiomáint"
   },

diff --git a/lang/ui.ja.json b/lang/ui.ja.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "プロジェクト名は空にできません"
   },
-  "project-tab": {
-    "defaultMessage": "プロジェクト"
-  },
-  "project-tab-description": {
-    "defaultMessage": "プロジェクト内のファイルの表示、作成、追加、編集"
-  },
   "python-powered": {
     "defaultMessage": "Python搭載"
   },

diff --git a/lang/ui.ko.json b/lang/ui.ko.json
@@ -416,12 +416,6 @@
   "project-name-not-empty": {
     "defaultMessage": "프로젝트 이름을 입력해야 합니다"
   },
-  "project-tab": {
-    "defaultMessage": "프로젝트"
-  },
-  "project-tab-description": {
-    "defaultMessage": "프로젝트에서 파일을 확인하고, 생성하고, 추가하고 편집할 수 있습니다"
-  },
   "python-powered": {
     "defaultMessage": "Python powered"
   },

diff --git a/lang/ui.lol.json b/lang/ui.lol.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "crwdns331644:0crwdne331644:0"
   },
-  "project-tab": {
-    "defaultMessage": "crwdns331646:0crwdne331646:0"
-  },
-  "project-tab-description": {
-    "defaultMessage": "crwdns331648:0crwdne331648:0"
-  },
   "python-powered": {
     "defaultMessage": "crwdns331650:0crwdne331650:0"
   },

diff --git a/lang/ui.nl.json b/lang/ui.nl.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "De projectnaam kan niet leeg zijn"
   },
-  "project-tab": {
-    "defaultMessage": "Project"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Bekijk, aanmaken, toevoegen en bewerken van de bestanden in je project"
-  },
   "python-powered": {
     "defaultMessage": "Python actief"
   },

diff --git a/lang/ui.pl.json b/lang/ui.pl.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "Nazwa projektu nie może być pusta"
   },
-  "project-tab": {
-    "defaultMessage": "Projekt"
-  },
-  "project-tab-description": {
-    "defaultMessage": "Przejrzyj, utwórz, dodaj i edytuj pliki w projekcie"
-  },
   "python-powered": {
     "defaultMessage": "Obsługiwany przez Python"
   },

diff --git a/lang/ui.zh-CN.json b/lang/ui.zh-CN.json
@@ -419,12 +419,6 @@
   "project-name-not-empty": {
     "defaultMessage": "项目名称不能为空"
   },
-  "project-tab": {
-    "defaultMessage": "项目"
-  },
-  "project-tab-description": {
-    "defaultMessage": "查看、创建、添加和编辑您项目中的文件"
-  },
   "python-powered": {
     "defaultMessage": "Python 驱动"
   },

diff --git a/lang/ui.zh-TW.json b/lang/ui.zh-TW.json
@@ -416,12 +416,6 @@
   "project-name-not-empty": {
     "defaultMessage": "專案名稱不可為空白"
   },
-  "project-tab": {
-    "defaultMessage": "專案"
-  },
-  "project-tab-description": {
-    "defaultMessage": "檢視、建立、新增和編輯專案中的檔案"
-  },
   "python-powered": {
     "defaultMessage": "已啟動 Python"
   },

diff --git a/src/project/ProjectArea.tsx b/src/project/ProjectArea.tsx
@@ -3,14 +3,14 @@
  *
  * SPDX-License-Identifier: MIT
  */
-import { List, ListItem, Text } from "@microbit/ui";
-import { FormattedMessage } from "react-intl";
+import { Divider, List, ListItem } from "@microbit/ui";
+import { useIntl } from "react-intl";
 import { Box, VStack } from "styled-system/jsx";
+import AreaHeading from "../common/AreaHeading";
 import FileRow from "./FileRow";
 import { useProject } from "./project-hooks";
 import { isEditableFile } from "./project-utils";
 import ProjectAreaNav from "./ProjectAreaNav";
-import ProjectNameEditable from "./ProjectNameEditable";
 
 interface ProjectAreaProps {
   selectedFile: string | undefined;
@@ -25,22 +25,15 @@ const ProjectArea = ({
   onSelectedFileChanged,
 }: ProjectAreaProps) => {
   const { files } = useProject();
+  const intl = useIntl();
   return (
-    <VStack gap="5" pt="2" flex="1 0 auto" height="0" alignItems="stretch">
-      <Box flex="0 0 auto" px="5" pt="3">
-        <Text fontSize="xs">
-          <FormattedMessage id="project-name" />
-        </Text>
-        <ProjectNameEditable
-          as="h2"
-          fontSize="3xl"
-          fontWeight="semibold"
-          button="after"
-          justifyContent="space-between"
-          alignItems="flex-start"
-          lineHeight="1.3"
-          pt="0.5"
+    <VStack gap="5" flex="1 0 auto" height="0" alignItems="stretch">
+      <Box flex="0 0 auto">
+        <AreaHeading
+          name={intl.formatMessage({ id: "files-tab" })}
+          description={intl.formatMessage({ id: "files-tab-description" })}
         />
+        <Divider thickness="thick" />
       </Box>
 
       <List flex="1 1 auto" pl="1" pr="1.5" overflowY="auto">

diff --git a/src/workbench/SideBar.tsx b/src/workbench/SideBar.tsx
@@ -95,7 +95,7 @@ const SideBar = ({
       },
       {
         id: "project" as const,
-        title: intl.formatMessage({ id: "project-tab" }),
+        title: intl.formatMessage({ id: "files-tab" }),
         icon: VscFiles,
         contents: (
           <ProjectArea