fix job-detail page error handling for permission denied errors

When a user without permission opens another user's job page, fetchJobInfo
returns 403 but the error was silently ignored, causing the page to show
"Loading..." forever with a vague empty alert. Now fetchJobInfo checks HTTP
status, shows a clear permission error, and skips subsequent requests.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>

Author: Rui Gao

src/cluster-local-storage/src/kusto-sdk/.gitignore

@@ -14,8 +14,4 @@ dist/
 downloads/
 eggs/
 .eggs/
-lib/
-
-**/ltp-storage-common/
-**/ltp-kusto-sdk/
-**/postgresql-sdk/
+lib/

src/dev-box/build/build-pre.sh

@@ -91,13 +91,19 @@ class JobDetail extends React.Component {
       reloading: false,
       error: null,
     };
-    const loadJobInfo = async () => {
-      try {
-        nextState.jobInfo = await fetchJobInfo(this.state.selectedAttemptIndex);
-      } catch (err) {
-        nextState.error = `fetch job status failed: ${err.message}`;
+    // Fetch job info first; if it fails (e.g. permission denied),
+    // show the error and skip the remaining requests.
+    try {
+      nextState.jobInfo = await fetchJobInfo(this.state.selectedAttemptIndex);
+    } catch (err) {
+      nextState.error = `fetch job status failed: ${err.message}`;
+      if (alertFlag === true) {
+        alert(nextState.error);
       }
-    };
+      this.setState(nextState);
+      return;
+    }
+
     const loadJobConfig = async () => {
       if (!isNil(jobConfig)) {
         return;
@@ -148,14 +154,10 @@ class JobDetail extends React.Component {
       }
     };
     await Promise.all([
-      loadJobInfo(),
       loadJobConfig(),
       loadRawJobConfig(),
       loadSshInfo(),
     ]);
-    if (alertFlag === true && !isNil(nextState.error)) {
-      alert(nextState.error);
-    }
     if (isNil(this.state.selectedAttemptIndex)) {
       nextState.selectedAttemptIndex = nextState.jobInfo.jobStatus.retries;
     }
@@ -362,6 +364,19 @@ class JobDetail extends React.Component {
     }
     if (loading) {
       return <SpinnerLoading />;
+    } else if (isNil(jobInfo)) {
+      return (
+        <Stack styles={{ root: { margin: '30px' } }} gap='l1'>
+          <Top />
+          {!isEmpty(error) && (
+            <div className={t.bgWhite}>
+              <MessageBar messageBarType={MessageBarType.error}>
+                {error}
+              </MessageBar>
+            </div>
+          )}
+        </Stack>
+      );
     } else {
       return (
         <Context.Provider

src/webportal/src/app/job/job-view/fabric/job-detail.jsx

@@ -31,13 +31,16 @@ const wrapper = async func => {
   try {
     return await func();
   } catch (err) {
-    if (err.data && err.data.code === 'UnauthorizedUserError') {
+    if (!err.data) {
+      throw err;
+    }
+    if (err.data.code === 'UnauthorizedUserError') {
       alert(err.data.message);
       clearToken();
-    } else if (err.data && err.data.code === 'NoJobConfigError') {
+    } else if (err.data.code === 'NoJobConfigError') {
       throw new NotFoundError(err.data.message);
     } else {
-      throw new Error((err.data && err.data.message) || err.message || 'Unknown error');
+      throw new Error(err.data.message || err.message || 'Unknown error');
     }
   }
 };
@@ -58,6 +61,9 @@ export async function fetchJobInfo(attemptIndex) {
       },
     });
     const result = await res.json();
+    if (!res.ok) {
+      throw new Error(result.message || `HTTP ${res.status}`);
+    }
     return result;
   });
 }