Update read-only property.

Author: brumi1024

dev-support/Jenkinsfile

@@ -71,7 +71,7 @@ pipeline {
                     checkout([
                         $class: 'GitSCM',
                         branches: [[name: "${env.YETUS_VERSION}"]],
-                        userRemoteConfigs: [[ url: 'https://github.com/apache/yetus.git']]]
+                        userRemoteConfigs: [[ url: 'https://github.com/ayushtkn/yetus.git']]]
                     )
                 }
             }

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/.env.example

@@ -23,7 +23,7 @@ VITE_API_MOCK_MODE=static
 # -----------------------------------------------------------------------------
 
 # Simulate read-only mode in development (only affects static mock mode)
-# In production, read-only mode is controlled by yarn.scheduler.capacity.ui.readonly in YARN
+# In production, read-only mode is controlled by the READ_ONLY_PROPERTY in YARN
 VITE_READONLY_MODE=false
 
 # Username for simple-authenticated clusters (injected as user.name query parameter)

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/docs/design_doc.md

@@ -71,7 +71,7 @@ The **YARN Capacity Scheduler UI** is a modern web interface for managing Apache
    - Legacy mode toggle and capacity configuration modes
 
 7. **Read-Only Mode Support**
-   - Configurable read-only mode via YARN property (`yarn.scheduler.capacity.ui.readonly`)
+   - Configurable read-only mode via YARN property (`yarn.webapp.scheduler-ui.read-only.enable`)
    - Users can stage and validate changes but cannot apply them
    - Visual indicators (lock icon, disabled buttons) in UI
    - Useful for production environments with restricted access

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/app/routes/layout.tsx

@@ -35,6 +35,7 @@ import { SPECIAL_VALUES } from '~/types';
 import { SearchBar } from '~/components/search/SearchBar';
 import { useKeyboardShortcuts } from '~/hooks/useKeyboardShortcuts';
 import { toast } from 'sonner';
+import { READ_ONLY_PROPERTY } from '~/config';
 
 export default function Layout() {
   const [stagedChangesPanelOpen, setStagedChangesPanelOpen] = useState(false);
@@ -210,7 +211,7 @@ export default function Layout() {
                       </Badge>
                     </TooltipTrigger>
                     <TooltipContent>
-                      <p>Set yarn.scheduler.capacity.ui.readonly=false in YARN to enable editing</p>
+                      <p>Set {READ_ONLY_PROPERTY}=false in YARN to enable editing</p>
                     </TooltipContent>
                   </Tooltip>
                 </TooltipProvider>

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/config/constants.ts

@@ -0,0 +1,27 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Configuration constants for YARN Scheduler UI
+ */
+
+/**
+ * YARN configuration property that controls read-only mode for the UI.
+ * When set to 'true', the UI will allow viewing and staging changes but prevent mutations.
+ */
+export const READ_ONLY_PROPERTY = 'yarn.webapp.scheduler-ui.read-only.enable';

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/config/index.ts

@@ -20,3 +20,4 @@
 // Re-export all configuration-related modules
 export * from './schemas';
 export * from './properties';
+export * from './constants';

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/features/staged-changes/components/StagedChangesPanel.tsx

@@ -35,6 +35,7 @@ import { QueueChangeGroup } from './QueueChangeGroup';
 import { toast } from 'sonner';
 import { Kbd } from '~/components/ui/kbd';
 import { getModifierKey } from '~/hooks/useKeyboardShortcuts';
+import { READ_ONLY_PROPERTY } from '~/config';
 
 interface StagedChangesPanelProps {
   open: boolean;
@@ -188,7 +189,7 @@ export function StagedChangesPanel({ open, onClose, onOpen }: StagedChangesPanel
                       <div className="break-words">
                         Changes are staged but cannot be applied. Set{' '}
                         <code className="text-xs bg-muted px-1 py-0.5 rounded break-all">
-                          yarn.scheduler.capacity.ui.readonly=false
+                          {READ_ONLY_PROPERTY}=false
                         </code>{' '}
                         in YARN to enable editing.
                       </div>

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/lib/api/YarnApiClient.ts

@@ -17,6 +17,7 @@ import type {
   YarnConfigResponse,
   ValidationResponse,
 } from '../../types';
+import { READ_ONLY_PROPERTY } from '../../config';
 
 export class YarnApiClient {
   private readonly baseUrl: string;
@@ -245,11 +246,11 @@ export class YarnApiClient {
   }
 
   /**
-   * Detect read-only mode by checking yarn.scheduler.capacity.ui.readonly
+   * Detect read-only mode by checking the READ_ONLY_PROPERTY configuration
    */
   private async detectReadOnlyMode(): Promise<void> {
     try {
-      const readOnlyValue = await this.getConfiguration('yarn.scheduler.capacity.ui.readonly');
+      const readOnlyValue = await this.getConfiguration(READ_ONLY_PROPERTY);
       // Convert string to boolean - treat 'true' (case-insensitive) as true, everything else as false
       this.isReadOnly = readOnlyValue.toLowerCase() === 'true';
     } catch (error) {

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/lib/api/mocks/handlers.ts

@@ -19,6 +19,7 @@
 
 import { http, HttpResponse, type HttpHandler } from 'msw';
 import { API_CONFIG } from '~/lib/api/config';
+import { READ_ONLY_PROPERTY } from '~/config';
 
 // Base URL pattern that matches the API configuration
 // Use the same base URL as the API client for consistency
@@ -118,14 +119,13 @@ const staticHandlers: HttpHandler[] = [
     }
 
     // Handle read-only mode query
-    // TODO: change this to the actual config value
-    if (configName === 'yarn.scheduler.capacity.ui.readonly') {
+    if (configName === READ_ONLY_PROPERTY) {
       // Default to false (writable mode) for development
       // Set VITE_READONLY_MODE=true to test read-only mode
       const readOnlyValue = import.meta.env.VITE_READONLY_MODE === 'true' ? 'true' : 'false';
       return HttpResponse.json({
         property: {
-          name: 'yarn.scheduler.capacity.ui.readonly',
+          name: READ_ONLY_PROPERTY,
           value: readOnlyValue,
         },
       });

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-capacity-scheduler-ui/src/main/webapp/src/lib/errors/__tests__/scheduler-store-error.test.ts

@@ -20,6 +20,7 @@
 import { describe, it, expect } from 'vitest';
 import { SchedulerStoreError } from '../scheduler-store-error';
 import { ERROR_CODES } from '../error-codes';
+import { READ_ONLY_PROPERTY } from '~/config';
 
 describe('SchedulerStoreError', () => {
   describe('constructor', () => {
@@ -340,13 +341,13 @@ describe('SchedulerStoreError', () => {
         'Configuration is in read-only mode',
         ERROR_CODES.MUTATION_BLOCKED,
         {
-          readOnlyProperty: 'yarn.scheduler.capacity.ui.readonly',
-          instruction: 'Set yarn.scheduler.capacity.ui.readonly=false to enable editing',
+          readOnlyProperty: READ_ONLY_PROPERTY,
+          instruction: `Set ${READ_ONLY_PROPERTY}=false to enable editing`,
         },
       );
 
       expect(error.code).toBe(ERROR_CODES.MUTATION_BLOCKED);
-      expect((error.details as any).instruction).toContain('readonly=false');
+      expect((error.details as any).instruction).toContain('read-only.enable=false');
     });
   });
 });