Merge branch 'main' into 26.4

Author: yomybaby

index.html

@@ -19,6 +19,18 @@
   <link rel="stylesheet" href="resources/custom.css">
   <script src="manifest/app.js"></script>
   <title>Backend.AI</title>
+  <!-- Critical inline CSS: ensures splash is visible before external CSS loads -->
+  <style>
+    body { margin: 0; background-color: rgba(247, 247, 246, 1); }
+    body.dark-theme { background-color: #191919; }
+    #splash {
+      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+      z-index: 10000; display: flex; align-items: center; justify-content: center;
+      background-color: rgba(247, 247, 246, 1); transition: opacity 0.3s ease-out;
+    }
+    body.dark-theme #splash { background-color: #191919; }
+    .splash-hidden { opacity: 0; pointer-events: none; }
+  </style>
   <script nonce="{{nonce}}">
     globalThis.isElectron = isElectron();
     if (isElectron) {
@@ -56,12 +68,15 @@
     if (globalThis.isDarkMode) {
       document.body.classList.add('dark-theme');
     }
+    // Set body background immediately to prevent white flash before CSS loads
+    document.body.style.backgroundColor = globalThis.isDarkMode ? '#191919' : 'rgba(247, 247, 246, 1)';
   </script>
   <div>
-    <div id="react-root">
-      <div class="splash">
+    <div id="react-root"></div>
+    <div id="splash" class="splash">
+      <div class="splash-drag-area"></div>
+      <div class="splash-card">
         <div class="splash-header">
-          <!-- <img src="manifest/backend.ai-text.svg" style="height:50px;padding:35px 20px;"> -->
           <div class="logo"></div>
         </div>
         <div class="splash-information">
@@ -75,13 +90,15 @@
             <li class="copyright">Copyright &copy; 2015-2026 Lablup Inc.</li>
           </ul>
         </div>
-        <div class="sk-folding-cube">
-          <div class="sk-cube1 sk-cube"></div>
-          <div class="sk-cube2 sk-cube"></div>
-          <div class="sk-cube4 sk-cube"></div>
-          <div class="sk-cube3 sk-cube"></div>
+        <div class="splash-loading">
+          <div class="sk-folding-cube">
+            <div class="sk-cube1 sk-cube"></div>
+            <div class="sk-cube2 sk-cube"></div>
+            <div class="sk-cube3 sk-cube"></div>
+            <div class="sk-cube4 sk-cube"></div>
+          </div>
+          <div id="loading-message" class="loading-message">Loading components...</div>
         </div>
-        <div id="loading-message" class="loading-message">Loading components...</div>
       </div>
     </div>
     <noscript>
@@ -112,6 +129,52 @@
           });
         }
       }
+
+      // Splash fade-out: React-driven dismissal.
+      // React calls window.__dismissSplash() when meaningful UI is ready
+      // (sider/header for logged-in, login form for logged-out).
+      // MutationObserver serves as a fallback for independent routes
+      // (/verify-email, /change-password, etc.) that render content quickly.
+      (function () {
+        var splash = document.getElementById('splash');
+        if (!splash) return;
+        var dismissed = false;
+        var observer = null;
+        var fallbackTimer = null;
+        function dismiss() {
+          if (dismissed) return;
+          dismissed = true;
+          if (observer) observer.disconnect();
+          if (fallbackTimer) clearTimeout(fallbackTimer);
+          splash.classList.add('splash-hidden');
+          splash.addEventListener('transitionend', function handler(e) {
+            if (e.propertyName === 'opacity') {
+              splash.removeEventListener('transitionend', handler);
+              splash.remove();
+            }
+          });
+          // Safety net: remove even if transitionend never fires (e.g. prefers-reduced-motion)
+          setTimeout(function () { if (splash.parentNode) splash.remove(); }, 1000);
+        }
+        // Primary trigger: called by React when the visible UI is ready.
+        // Cancels the MutationObserver fallback timer to prevent premature dismissal.
+        window.__dismissSplash = dismiss;
+        // Fallback: MutationObserver for routes that don't explicitly call __dismissSplash
+        // (e.g. /verify-email, /change-password). Uses a longer delay to avoid racing
+        // with React-driven dismissal on normal routes.
+        var reactRoot = document.getElementById('react-root');
+        if (reactRoot) {
+          observer = new MutationObserver(function () {
+            if (reactRoot.childNodes.length > 0) {
+              observer.disconnect();
+              fallbackTimer = setTimeout(dismiss, 3000);
+            }
+          });
+          observer.observe(reactRoot, { childList: true });
+        }
+        // Ultimate safety fallback
+        setTimeout(dismiss, 10000);
+      })();
     </script>
 </body>
 

