refactor(welcome): remove the release notes NEW badge

Assisted-by: Claude Opus 5.5

Author: PierreRaybaut

CHANGELOG.md

@@ -20,6 +20,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 
 ### Changed
 
+- **Welcome page:** the "NEW" badge on the release notes entry has been removed.
 - **Histogram range editors:** generic parameter intervals now respect linked numeric constraints and read-only states. Brightness and contrast retains its specialized controls, including exact float64 window editing outside the source image's observed range.
 - **Guidata compatibility:** browser runtimes now require guidata 3.15 and use
   its native async DataSet backend and JSON Schema exporter. The former

src/App.tsx

@@ -5324,10 +5324,7 @@ export default function App() {
           />
         )}
         {releaseNotesOpen && (
-          <ReleaseNotesDialog
-            appVersion={(import.meta.env.VITE_APP_VERSION as string) ?? "dev"}
-            onClose={() => setReleaseNotesOpen(false)}
-          />
+          <ReleaseNotesDialog onClose={() => setReleaseNotesOpen(false)} />
         )}
         {h5BrowserFiles !== null && (
           <Suspense fallback={null}>

src/components/releasenotes/ReleaseNotesDialog.tsx

@@ -5,15 +5,10 @@
  * with the application bundle and always matches the running version.
  * Markdown is rendered with the shared :mod:`MarkdownView` (``marked``
  * + ``DOMPurify``).
- *
- * Opening the dialog records the current version as "seen" via
- * :func:`markReleaseSeen`, which clears the "NEW" badge surfaced by
- * the Welcome page.
  */
 
 import { useEffect } from "react";
 import { MarkdownView } from "../AIAssistant/MarkdownView";
-import { markReleaseSeen } from "../../utils/releaseNotes";
 import changelogMd from "../../../CHANGELOG.md?raw";
 
 /**
@@ -44,12 +39,10 @@ function stripEmptyUnreleased(md: string): string {
 const releaseNotesMd = stripEmptyUnreleased(changelogMd);
 
 interface Props {
-  /** Current application version (e.g. ``"0.2.0"``). */
-  appVersion: string;
   onClose: () => void;
 }
 
-export function ReleaseNotesDialog({ appVersion, onClose }: Props) {
+export function ReleaseNotesDialog({ onClose }: Props) {
   // Esc closes the dialog (mirrors HelpDialog).
   useEffect(() => {
     const handler = (event: KeyboardEvent) => {
@@ -59,11 +52,6 @@ export function ReleaseNotesDialog({ appVersion, onClose }: Props) {
     return () => window.removeEventListener("keydown", handler);
   }, [onClose]);
 
-  // Mark this version as seen as soon as the dialog is mounted.
-  useEffect(() => {
-    markReleaseSeen(appVersion);
-  }, [appVersion]);
-
   return (
     <div
       className="overlay"

src/components/welcome/WelcomeView.tsx

@@ -22,7 +22,6 @@ import { getRootIconUrl } from "../../assets/rootIcons";
 import { getIoIconUrl } from "../../assets/ioIcons";
 import { getHelpIconUrl } from "../../assets/helpIcons";
 import { getH5IconUrl } from "../../assets/h5Icons";
-import { useUnseenRelease } from "../../utils/releaseNotes";
 import { t } from "../../i18n/translate";
 
 type Kind = "signal" | "image";
@@ -71,10 +70,6 @@ interface QuickAction {
    *  choose between Signal and Image. ``onKindSelect`` receives the
    *  picked kind. */
   onKindSelect?: (kind: Kind) => void;
-  /** Optional short text rendered as a coloured pill at the end of the
-   *  row label (e.g. ``"NEW"`` to highlight the release notes entry on
-   *  the first launch after an upgrade). */
-  badge?: string;
 }
 
 /** Read/write helper for the "show welcome on startup" preference. */
@@ -110,7 +105,6 @@ export function WelcomeView({
   onOpenReleaseNotes,
   onOpenAIAssistant,
 }: WelcomeViewProps) {
-  const releaseNotesUnseen = useUnseenRelease(appVersion);
   const startActions: QuickAction[] = [
     {
       iconUrl: getRootIconUrl("signal.svg"),
@@ -180,7 +174,6 @@ export function WelcomeView({
         "Browse the full release notes and recent changes to DataLab-Web.",
       ),
       onClick: onOpenReleaseNotes,
-      badge: releaseNotesUnseen ? "NEW" : undefined,
     },
   ];
 
@@ -310,14 +303,7 @@ function WelcomeActionRow({
           />
         )}
         <span className="welcome-action-text">
-          <span className="welcome-action-label">
-            {action.label}
-            {action.badge && (
-              <span className="welcome-action-badge" aria-label={t("New")}>
-                {action.badge}
-              </span>
-            )}
-          </span>
+          <span className="welcome-action-label">{action.label}</span>
           {action.description && (
             <span className="welcome-action-description">
               {action.description}

src/locales/fr.json

@@ -638,7 +638,6 @@
   "n": "n",
   "Name": "Nom",
   "Nearest": "Plus proche",
-  "New": "Nouveau",
   "New axis": "Nouvel axe",
   "New conversation": "Nouvelle conversation",
   "New group": "Nouveau groupe",

src/styles.css

@@ -6296,21 +6296,6 @@ input {
   color: var(--text);
 }
 
-.welcome-action-badge {
-  display: inline-block;
-  margin-left: 8px;
-  padding: 1px 6px;
-  border-radius: 8px;
-  background: var(--accent);
-  color: #fff;
-  font-size: 10px;
-  font-weight: 700;
-  letter-spacing: 0.5px;
-  line-height: 1.4;
-  vertical-align: middle;
-  text-transform: uppercase;
-}
-
 .welcome-action-description {
   font-size: 12px;
   color: var(--text-dim);