ENG-8395: Add logos to the templates page

[carlosabadia]

No description provided.

[linear]

ENG-8395 Add logos to the templates page

[greptile-apps]

Greptile Overview

Greptile Summary

This PR adds integration logos to the templates page. The changes include:

• Added 18 new SVG logo files (9 light mode + 9 dark mode) for various integrations: AWS, Azure, Azure MSSQL, Azure OpenAI, Azure Auth (Amazon Cognito), CloudWatch, Jira, MongoDB, and Salesforce
• Added integration_image() function in both pcweb/pages/gallery/apps.py and pcweb/pages/gallery/gallery.py to render integration logos with tooltips
• Updated 16 template markdown files to include integrations metadata field
• Modified gallery UI to display integration logos on both template cards and detail pages

Issue Found:

• The finance_dashboard.md template references AGGrid and Slack integrations, but the corresponding SVG files (aggrid.svg and slack.svg) are missing from the assets/integrations/ directory. This will cause broken images when these integrations are displayed.

Confidence Score: 3/5

• This PR has one critical issue with missing SVG files that will cause broken images in production
• The implementation is sound and follows good patterns (DRY with the integration_image function, proper color mode handling). However, the missing SVG files for AGGrid and Slack will result in broken images on the finance dashboard template, which is a user-facing issue that needs to be resolved before merge.
• Pay attention to reflex_build_templates/finance_dashboard.md - it references integrations without corresponding SVG files

Important Files Changed

File Analysis

Filename	Score	Overview
reflex_build_templates/finance_dashboard.md	2/5	Added integrations metadata, but references AGGrid and Slack which don't have corresponding SVG files
pcweb/pages/gallery/apps.py	5/5	Added integration_image function and integration display logic to template pages
pcweb/pages/gallery/gallery.py	5/5	Added integration_image function and integration display logic to gallery cards

Sequence Diagram

sequenceDiagram
    participant User
    participant Gallery as Gallery Page
    participant Apps as Apps Page
    participant Metadata as Template Metadata
    participant FileSystem as SVG Files

    User->>Gallery: View /templates
    Gallery->>Metadata: Load template metadata
    Metadata-->>Gallery: Return integrations array
    Gallery->>Gallery: Call integration_image() for each
    Gallery->>FileSystem: Request /integrations/{light|dark}/{name}.svg
    alt SVG exists
        FileSystem-->>Gallery: Return SVG
        Gallery->>User: Display logo with tooltip
    else SVG missing (AGGrid, Slack)
        FileSystem-->>Gallery: 404 Not Found
        Gallery->>User: Display broken image
    end

    User->>Apps: Click template
    Apps->>Metadata: Load template details
    Metadata-->>Apps: Return integrations array
    Apps->>Apps: Call integration_image() for each
    Apps->>FileSystem: Request /integrations/{light|dark}/{name}.svg
    alt SVG exists
        FileSystem-->>Apps: Return SVG
        Apps->>User: Display logos in header
    else SVG missing
        FileSystem-->>Apps: 404 Not Found
        Apps->>User: Display broken image
    end

Loading

[greptile-apps]

_{18 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}