packages/backend.ai-webui-docs/TERMINOLOGY.md

@@ -138,6 +138,19 @@ Backend.AI's GPU virtualization technology that allows sharing a single physical
 
 **Do NOT use** "container" and "kernel" interchangeably. They refer to different concepts.
 
+### RBAC (Role-Based Access Control)
+
+| Term | EN | KO | JA | TH | Description |
+|------|----|----|----|----|-------------|
+| RBAC | RBAC | RBAC | RBAC | RBAC | Keep as abbreviation across all languages |
+| Role | role | 권한 | ロール | บทบาท | A named set of permissions assignable to users |
+| Permission | permission | 세부 권한 | 権限 | สิทธิ์ | A fine-grained access rule within a role |
+| Role Assignment | role assignment | 권한 할당 | ロール割り当て | การมอบหมายบทบาท | The association of a user to a role |
+| Scope Type | scope type | 적용 범위 타입 | スコープタイプ | ประเภทขอบเขต | The level at which a permission applies |
+| Permission Type | permission type | 권한 타입 | 権限タイプ | ประเภทสิทธิ์ | The category of resource a permission controls |
+
+**Note**: The Korean i18n uses "권한" for both "Role" and "Permission" in different contexts. "세부 권한" is used specifically for fine-grained permissions within a role. Always check `resources/i18n/ko.json` for the exact UI labels.
+
 ## User Roles
 
 | Role | EN | KO | JA | Scope |
@@ -158,6 +171,7 @@ These terms match sidebar menu items. Keep documentation references consistent w
 | Model Serving | 모델 서빙 | モデルサービス | model_serving/model_serving.md |
 | Statistics | 통계 | 統計 | statistics/statistics.md |
 | User Settings | 사용자 설정 | ユーザー設定 | user_settings/user_settings.md |
+| RBAC Management | RBAC 관리 | RBAC管理 | rbac_management/rbac_management.md |
 
 **Important**: Always check `resources/i18n/{lang}.json` in the main project for current UI label translations. The i18n files are the source of truth for UI labels.
 

packages/backend.ai-webui-docs/src/book.config.yaml

@@ -57,6 +57,8 @@ navigation:
       path: user_settings/user_settings.md
     - title: Cluster Session
       path: cluster_session/cluster_session.md
+    - title: RBAC Management
+      path: rbac_management/rbac_management.md
     - title: Admin Menu
       path: admin_menu/admin_menu.md
     - title: Trouble Shooting
@@ -114,6 +116,8 @@ navigation:
       path: user_settings/user_settings.md
     - title: クラスターセッション
       path: cluster_session/cluster_session.md
+    - title: RBAC管理
+      path: rbac_management/rbac_management.md
     - title: 管理者メニュー
       path: admin_menu/admin_menu.md
     - title: FAQ＆トラブルシューティング
@@ -171,6 +175,8 @@ navigation:
       path: user_settings/user_settings.md
     - title: 클러스터 세션
       path: cluster_session/cluster_session.md
+    - title: RBAC 관리
+      path: rbac_management/rbac_management.md
     - title: 관리자 메뉴
       path: admin_menu/admin_menu.md
     - title: FAQ 및 문제 해결
@@ -228,6 +234,8 @@ navigation:
       path: user_settings/user_settings.md
     - title: เซสชันคลัสเตอร์
       path: cluster_session/cluster_session.md
+    - title: การจัดการ RBAC
+      path: rbac_management/rbac_management.md
     - title: เมนูผู้ดูแลระบบ
       path: admin_menu/admin_menu.md
     - title: FAQ และการแก้ไขปัญหา