Merge branch 'fix/url-safe' into 'develop'

Fix/url safe

See merge request genaiic-reusable-assets/engagement-artifacts/genaiic-idp-accelerator!217

Author: rstrahan

CHANGELOG.md

@@ -90,7 +90,8 @@ SPDX-License-Identifier: MIT-0
 - Fixed UI list deletion issue where empty lists were not saved correctly - #18
 - Improve structure and clarity for idp_common Python package documentation
 - Improved UI in View/Edit Configuration to clarify that Class and Attribute descriptions are used in the classification and extraction prompts
-- Automate UI updates for field "HITL (A2I) Status" in the Document list and document details section. 
+- Automate UI updates for field "HITL (A2I) Status" in the Document list and document details section.
+- Fixed image display issue in PagesPanel where URLs containing special characters (commas, spaces) would fail to load by properly URL-encoding S3 object keys in presigned URL generation
 
 ## [0.3.6]
 

src/ui/src/components/common/generate-s3-presigned-url.js

@@ -63,8 +63,12 @@ const generateS3PresignedUrl = async (url, credentials) => {
     // Extract region from env
     const region = process.env.REACT_APP_AWS_REGION;
 
-    // Construct the canonical S3 URL
-    const newUrl = `https://${bucketName}.s3.${region}.amazonaws.com/${key}`;
+    // Construct the canonical S3 URL with properly encoded key
+    const encodedKey = key
+      .split('/')
+      .map((segment) => encodeURIComponent(segment))
+      .join('/');
+    const newUrl = `https://${bucketName}.s3.${region}.amazonaws.com/${encodedKey}`;
 
     // Parse the URL for the presigner
     const s3ObjectUrl = parseUrl(newUrl);