[P2] Missing Plugin Icons (404 Errors)

[JoshuaAFerguson]

Severity: P2 - LOW (Cosmetic)
Component: UI - Plugin Catalog
Page: /admin/plugins/catalog

Issue

Console shows 404 errors for plugin icon assets. Example:

GET /plugins/streamspace-slack/icon.png 404

Plugins display broken image placeholders.

Impact

• Minor visual issue
• Doesn't affect functionality
• Console clutter

Root Cause

• Plugin icon files don't exist at expected paths
• Icon URLs in database point to non-existent assets
• No placeholder/fallback image

Files to Check

• plugins/*/icon.png - Do these exist?
• Database: catalog_plugins.icon_url - What URLs are stored?
• ui/src/components/PluginCard.tsx - Image error handling

Fix Options

Option A: Add Real Icons

# Add icon.png to each plugin directory
plugins/streamspace-slack/icon.png
plugins/streamspace-teams/icon.png

Option B: Add Placeholder Image (RECOMMENDED)

<img
    src={plugin.iconUrl}
    onError={(e) => {
        e.target.src = '/assets/plugin-placeholder.png'
    }}
    alt={plugin.displayName}
/>

Option C: Use MUI Icons (RECOMMENDED)

import { Extension, Security, Business, Analytics } from '@mui/icons-material'

const getCategoryIcon = (category) => {
    switch(category) {
        case 'Security': return <Security />
        case 'Analytics': return <Analytics />
        case 'Business': return <Business />
        default: return <Extension />
    }
}

Recommendation: Option B + Option C - Use MUI icons by default, support custom icons with fallback

Testing

• Plugins show icons (MUI or custom)
• No 404 errors in console
• Fallback works for missing icons
• Placeholder is visually acceptable

Effort: 1-2 hours
Priority: Can defer to v2.1
Source: .claude/reports/UI_BUG_FIXES_REQUIRED.md

[JoshuaAFerguson]

Status: Deferred to v2.1 per UI_BUG_FIXES_REQUIRED.md

Priority: P2 (Low Priority)

Recommendation from bug report:

"Fix: Add default plugin icon assets or use fallback icon"
"Severity: Low - cosmetic issue, doesn't affect functionality"

Decision: Per the comprehensive UI testing report, this is a cosmetic issue that doesn't block any functionality. Pages work correctly with missing icons showing 404s in console.

Suggested Resolution:

1. Add default plugin icon assets to ui/public/plugins/ directory
2. Implement fallback icon logic in plugin display components
3. Consider using Material-UI icons as fallbacks (ExtensionIcon, WidgetsIcon, etc.)

Timeline: Deferred to v2.1 for UI polish phase

Branch: claude/v2-builder (no changes for this issue)

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity.

Action Required:

• If this issue is still relevant, please add a comment to keep it open
• If this is blocked, add the status:blocked label
• If this is no longer needed, it will be closed in 7 days

[github-actions]

This issue was automatically closed due to inactivity.

If you believe this was closed in error, please reopen it with a comment explaining why it should remain open.