feat(FR-873): set dashboard page as a default (#3554)

Resolves #3546 ([FR-873](https://lablup.atlassian.net/browse/FR-873))

## Rename `experimental_dashboard` to `classic_dashboard_page` with inverted logic

This PR renames the user setting `experimental_dashboard` to `classic_dashboard_page` and inverts its logic. The dashboard page is now the default view, and users can opt to use the classic summary page instead.

The change affects:
- Router configuration in App.tsx
- WebUISider menu item display logic
- User settings definition and UI controls
- All language translation files with updated descriptions

This change better reflects that the dashboard is now the standard view rather than an experimental feature, while still allowing users to switch back to the classic summary page if preferred.

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/2HueYSdFvL8pOB5mgrUQ/83d03b46-701d-484f-97e4-73da95fe446c.png)

**Checklist:**
- [x] Documentation
- [ ] Minium required manager version
- [ ] Specific setting for review (eg., KB link, endpoint or how to setup)
- [ ] Minimum requirements to check during review
- [ ] Test case(s) to demonstrate the difference of before/after

[FR-873]: https://lablup.atlassian.net/browse/FR-873?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: agatha197

react/src/App.tsx

@@ -170,10 +170,10 @@ const router = createBrowserRouter([
         path: '/summary',
         Component: () => {
           const location = useLocation();
-          const [experimentalDashboard] = useBAISettingUserState(
-            'experimental_dashboard',
+          const [isClassicDashboardPage] = useBAISettingUserState(
+            'classic_dashboard_page',
           );
-          return experimentalDashboard ? (
+          return !isClassicDashboardPage ? (
             <WebUINavigate to={'/dashboard' + location.search} replace />
           ) : null;
         },
@@ -184,13 +184,15 @@ const router = createBrowserRouter([
         handle: { labelKey: 'webui.menu.Dashboard' },
         Component: () => {
           const location = useLocation();
-          const [experimentalDashboard] = useBAISettingUserState(
-            'experimental_dashboard',
+          const [isClassicDashboardPage] = useBAISettingUserState(
+            'classic_dashboard_page',
           );
-          return experimentalDashboard ? (
-            <Suspense fallback={<Skeleton active />}>
-              <DashboardPage />
-            </Suspense>
+          return !isClassicDashboardPage ? (
+            <BAIErrorBoundary>
+              <Suspense fallback={<Skeleton active />}>
+                <DashboardPage />
+              </Suspense>
+            </BAIErrorBoundary>
           ) : (
             <WebUINavigate to={'/summary' + location.search} replace />
           );

react/src/components/MainLayout/WebUISider.tsx

@@ -152,8 +152,8 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
   const [experimentalAIAgents] = useBAISettingUserState(
     'experimental_ai_agents',
   );
-  const [experimentalDashboard] = useBAISettingUserState(
-    'experimental_dashboard',
+  const [isClassicDashboardPage] = useBAISettingUserState(
+    'classic_dashboard_page',
   );
   const generalMenu = filterOutEmpty<WebUIGeneralMenuItemType>([
     {
@@ -162,13 +162,13 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
       key: 'start',
       group: 'none',
     },
-    experimentalDashboard && {
+    !isClassicDashboardPage && {
       label: <WebUILink to="/dashboard">{t('webui.menu.Dashboard')}</WebUILink>,
       icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
       key: 'dashboard',
       group: 'none',
     },
-    !experimentalDashboard && {
+    isClassicDashboardPage && {
       label: <WebUILink to="/summary">{t('webui.menu.Summary')}</WebUILink>,
       icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
       key: 'summary',

react/src/hooks/useBAISetting.tsx

@@ -16,6 +16,7 @@ interface UserSettings {
   endpoints?: Array<string>;
   auto_logout?: boolean;
   selected_language?: string;
+  classic_dashboard_page?: boolean;
   recentSessionHistory?: Array<SessionHistory>;
   pinnedSessionHistory?: Array<SessionHistory>;
   start_board_items?: Array<Omit<BAIBoardItem, 'data'>>;

react/src/pages/UserSettingsPage.tsx

@@ -52,8 +52,8 @@ const UserPreferencesPage = () => {
   );
   const [experimentalAIAgents, setExperimentalAIAgents] =
     useBAISettingUserState('experimental_ai_agents');
-  const [experimentalDashboard, setExperimentalDashboard] =
-    useBAISettingUserState('experimental_dashboard');
+  const [isClassicDashboardPage, setIsClassicDashboardPage] =
+    useBAISettingUserState('classic_dashboard_page');
   const [shellInfo, setShellInfo] = useState<ShellScriptType>('bootstrap');
   const [isOpenShellScriptEditModal, { toggle: toggleShellScriptEditModal }] =
     useToggle(false);
@@ -306,6 +306,18 @@ const UserPreferencesPage = () => {
             setClassicSessionList(e.target.checked);
           },
         },
+        {
+          'data-testid': 'items-classic-dashboard',
+          type: 'checkbox',
+          title: t('webui.menu.ClassicDashboardPage'),
+          description: t('general.Enabled'),
+          defaultValue: false,
+          value: isClassicDashboardPage,
+          setValue: setIsClassicDashboardPage,
+          onChange: (e) => {
+            setIsClassicDashboardPage(e.target.checked);
+          },
+        },
       ],
     },
     {
@@ -325,18 +337,6 @@ const UserPreferencesPage = () => {
             setExperimentalAIAgents(e.target.checked);
           },
         },
-        {
-          'data-testid': 'items-experimental-dashboard',
-          type: 'checkbox',
-          title: t('webui.menu.Dashboard'),
-          description: t('userSettings.DescExperimentalDashboard'),
-          defaultValue: false,
-          value: experimentalDashboard,
-          setValue: setExperimentalDashboard,
-          onChange: (e) => {
-            setExperimentalDashboard(e.target.checked);
-          },
-        },
       ],
     },
   ];

resources/i18n/de.json

@@ -1926,6 +1926,8 @@
     "BootstrapScriptDescription": "Das Bootstrap-Skript wird nur einmal nach der Erstellung der Sitzung ausgeführt",
     "BootstrapScriptEmpty": "Das Skript ist leer. \nBitte geben Sie das Skript ein.",
     "BootstrapScriptUpdated": "Bootstrap-Skript aktualisiert.",
+    "ClassicFeatures": "Klassische Funktionen",
+    "ClassicFeaturesDesc": "Wenn Sie auf eine klassische Version zurückkehren, können Sie Stabilität und Funktionen wiedererlangen, während Sie auf die Veröffentlichung von Updates oder Korrekturen warten.",
     "ClassicSessionList": "Klassische Sitzungsliste Seite",
     "ClearSSHKeypairInput": "Geschriebenes SSH-Schlüsselpaar wird entfernt. Sind Sie sicher, dass Sie fortfahren möchten?",
     "ConfigFilename": "Name der Konfigurationsdatei",
@@ -1935,7 +1937,6 @@
     "DescAutoLogout": "Melden Sie sich automatisch ab, wenn alle angemeldeten Seiten geschlossen sind, mit Ausnahme von sitzungsbasierten Seiten für Apps (z. B. Jupyter Notebook, Webterminal usw.)",
     "DescAutomaticUpdateCheck": "Benachrichtigen, wenn eine neue WebUI-Version veröffentlicht wird.<br />Wenn die Funktion automatisch deaktiviert wird, wird durch erneutes Klicken auf den Schalter die Updateprüfung fortgesetzt.",
     "DescBetaFeatures": "Verwenden Sie Betafunktionen für die Web-Benutzeroberfläche. <br /> Beta-Funktionen können instabil sein. Einige Betafunktionen werden möglicherweise nicht als offizielle Funktionen übernommen.",
-    "DescClassicSessionLauncher": "Verwenden Sie den Classic-Sitzungsstarter anstelle des NEO-Sitzungsstarters. \nDer Classic Sitzungsstarter verfügt möglicherweise nicht über die neuesten Funktionen.",
     "DescDesktopNotification": "Aktiviert Desktop-Benachrichtigungen. <br />Wenn eingeschaltet, verwendet Backend.AI auch das Benachrichtigungssystem des Betriebssystems. Das Ausschalten dieser Option wirkt sich nicht auf Benachrichtigungen in der Web-UI aus. Je nach Betriebssystem müssen Benachrichtigungsberechtigungen möglicherweise in den Systemeinstellungen aktiviert werden.",
     "DescExperimentalDashboard": "Verwenden Sie die Dashboard -Seite anstelle einer zusammenfassenden Seite.",
     "DescKeepLoginSessionInformation": "Lassen Sie die Webui-App beim nächsten Mal die aktuellen Anmeldesitzungsinformationen beibehalten. <br /> Wenn die Option deaktiviert ist, werden die Anmeldeinformationen bei jeder Abmeldung gelöscht.",
@@ -2019,6 +2020,7 @@
       "Cancel": "Stornieren",
       "ChangePassword": "Kennwort ändern",
       "Chat": "Chat",
+      "ClassicDashboardPage": "Klassische Dashboard -Seite (Zusammenfassung Seite)",
       "ClickToDownload": "Klicken Sie hier, um herunterzuladen",
       "ComputationResources": "Rechenressourcen",
       "Configurations": "Konfigurationen",

resources/i18n/el.json

@@ -1925,6 +1925,8 @@
     "BootstrapScriptDescription": "Το σενάριο Bootstrap θα εκτελεστεί μόνο μία φορά μετά τη δημιουργία συνεδρίας",
     "BootstrapScriptEmpty": "Το σενάριο είναι κενό. \nΕισαγάγετε το σενάριο.",
     "BootstrapScriptUpdated": "Το σενάριο Bootstrap ενημερώθηκε.",
+    "ClassicFeatures": "Κλασικά χαρακτηριστικά",
+    "ClassicFeaturesDesc": "Η κύλιση πίσω σε μια κλασική έκδοση μπορεί να σας βοηθήσει να ανακτήσετε τη σταθερότητα και τη λειτουργικότητα ενώ περιμένετε να κυκλοφορήσουν ενημερώσεις ή διορθώσεις.",
     "ClassicSessionList": "Κλασική σελίδα λίστας συνεδριών",
     "ClearSSHKeypairInput": "Το γραπτό πληκτρολόγιο SSH θα αφαιρεθεί. Εισαι σιγουρος οτι θελεις να συνεχισεις?",
     "ConfigFilename": "Διαμόρφωση ονόματος αρχείου",
@@ -1934,7 +1936,6 @@
     "DescAutoLogout": "Αποσυνδεθείτε αυτόματα εάν όλες οι συνδεδεμένες σελίδες είναι κλειστές εκτός από τις σελίδες που προέρχονται από περίοδο σύνδεσης για εφαρμογές (π.χ. jupyter notebook, web terminal κ.λπ.)",
     "DescAutomaticUpdateCheck": "Ειδοποίηση όταν κυκλοφορεί μια νέα έκδοση webui.<br />Εάν η λειτουργία απενεργοποιηθεί αυτόματα, το κλικ στον διακόπτη ξανά θα συνεχίσει τους ελέγχους ενημέρωσης.",
     "DescBetaFeatures": "Χρησιμοποιήστε λειτουργίες beta για διεπαφή χρήστη Ιστού. <br /> Οι λειτουργίες beta ενδέχεται να είναι ασταθείς. Ορισμένες λειτουργίες beta ενδέχεται να μην υιοθετηθούν ως επίσημη λειτουργία.",
-    "DescClassicSessionLauncher": "Χρησιμοποιήστε το πρόγραμμα εκκίνησης συνεδρίας Classic αντί για το πρόγραμμα εκκίνησης συνεδρίας NEO. \nΤο πρόγραμμα εκκίνησης περιόδου λειτουργίας Classic ενδέχεται να μην έχει τις πιο πρόσφατες δυνατότητες.",
     "DescDesktopNotification": "Ενεργοποιεί τις ειδοποιήσεις επιφάνειας εργασίας. <br />Όταν ενεργοποιηθεί, το Backend.AI χρησιμοποιεί επίσης το σύστημα ειδοποιήσεων του λειτουργικού συστήματος. Η απενεργοποίηση αυτού δεν επηρεάζει τις ειδοποιήσεις εντός του web UI. Ανάλογα με το λειτουργικό σύστημα, οι άδειες ειδοποιήσεων ενδέχεται να χρειάζονται ενεργοποίηση στις ρυθμίσεις συστήματος.",
     "DescExperimentalDashboard": "Χρησιμοποιήστε τη σελίδα ταμπλό αντί για συνοπτική σελίδα.",
     "DescKeepLoginSessionInformation": "Αφήστε την εφαρμογή webui να διατηρήσει τις τρέχουσες πληροφορίες σύνδεσης κατά την επόμενη φορά. <br /> Εάν η επιλογή είναι απενεργοποιημένη, οι πληροφορίες σύνδεσης θα εκκαθαρίζονται σε κάθε αποσύνδεση.",
@@ -2017,6 +2018,7 @@
       "Cancel": "Ματαίωση",
       "ChangePassword": "Άλλαξε κωδικό",
       "Chat": "Συνομιλία",
+      "ClassicDashboardPage": "Κλασική σελίδα ταμπλό (σελίδα συνοπτικής)",
       "ClickToDownload": "Κάντε κλικ για λήψη",
       "ComputationResources": "Πόροι υπολογισμού",
       "Configurations": "Διαμορφώσεις",

resources/i18n/en.json

@@ -1936,6 +1936,8 @@
     "BootstrapScriptDescription": "Bootstrap script will be executed only once after session creation",
     "BootstrapScriptEmpty": "The script is empty. \nPlease enter the script.",
     "BootstrapScriptUpdated": "Bootstrap script updated.",
+    "ClassicFeatures": "Classic features",
+    "ClassicFeaturesDesc": "Rolling back to a classic version can help you regain stability and functionality while you wait for updates or fixes to be released.",
     "ClassicSessionList": "Classic Session list page",
     "ClearSSHKeypairInput": "Written SSH Keypair will be removed. Are you sure you want to continue?",
     "ConfigFilename": "Config file name",
@@ -1945,7 +1947,6 @@
     "DescAutoLogout": "Log out automatically if all logined pages are closed except session originated pages for apps(e.g. jupyter notebook, web terminal, etc.)",
     "DescAutomaticUpdateCheck": "Notify when a new webui version is released.<br />If the feature is automatically disabled, clicking the toggle again will resume update checks.",
     "DescBetaFeatures": "Use beta features for Web UI.<br />Beta features may be unstable. Some beta features may not be adopted as official feature.",
-    "DescClassicSessionLauncher": "Use the Classic session launcher instead of the NEO session launcher. Classic session launcher may not have the latest features.",
     "DescDesktopNotification": "Enables desktop notifications. <br />When turned on, Backend.AI also uses the operating system’s notification system. Turning this off does not affect notifications within the web UI. Depending on the operating system, notification permissions may need to be enabled in system settings.",
     "DescExperimentalDashboard": "Use Dashboard page instead of Summary page.",
     "DescKeepLoginSessionInformation": "Let webui app keep current login session information next time.<br />If the option is turned off, login information will be cleared each logout.",
@@ -2029,6 +2030,7 @@
       "Cancel": "Cancel",
       "ChangePassword": "Change Password",
       "Chat": "Chat",
+      "ClassicDashboardPage": "Classic Dashboard Page (Summary Page)",
       "ClickToDownload": "Click to download",
       "ComputationResources": "Computation Resources",
       "Configurations": "Configurations",

resources/i18n/es.json

@@ -1928,6 +1928,8 @@
     "BootstrapScriptDescription": "El script Bootstrap se ejecutará sólo una vez tras la creación de la sesión",
     "BootstrapScriptEmpty": "El guión está vacío. \nPor favor ingrese el guión.",
     "BootstrapScriptUpdated": "Script Bootstrap actualizado.",
+    "ClassicFeatures": "Características clásicas",
+    "ClassicFeaturesDesc": "Regresar a una versión clásica puede ayudarlo a recuperar la estabilidad y la funcionalidad mientras espera que sean actualizaciones o correcciones.",
     "ClassicSessionList": "Página de lista de sesiones clásicas",
     "ClearSSHKeypairInput": "Se eliminará el par de claves SSH escrito. ¿Está seguro de que desea continuar?",
     "ConfigFilename": "Nombre del archivo de configuración",
@@ -1937,7 +1939,6 @@
     "DescAutoLogout": "Cierre de sesión automático si se cierran todas las páginas de inicio de sesión, excepto las páginas de inicio de sesión para aplicaciones (p. ej., cuaderno jupyter, terminal web, etc.).",
     "DescAutomaticUpdateCheck": "Notificar cuando se publique una nueva versión de webui.<br />En los casos en que Internet sea inestable o esté desconectado, esta opción se desactivará automáticamente. Puede activar este interruptor para iniciar la comprobación de actualización automática de nuevo.",
     "DescBetaFeatures": "Utilice las funciones beta para la interfaz de usuario web.<br />Las funciones beta pueden ser inestables. Es posible que algunas funciones beta no se adopten como funciones oficiales.",
-    "DescClassicSessionLauncher": "Utilice el iniciador de sesiones Classic en lugar del iniciador de sesiones NEO. \nEs posible que el iniciador de sesiones Classic no tenga las funciones más recientes.",
     "DescDesktopNotification": "Habilita la notificación de escritorio. \n<br /> Si está activado, Backend.Ai usa el sistema de notificación integrado del sistema operativo también. \nDesactivar esta opción no afecta las notificaciones dentro de la interfaz de usuario web. \nDependiendo del sistema operativo, las notificaciones de escritorio pueden requerir habilitar los permisos de notificación en la configuración del sistema.",
     "DescExperimentalDashboard": "Use la página del tablero en lugar de la página de resumen.",
     "DescKeepLoginSessionInformation": "Permite que la aplicación webui conserve la información de la sesión de inicio de sesión actual la próxima vez.<br />Si la opción está desactivada, la información de inicio de sesión se borrará cada vez que se cierre la sesión.",
@@ -2021,6 +2022,7 @@
       "Cancel": "Cancelar",
       "ChangePassword": "Cambiar contraseña",
       "Chat": "Chat",
+      "ClassicDashboardPage": "Página clásica del tablero (página de resumen)",
       "ClickToDownload": "Haga clic para descargar",
       "ComputationResources": "Recursos informáticos",
       "Configurations": "Configuraciones",

resources/i18n/fi.json

@@ -1927,6 +1927,8 @@
     "BootstrapScriptDescription": "Bootstrap-skripti suoritetaan vain kerran istunnon luomisen jälkeen.",
     "BootstrapScriptEmpty": "Käsikirjoitus on tyhjä. \nAnna käsikirjoitus.",
     "BootstrapScriptUpdated": "Bootstrap-skripti päivitetty.",
+    "ClassicFeatures": "Klassiset ominaisuudet",
+    "ClassicFeaturesDesc": "Klassiseen versioon palaaminen voi auttaa sinua palauttamaan vakauden ja toiminnallisuuden odottaessasi päivitysten tai korjausten julkaisua.",
     "ClassicSessionList": "Klassinen istuntoluettelosivu",
     "ClearSSHKeypairInput": "Kirjoitettu SSH-avainpari poistetaan. Haluatko varmasti jatkaa?",
     "ConfigFilename": "Konfigurointitiedoston nimi",
@@ -1936,7 +1938,6 @@
     "DescAutoLogout": "Kirjaudu ulos automaattisesti, jos kaikki kirjautuneet sivut suljetaan, lukuun ottamatta sovellusten (esim. jupyter notebook, verkkopääte jne.) istunnon luomia sivuja.",
     "DescAutomaticUpdateCheck": "Ilmoita kun uusi webui-versio julkaistaan.<br />Jos ominaisuus poistetaan automaattisesti käytöstä, kytkimen uudelleen klikkaaminen jatkaa päivitystarkistuksia.",
     "DescBetaFeatures": "Käytä web-käyttöliittymän beta-ominaisuuksia.<br />Beta-ominaisuudet voivat olla epävakaita. Joitakin beta-ominaisuuksia ei ehkä hyväksytä viralliseksi ominaisuudeksi.",
-    "DescClassicSessionLauncher": "Käytä Classic-istunnonkäynnistysohjelmaa NEO-istunnonkäynnistimen sijaan. \nClassic istunnonkäynnistysohjelmassa ei välttämättä ole uusimpia ominaisuuksia.",
     "DescDesktopNotification": "Ottaa käyttöön työpöytäilmoitukset. <br />Kun päällä, Backend.AI käyttää myös käyttöjärjestelmän ilmoitusjärjestelmää. Tämän sammuttaminen ei vaikuta web-käyttöliittymän sisäisiin ilmoituksiin. Käyttöjärjestelmästä riippuen ilmoitusoikeudet saattaa tarvita ottaa käyttöön järjestelmäasetuksissa.",
     "DescExperimentalDashboard": "Käytä kojelaudan sivua yhteenvetosivun sijasta.",
     "DescKeepLoginSessionInformation": "Anna webui-sovelluksen säilyttää nykyisen kirjautumisistunnon tiedot seuraavalla kerralla.<br />Jos vaihtoehto on pois päältä, kirjautumistiedot tyhjennetään jokaisen uloskirjautumisen yhteydessä.",
@@ -2020,6 +2021,7 @@
       "Cancel": "Peruuta",
       "ChangePassword": "Vaihda salasana",
       "Chat": "Chat",
+      "ClassicDashboardPage": "Klassinen kojelaudan sivu (yhteenvetosivu)",
       "ClickToDownload": "Napsauta ladataksesi",
       "ComputationResources": "Laskentaresurssit",
       "Configurations": "Kokoonpanot",