feat(DATAGO-123135): Add ability to preview binary artifacts (PDF. PPTX, DOCX)

[amir-ghasemi]

This pull request adds support for previewing Office documents (DOCX, PPTX) and PDF files directly in the web UI by integrating server-side document conversion (using LibreOffice) and a new PDF viewer. It updates both backend dependencies and the frontend to enable seamless in-browser previews, including error handling and user feedback when previews are unavailable.

Document preview support:

• Added server-side dependencies (libreoffice-writer-nogui, libreoffice-impress-nogui, libreoffice-calc-nogui) in the Dockerfile to enable document conversion for DOCX and PPTX files to PDF for previewing.
• Implemented OfficeDocumentRenderer React component to convert DOCX/PPTX files to PDF using a backend API, cache conversions, and render using the PDF viewer. Handles service availability checks and user-friendly errors.
• Added utility functions in previewUtils.ts to detect DOCX, PPTX, and PDF files by filename or MIME type.

PDF rendering enhancements:

• Added a new PdfRenderer React component using react-pdf for rich in-browser PDF viewing, including zoom, pan, fit-to-width, and error handling.
• Updated the ContentRenderer and ArtifactPreviewContent components to route DOCX, PPTX, and PDF files to the appropriate renderer and pass required props. [1] [2] [3]

Frontend dependency updates:

• Added react-pdf and its types to package.json to support PDF rendering in the frontend. [1] [2]
• Exported new renderer components in the frontend renderer index for use across the app.

[github-actions]

WhiteSource Policy Violation Summary

✅︎ No Blocking Whitesource Policy Violations found in solaceai/solace-agent-mesh-ui-pr-850!

[sonarqube-solacecloud]

Quality Gate failed

Failed conditions
31.6% Coverage on New Code (required ≥ 70%)
B Security Rating on New Code (required ≥ A)

See analysis details on SonarQube

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE