chore(FR-1757): remove legacy Lit components for summary and session pages (#4754)

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

## Summary
- Remove legacy Lit-Element components for Summary page and Session page
- Delete unused components: `backend-ai-summary-view`, `backend-ai-session-view`, `backend-ai-session-list`, `backend-ai-resource-monitor`, `backend-ai-resource-panel`, and related helper components
- Clean up references to removed components in React and Lit files
- Remove unused i18n translation keys

## Deleted Components
- `backend-ai-summary-view.ts`
- `backend-ai-session-view.ts`
- `backend-ai-session-list.ts`
- `backend-ai-resource-monitor.ts`
- `backend-ai-resource-panel.ts`
- `backend-ai-release-check.ts`
- `backend-ai-list-status.ts`
- `lablup-activity-panel.ts`
- `lablup-grid-sort-filter-column.ts`
- `lablup-loading-spinner.ts`
- `lablup-progress-bar.ts`
- `lablup-slider.ts`
- `lablup-piechart.ts`

## Test plan
- [ ] Verify Summary page works correctly with React implementation
- [ ] Verify Session page works correctly with React implementation
- [ ] Check that no runtime errors occur from missing component references
- [ ] Confirm build completes successfully

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

Author: ironAiken2

react/src/App.tsx

@@ -167,50 +167,34 @@ const router = createBrowserRouter([
         },
       },
       {
+        // TODO: For the convenience of existing users, this path will be retained. It is scheduled for deletion in the future.
         path: '/summary',
         Component: () => {
           const location = useLocation();
-          const [isClassicDashboardPage] = useBAISettingUserState(
-            'classic_dashboard_page',
-          );
-          return !isClassicDashboardPage ? (
-            <WebUINavigate to={'/dashboard' + location.search} replace />
-          ) : null;
+          return <WebUINavigate to={'/dashboard' + location.search} replace />;
         },
         handle: { labelKey: 'webui.menu.Summary' },
       },
       {
         path: '/dashboard',
         handle: { labelKey: 'webui.menu.Dashboard' },
         Component: () => {
-          const location = useLocation();
-          const [isClassicDashboardPage] = useBAISettingUserState(
-            'classic_dashboard_page',
-          );
-          return !isClassicDashboardPage ? (
+          return (
             <BAIErrorBoundary>
               <Suspense fallback={<Skeleton active />}>
                 <DashboardPage />
               </Suspense>
             </BAIErrorBoundary>
-          ) : (
-            <WebUINavigate to={'/summary' + location.search} replace />
           );
         },
       },
       {
+        // TODO: For the convenience of existing users, this path will be retained. It is scheduled for deletion in the future.
         path: '/job',
         handle: { labelKey: 'webui.menu.Sessions' },
         Component: () => {
           const location = useLocation();
-          const [classic_session_list] = useBAISettingUserState(
-            'classic_session_list',
-          );
-          return classic_session_list ? (
-            <SessionDetailAndContainerLogOpenerLegacy />
-          ) : (
-            <WebUINavigate to={'/session' + location.search} replace />
-          );
+          return <WebUINavigate to={'/session' + location.search} replace />;
         },
       },
       {
@@ -220,25 +204,13 @@ const router = createBrowserRouter([
           {
             path: '',
             Component: () => {
-              const location = useLocation();
-              const [classicSessionList] = useBAISettingUserState(
-                'classic_session_list',
-              );
-
               useSuspendedBackendaiClient();
 
-              return !classicSessionList ? (
-                <Suspense
-                  fallback={
-                    <Skeleton active />
-                    // <BAICard title={t('webui.menu.Sessions')} loading />
-                  }
-                >
+              return (
+                <Suspense fallback={<Skeleton active />}>
                   <ComputeSessionListPage />
                   <SessionDetailAndContainerLogOpenerLegacy />
                 </Suspense>
-              ) : (
-                <WebUINavigate to={'/job' + location.search} replace />
               );
             },
           },

react/src/components/ComputeSessionNodeItems/EditableSessionName.tsx

@@ -165,10 +165,6 @@ const EditableSessionName: React.FC<EditableSessionNameProps> = ({
                   .toPromise()
                   // ignore the error
                   .catch();
-                // ignore the error
-                document.dispatchEvent(
-                  new CustomEvent('backend-ai-session-list-refreshed'),
-                );
               },
               onError: () => {
                 // if the session name is not changed, do not show error

react/src/components/ComputeSessionNodeItems/TerminateSessionModal.tsx

@@ -291,11 +291,6 @@ const TerminateSessionModal: React.FC<TerminateSessionModalProps> = ({
         Promise.allSettled(promises).then(() => {
           setIsForce(false);
           onRequestClose(true);
-          // TODO: remove below code after session list migration to React
-          const event = new CustomEvent('backend-ai-session-list-refreshed', {
-            detail: 'running',
-          });
-          document.dispatchEvent(event);
         });
       }}
       okText={isForce ? t('button.ForceTerminate') : t('session.Terminate')}

react/src/hooks/useBAISetting.tsx

@@ -17,13 +17,11 @@ 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'>>;
   start_page_board_items?: Array<Omit<BAIBoardItem, 'data'>>;
   experimental_ai_agents?: boolean;
-  experimental_dashboard?: boolean;
   session_metrics_board_items?: Array<Omit<BAIBoardItem, 'data'>>;
   dashboard_board_items?: Array<Omit<BAIBoardItem, 'data'>>;
   admin_dashboard_board_items?: Array<Omit<BAIBoardItem, 'data'>>;
@@ -34,7 +32,6 @@ interface UserSettings {
   [key: `hiddenColumnKeys.${string}`]: Array<string>;
   [key: `table_column_overrides.${string}`]: BAITableColumnOverrideRecord;
 
-  classic_session_list?: boolean; // `experimental_neo_session_list` has been replaced with `classic_session_list`
   max_concurrent_uploads?: number;
   container_log_auto_refresh_enabled?: boolean;
   container_log_auto_refresh_interval?: number;

react/src/hooks/useCurrentProject.tsx

@@ -160,10 +160,6 @@ export const useSetCurrentProject = () => {
       baiClient.current_group = projectName;
       // @ts-ignore
       globalThis.backendaiutils._writeRecentProjectGroup(projectName);
-      const event: CustomEvent = new CustomEvent('backend-ai-group-changed', {
-        detail: projectName,
-      });
-      document.dispatchEvent(event);
     },
     [set, baiClient],
   );

react/src/hooks/useWebUIMenuItems.tsx

@@ -108,13 +108,9 @@ export const useWebUIMenuItems = ({
   const inactiveList = baiClient?._config?.inactiveList ?? null;
   const { token } = theme.useToken();
 
-  const [classic_session_list] = useBAISettingUserState('classic_session_list');
   const [experimentalAIAgents] = useBAISettingUserState(
     'experimental_ai_agents',
   );
-  const [isClassicDashboardPage] = useBAISettingUserState(
-    'classic_dashboard_page',
-  );
 
   const generalMenu = filterOutEmpty<WebUIGeneralMenuItemType>([
     {
@@ -123,24 +119,14 @@ export const useWebUIMenuItems = ({
       key: 'start',
       group: 'none',
     },
-    !isClassicDashboardPage && {
+    {
       label: <WebUILink to="/dashboard">{t('webui.menu.Dashboard')}</WebUILink>,
       icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
       key: 'dashboard',
       group: 'none',
     },
-    isClassicDashboardPage && {
-      label: <WebUILink to="/summary">{t('webui.menu.Summary')}</WebUILink>,
-      icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
-      key: 'summary',
-      group: 'none',
-    },
     {
-      label: (
-        <WebUILink to={classic_session_list ? '/job' : '/session'}>
-          {t('webui.menu.Sessions')}
-        </WebUILink>
-      ),
+      label: <WebUILink to={'/session'}>{t('webui.menu.Sessions')}</WebUILink>,
       icon: <BAISessionsIcon style={{ color: token.colorPrimary }} />,
       key: 'job',
       group: 'workload',

react/src/pages/UserSettingsPage.tsx

@@ -49,13 +49,8 @@ const UserPreferencesPage = () => {
   ] = useToggle(false);
   const [preserveLogin, setPreserveLogin] =
     useBAISettingUserState('preserve_login');
-  const [classicSessionList, setClassicSessionList] = useBAISettingUserState(
-    'classic_session_list',
-  );
   const [experimentalAIAgents, setExperimentalAIAgents] =
     useBAISettingUserState('experimental_ai_agents');
-  const [isClassicDashboardPage, setIsClassicDashboardPage] =
-    useBAISettingUserState('classic_dashboard_page');
   const [shellInfo, setShellInfo] = useState<ShellScriptType>('bootstrap');
   const [isOpenShellScriptEditModal, { toggle: toggleShellScriptEditModal }] =
     useToggle(false);
@@ -335,37 +330,6 @@ const UserPreferencesPage = () => {
         },
       ],
     },
-    {
-      'data-testid': 'group-classic-features',
-      title: t('userSettings.BackToClassicFeatures'),
-      description: t('userSettings.BackToClassicFeaturesDesc'),
-      settingItems: [
-        {
-          'data-testid': 'items-experimental-neo-session-list',
-          type: 'checkbox',
-          title: t('userSettings.ClassicSessionList'),
-          description: t('general.Enabled'),
-          defaultValue: false,
-          value: classicSessionList,
-          setValue: setClassicSessionList,
-          onChange: (e) => {
-            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);
-          },
-        },
-      ],
-    },
     {
       'data-testid': 'group-experimental-features',
       title: t('userSettings.ExperimentalFeatures'),

resources/i18n/de.json

@@ -1585,7 +1585,6 @@
       "PreOpenPortRangeGuide": "Geben Sie mehrere Werte ein, getrennt durch ein Komma (,) oder ein Leerzeichen.",
       "PreOpenPortTitle": "Vorgeöffnete Häfen",
       "PrePortConfigWillDisappear": "Alle nicht gespeicherten, bereits geöffneten Ports werden gelöscht.",
-      "PreviousLauncher": "Classic",
       "Project": "Projekt",
       "ProxyConfiguratorNotResponding": "Der Proxy-Konfigurator antwortet nicht.",
       "ProxyDirectTCPNotSupported": "Eine direkte Proxy-TCP-Verbindung wird noch nicht unterstützt",
@@ -1955,9 +1954,6 @@
       "ValidationErrorTitle": "Fehler bei der Validierung des Eingabefelds"
     }
   },
-  "update": {
-    "NewWebUIVersionAvailable": "Neue Version ist verfügbar:"
-  },
   "usagePanel": {
     "CpuUsedTime": "CPU-Nutzungszeit",
     "DiskUsed": "Festplattennutzung",
@@ -1970,16 +1966,11 @@
   "userSettings": {
     "AutoLogout": "Automatische Abmeldung",
     "AutomaticUpdateCheck": "Automatische Update-Prüfung",
-    "BackToClassicFeatures": "Wechseln Sie zurück zur klassischen Benutzeroberfläche",
-    "BackToClassicFeaturesDesc": "Sie können die klassische Benutzeroberfläche anstelle der neuesten NEO -Benutzeroberfläche auswählen. \nBitte beachten Sie, dass einige der neuesten Funktionen in der klassischen Benutzeroberfläche möglicherweise nicht unterstützt werden.",
     "BetaFeatures": "Beta-Funktionen",
     "BootstrapScriptDeleted": "Bootstrap-Skript gelöscht",
     "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",
     "CurrentSSHPublicKey": "Aktueller öffentlicher Schlüssel:",
@@ -2065,7 +2056,6 @@
   },
   "webTerminalUsageGuide": {
     "CopyGuide": "Erweiterte Web-Terminal-Nutzung: Terminal-Inhalte kopieren",
-    "CopyGuideFour": "Um das Scrollen mit der Maus wieder einzuschalten, drücken Sie <code> Strg + B </code> und geben Sie <code> :set -g mouse on </code> ein und drücken Sie <code> Geben Sie </code> ein.",
     "CopyGuideOne": "Drücken Sie die Taste <code> Strg + B </code>, um in den tmux-Steuerungsmodus zu gelangen.",
     "CopyGuideThree": "Jetzt können Sie Text aus dem Terminal kopieren.",
     "CopyGuideTwo": "Geben Sie <code> :set -g mouse off </code> ein und drücken Sie <code> Geben Sie </code> ein.",
@@ -2095,7 +2085,6 @@
       "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

@@ -1584,7 +1584,6 @@
       "PreOpenPortRangeGuide": "Εισαγάγετε πολλές τιμές διαχωρισμένες είτε με κόμμα (,) είτε με κενό.",
       "PreOpenPortTitle": "Προανοιχτά λιμάνια",
       "PrePortConfigWillDisappear": "Τυχόν μη αποθηκευμένες προ-ανοιχτές θύρες θα εξαφανιστούν.",
-      "PreviousLauncher": "Classic",
       "Project": "Εργο",
       "ProxyConfiguratorNotResponding": "Ο διαμορφωτής μεσολάβησης δεν αποκρίνεται.",
       "ProxyDirectTCPNotSupported": "Η απευθείας σύνδεση TCP μεσολάβησης δεν υποστηρίζεται ακόμη",
@@ -1954,9 +1953,6 @@
       "ValidationErrorTitle": "Σφάλματα επικύρωσης πεδίου εισαγωγής"
     }
   },
-  "update": {
-    "NewWebUIVersionAvailable": "Η νέα έκδοση είναι διαθέσιμη:"
-  },
   "usagePanel": {
     "CpuUsedTime": "Χρησιμοποιημένος χρόνος CPU",
     "DiskUsed": "Χρήση δίσκου",
@@ -1969,16 +1965,11 @@
   "userSettings": {
     "AutoLogout": "Αυτόματη αποσύνδεση",
     "AutomaticUpdateCheck": "Έλεγχος αυτόματης ενημέρωσης",
-    "BackToClassicFeatures": "Επιστροφή στο κλασικό UI",
-    "BackToClassicFeaturesDesc": "Μπορείτε να επιλέξετε το κλασικό UI αντί για το τελευταίο NEO UI. \nΛάβετε υπόψη ότι ορισμένες από τις τελευταίες λειτουργίες ενδέχεται να μην υποστηρίζονται στο κλασικό UI.",
     "BetaFeatures": "Χαρακτηριστικά beta",
     "BootstrapScriptDeleted": "Το σενάριο Bootstrap διαγράφηκε",
     "BootstrapScriptDescription": "Το σενάριο Bootstrap θα εκτελεστεί μόνο μία φορά μετά τη δημιουργία συνεδρίας",
     "BootstrapScriptEmpty": "Το σενάριο είναι κενό. \nΕισαγάγετε το σενάριο.",
     "BootstrapScriptUpdated": "Το σενάριο Bootstrap ενημερώθηκε.",
-    "ClassicFeatures": "Κλασικά χαρακτηριστικά",
-    "ClassicFeaturesDesc": "Η κύλιση πίσω σε μια κλασική έκδοση μπορεί να σας βοηθήσει να ανακτήσετε τη σταθερότητα και τη λειτουργικότητα ενώ περιμένετε να κυκλοφορήσουν ενημερώσεις ή διορθώσεις.",
-    "ClassicSessionList": "Κλασική σελίδα λίστας συνεδριών",
     "ClearSSHKeypairInput": "Το γραπτό πληκτρολόγιο SSH θα αφαιρεθεί. Εισαι σιγουρος οτι θελεις να συνεχισεις?",
     "ConfigFilename": "Διαμόρφωση ονόματος αρχείου",
     "CurrentSSHPublicKey": "Τρέχον δημόσιο κλειδί:",
@@ -2063,7 +2054,6 @@
   },
   "webTerminalUsageGuide": {
     "CopyGuide": "Σύνθετη χρήση τερματικού Web: Αντιγραφή περιεχομένου τερματικού",
-    "CopyGuideFour": "Για να ενεργοποιήσετε ξανά την κύλιση του ποντικιού, πατήστε <code> Ctrl + B </code> και Πληκτρολογήστε <code>: ορίστε -g ποντίκι στο </code> και πατήστε <code> Πληκτρολογήστε a0088771d5a",
     "CopyGuideOne": "Πατήστε το πλήκτρο <code> Ctrl + B </code> για είσοδο στη λειτουργία ελέγχου tmux.",
     "CopyGuideThree": "Τώρα μπορείτε να αντιγράψετε κείμενο από το τερματικό.",
     "CopyGuideTwo": "Πληκτρολογήστε <code>: set -g mouse off </code> και πατήστε <code> Enter </code> Key.",
@@ -2093,7 +2083,6 @@
       "Cancel": "Ματαίωση",
       "ChangePassword": "Άλλαξε κωδικό",
       "Chat": "Συνομιλία",
-      "ClassicDashboardPage": "Κλασική σελίδα ταμπλό (σελίδα συνοπτικής)",
       "ClickToDownload": "Κάντε κλικ για λήψη",
       "ComputationResources": "Πόροι υπολογισμού",
       "Configurations": "Διαμορφώσεις",

resources/i18n/en.json

@@ -1593,7 +1593,6 @@
       "PreOpenPortRangeGuide": "Enter multiple values separated by either a comma (,) or a space.",
       "PreOpenPortTitle": "Preopen Ports",
       "PrePortConfigWillDisappear": "Any unsaved preopen ports will disappear.",
-      "PreviousLauncher": "Classic",
       "Project": "Project",
       "ProxyConfiguratorNotResponding": "Proxy configurator is not responding.",
       "ProxyDirectTCPNotSupported": "Proxy direct TCP connection is not supported yet",
@@ -1963,9 +1962,6 @@
       "ValidationErrorTitle": "Input field validation errors"
     }
   },
-  "update": {
-    "NewWebUIVersionAvailable": "New version is available:"
-  },
   "usagePanel": {
     "CpuUsedTime": "CPU Used Time",
     "DiskUsed": "Disk Usage",
@@ -1979,16 +1975,11 @@
     "AIAgents": "AI Agents",
     "AutoLogout": "Auto Logout",
     "AutomaticUpdateCheck": "Automatic Update Check",
-    "BackToClassicFeatures": "Switch back to the Classic UI",
-    "BackToClassicFeaturesDesc": "You can choose the Classic UI instead of the latest NEO UI. Please note that some of the latest features may not be supported in the Classic UI.",
     "BetaFeatures": "Beta Features",
     "BootstrapScriptDeleted": "Bootstrap script deleted",
     "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",
     "CurrentSSHPublicKey": "Current public key: ",
@@ -2074,7 +2065,6 @@
   },
   "webTerminalUsageGuide": {
     "CopyGuide": "Advanced Web Terminal Usage: Copy terminal contents",
-    "CopyGuideFour": "To turn on mouse scroll again, Press <code>Ctrl + B</code> and Type <code>:set -g mouse on</code> and Press <code>Enter</code> key.",
     "CopyGuideOne": "Press <code>Ctrl + B</code> key to enter tmux control mode.",
     "CopyGuideThree": "Now you can copy text from the terminal.",
     "CopyGuideTwo": "Type <code>:set -g mouse off</code> and Press <code>Enter</code> Key.",
@@ -2104,7 +2094,6 @@
       "Cancel": "Cancel",
       "ChangePassword": "Change Password",
       "Chat": "Chat",
-      "ClassicDashboardPage": "Classic Dashboard Page (Summary Page)",
       "ClickToDownload": "Click to download",
       "ComputationResources": "Computation Resources",
       "Configurations": "Configurations",