feat(FR-26): show error state on ProjectSelect when no accessible projects

When the current user has no accessible projects in the current domain, the project selector now indicates this with an error-colored border and an InfoCircleOutlined suffix icon. Hovering the icon shows a tooltip explaining the state.

The guard suppresses the error look while the underlying select is `disabled` or `loading`, so the existing 'please select a domain first' warning in UpdateUsersModal and the project-switching spinner in the header keep their original UX.

Author: ironAiken2

react/src/components/ProjectSelect.tsx

@@ -7,6 +7,7 @@ import { useSuspendedBackendaiClient } from '../hooks';
 import { useCurrentUserInfo, useCurrentUserRole } from '../hooks/backendai';
 import useControllableState_deprecated from '../hooks/useControllableState';
 import { useCurrentUserProjectRoles } from '../hooks/useCurrentUserProjectRoles';
+import { InfoCircleOutlined } from '@ant-design/icons';
 import { theme, Tooltip } from 'antd';
 import { BAIFlex, BAISelect, BAISelectProps } from 'backend.ai-ui';
 import * as _ from 'lodash-es';
@@ -153,6 +154,11 @@ const ProjectSelect: React.FC<ProjectSelectProps> = ({
     },
   );
 
+  const showNoProjectError =
+    !accessibleProjects?.length &&
+    !selectProps.disabled &&
+    !selectProps.loading;
+
   return (
     <BAISelect
       onChange={(value, option) => {
@@ -169,6 +175,16 @@ const ProjectSelect: React.FC<ProjectSelectProps> = ({
       options={
         _.size(groupOptions) > 1 ? groupOptions : groupOptions[0]?.options
       }
+      status={showNoProjectError ? 'error' : selectProps.status}
+      suffixIcon={
+        showNoProjectError ? (
+          <Tooltip title={t('projectSelect.NoAccessibleProjects')}>
+            <InfoCircleOutlined />
+          </Tooltip>
+        ) : (
+          selectProps.suffixIcon
+        )
+      }
     />
   );
 };

resources/i18n/de.json

@@ -2108,6 +2108,7 @@
     "RoleMember": "Mitglied"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Keine zugänglichen Projekte.",
     "ProjectAdminBadge": "Projektadministrator"
   },
   "prometheusQueryPreset": {

resources/i18n/el.json

@@ -2106,6 +2106,7 @@
     "RoleMember": "Μέλος"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Δεν υπάρχουν προσβάσιμα έργα.",
     "ProjectAdminBadge": "Διαχειριστής έργου"
   },
   "prometheusQueryPreset": {

resources/i18n/en.json

@@ -2125,6 +2125,7 @@
     "RoleMember": "Member"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "No accessible projects.",
     "ProjectAdminBadge": "Project Admin"
   },
   "prometheusQueryPreset": {

resources/i18n/es.json

@@ -2106,6 +2106,7 @@
     "RoleMember": "Miembro"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "No hay proyectos accesibles.",
     "ProjectAdminBadge": "Administrador del proyecto"
   },
   "prometheusQueryPreset": {

resources/i18n/fi.json

@@ -2106,6 +2106,7 @@
     "RoleMember": "Jäsen"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Ei saatavilla olevia projekteja.",
     "ProjectAdminBadge": "Projektin ylläpitäjä"
   },
   "prometheusQueryPreset": {

resources/i18n/fr.json

@@ -2108,6 +2108,7 @@
     "RoleMember": "Membre"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Aucun projet accessible.",
     "ProjectAdminBadge": "Administrateur de projet"
   },
   "prometheusQueryPreset": {

resources/i18n/id.json

@@ -2109,6 +2109,7 @@
     "RoleMember": "Anggota"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Tidak ada proyek yang dapat diakses.",
     "ProjectAdminBadge": "Admin Proyek"
   },
   "prometheusQueryPreset": {

resources/i18n/it.json

@@ -2106,6 +2106,7 @@
     "RoleMember": "Membro"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "Nessun progetto accessibile.",
     "ProjectAdminBadge": "Amministratore del progetto"
   },
   "prometheusQueryPreset": {

resources/i18n/ja.json

@@ -2108,6 +2108,7 @@
     "RoleMember": "メンバー"
   },
   "projectSelect": {
+    "NoAccessibleProjects": "アクセス可能なプロジェクトがありません。",
     "ProjectAdminBadge": "プロジェクト管理者"
   },
   "prometheusQueryPreset": {