Function fetchWithErrorHandling

frontend/services/api.ts:539–644

(
  url: string,
  options: RequestInit = {}
)

// API request interceptor
export const fetchWithErrorHandling = async (
  url: string,
  options: RequestInit = {}
) => {
  try {
    const response = await fetch(url, options);

    // Handle HTTP errors
    if (!response.ok) {
      // Try to parse JSON response for business error code first
      let errorCode = response.status;
      let errorMessage = `Request failed: ${response.status}`;
      const errorText = await response.text();

      let parsedErrorData = null;
      try {
        const errorData = JSON.parse(errorText);
        if (errorData && errorData.code) {
          parsedErrorData = errorData;
          errorCode = errorData.code;
          errorMessage = errorData.message || errorMessage;
        } else {
          errorMessage = errorText || errorMessage;
        }
      } catch {
        // Not JSON, use text as message
        errorMessage = errorText || errorMessage;
      }

      // Check if it's a session expiration error based on business error code
      // TOKEN_EXPIRED = "000203", TOKEN_INVALID = "000204"
      const errorCodeStr = String(errorCode);
      if (
        errorCodeStr === ErrorCode.TOKEN_EXPIRED ||
        errorCodeStr === ErrorCode.TOKEN_INVALID
      ) {
        handleSessionExpired();
        throw new ApiError(errorCode, errorMessage);
      }

      // Handle HTTP 401 - trigger session expired modal for all unauthorized errors
      if (response.status === 401) {
        handleSessionExpired();
        throw new ApiError(errorCode, errorMessage);
      }

      // Handle custom 499 error code (client closed connection)
      if (response.status === 499) {
        handleSessionExpired();
        throw new ApiError(
          ErrorCode.TOKEN_EXPIRED,
          "Connection disconnected, session may have expired"
        );
      }

      // Handle request entity too large error (413)
      if (response.status === 413) {
        throw new ApiError(