feat: Add WelcomeView component and guided tour steps

Assisted-by: Claude Opus 4.7

Author: PierreRaybaut

src/App.tsx

@@ -16,6 +16,7 @@ import { getHelpIconUrl } from "../assets/helpIcons";
 import { getIoIconUrl } from "../assets/ioIcons";
 import { getRoiIconUrl } from "../assets/roiIcons";
 import { getRootIconUrl } from "../assets/rootIcons";
+import datalabIconUrl from "../assets/DataLab.svg?url";
 import type { ActionDescriptor, ActionState } from "./types";
 
 /** Callbacks needed to build the static (non-feature) actions. */
@@ -181,18 +182,37 @@ export interface HelpActionCallbacks {
   onShowShortcuts: () => void;
   onShowConsole: () => void;
   onOpenUserGuide: () => void;
+  onOpenWelcome: () => void;
+  onStartTour: () => void;
 }
 
 /** Wire Help / "?" menu actions. */
 export function buildHelpActions(cb: HelpActionCallbacks): ActionDescriptor[] {
   // Help entries are always available (no runtime dependency).
   const always = () => true;
   return [
+    {
+      id: "help.welcome",
+      label: "Welcome",
+      menuPath: "Help/Welcome",
+      iconUrl: datalabIconUrl,
+      enabled: always,
+      run: cb.onOpenWelcome,
+    },
+    {
+      id: "help.tour",
+      label: "Take the guided tour",
+      menuPath: "Help/Take the guided tour",
+      iconUrl: getHelpIconUrl("libre-gui-questions.svg"),
+      enabled: always,
+      run: cb.onStartTour,
+    },
     {
       id: "help.userguide",
       label: "User guide",
       menuPath: "Help/User guide",
       iconUrl: getHelpIconUrl("libre-gui-help.svg"),
+      beginGroup: true,
       enabled: always,
       run: cb.onOpenUserGuide,
     },

src/actions/registry.ts

@@ -74,6 +74,7 @@ export function MenuBar(props: Props) {
               key={node.label}
               className={"menubar-top" + (isOpen ? " open" : "")}
               role="menuitem"
+              data-menu-top={node.label}
               aria-haspopup="true"
               aria-expanded={isOpen}
               onClick={(event) => {