WordPress Publishing UI Update Summary

Changes Made

🚀 MOVED WordPress Publishing from Content Page to Images Page

Reasoning: Content page only contains text content without generated images, making it premature to publish. Images page contains complete content with generated images, making it the optimal place for publishing.

📍 WordPress Publishing Now Available On Images Page

1. Individual Content Publishing

Location: 3-dot dropdown menu on each row in /writer/images
Visibility: Only shows "Publish to WordPress" when:
- ✅ Images are generated (status = 'complete')
- ✅ Not already published/publishing to WordPress
Action: Single click publishes individual content with all images, SEO metadata, categories, and content

2. Bulk Publishing

Location: Top toolbar next to "Columns" selector in /writer/images
Button Text: "Publish Ready ({count})" - dynamically shows count of ready-to-publish items
Visibility: Only appears when there are items ready to publish
Conditions:
- ✅ Images must be generated
- ✅ Not already published
- ✅ Not currently publishing
Action: Opens dialog showing all ready items, allows bulk publish with progress tracking

3. Smart Status Checks

Uses existing image generation status badges/logic
Automatically filters eligible content
Real-time status updates after publishing
Error handling with detailed feedback

🔄 Updated Components

Enhanced WordPress Publishing Components

frontend/src/components/WordPressPublish/
├── WordPressPublish.tsx        # Enhanced with image status checks
├── BulkWordPressPublish.tsx    # NEW: Bulk publishing with progress
├── ContentActionsMenu.tsx      # NEW: Smart dropdown with conditional visibility
└── index.ts                    # Export all components

Updated Page Configuration

frontend/src/config/pages/table-actions.config.tsx
├── /writer/images              # Added WordPress actions
│   ├── rowActions[]            # "Publish to WordPress" (conditional)
│   └── bulkActions[]           # "Publish Ready to WordPress"
└── /writer/content             # Removed WordPress actions
    └── rowActions[]            # Removed publish/unpublish

Updated Pages

frontend/src/pages/Writer/
├── Images.tsx                  # Added WordPress publish handling
│   ├── handleRowAction()       # WordPress single publish
│   ├── handleBulkAction()      # WordPress bulk publish  
│   └── import { api }          # API for WordPress calls
└── Content.tsx                 # Removed WordPress functionality
    ├── handleRowAction()       # Removed publish/unpublish logic
    └── imports                 # Removed publishContent, unpublishContent

🎯 User Experience Improvements

Before (Content Page)

❌ WordPress publish available even when images not ready
❌ Users would publish incomplete content
❌ Required manual coordination between content creation and image generation

After (Images Page)

✅ Publish only when content is complete with images
✅ Smart button visibility based on actual readiness
✅ Clear labeling: "Publish Ready (X)" shows exactly what's eligible
✅ Bulk operations for efficiency
✅ Real-time status tracking and feedback

📋 Status Explanations

The UI now uses short but explanatory labels:

"Publish Ready (X)" - X items have generated images and are ready for WordPress
"Awaiting Images" - Individual items waiting for image generation
"Images Pending" - Status chip when images aren't complete
"Images Generated ✓" - Confirmation in publish dialog

🔧 Technical Implementation

Conditional Rendering: Uses shouldShow functions to intelligently display actions
Status Integration: Leverages existing image generation status tracking
API Integration: Seamless connection to WordPress publishing endpoints
Error Handling: Comprehensive error messages and retry logic
State Management: Automatic reload of data after publishing actions

🎊 Result

Users now have a streamlined, intelligent WordPress publishing workflow that prevents premature publishing and ensures complete content (text + images) is always published together.

The system automatically guides users to publish only when content is truly ready, improving content quality and user experience.

4.5 KiB Raw Blame History