MockupWorkflow.Admin is the Blazor Server administration application for the Mockup Workflow Platform. It provides a centralized interface for importing production batches, monitoring workflow progress, reviewing processing status, and managing automated Photoshop production workflows.
The application integrates with PhotoshopAutomation.Api and supporting platform services to coordinate batch processing, monitor workflow execution, and provide operational visibility across the automation pipeline.
MockupWorkflow.Admin is the operational dashboard for the Mockup Workflow Platform. It enables operators to import production batches, monitor workflow execution, review processing status, diagnose failures, and manage automated Photoshop production workflows from a centralized Blazor Server application.
The Workflow Monitoring page provides operators with detailed visibility into batch progress, processing status, mockup generation, and item-level workflow execution.
The Batch List provides a high-level operational view of all production batches, including product type, item counts, mockup progress, and last activity.
- Simplify the batch import experience
- Separate specialized import workflows from the core platform
- Improve onboarding for first-time users
- Add guided validation and import progress feedback
- Import workflow records from JSON manifests
- Automatically generate and assign batch identifiers
- Select product type during import
- Validate imported records before processing
- Store workflow records in MongoDB
Monitor every production batch from a centralized dashboard, including:
- Batch ID
- Product type
- Record count
- Processing status
- Mockup generation status
- Last modified timestamp
This provides operators with real-time visibility into workflow progress.
Track workflow execution across multiple processing stages, including:
- Imported
- Pending
- Processing
- Completed
- Failed
Individual records expose detailed processing information to simplify troubleshooting and recovery.
Following a successful import, the application automatically calls the FolderCreator API to provision the required production folder structure for each batch. This eliminates manual setup and ensures a consistent directory layout across the workflow platform.
MockupWorkflow.Admin coordinates with the platform's backend services through REST APIs, including:
- PhotoshopAutomation.Api
- FolderCreator.API
- PNGAPI
- MongoDB
Together these services provide an end-to-end workflow for managing production batches and automated asset generation.
Built with Blazor Server and MudBlazor, the administration interface provides:
- Interactive data tables
- Live status updates
- Batch detail pages
- Import workflows
- Responsive layouts
- Material Design components
MockupWorkflow.Admin serves as the operational dashboard for the Mockup Workflow Platform. It provides a web-based interface for importing workflow records, monitoring batch execution, reviewing processing status, and coordinating automated production workflows.
The application communicates with the platform's backend services through REST APIs while persisting workflow data in MongoDB.
The administration application supports the complete operational workflow:
- Import workflow records from JSON.
- Validate and persist records in MongoDB.
- Automatically provision production folders.
- Monitor batch processing.
- Review individual record status.
- Track Photoshop mockup generation.
- Verify generated assets.
- Prepare completed batches for downstream publishing.
| Component | Responsibility |
|---|---|
| MockupWorkflow.Admin | Blazor Server administration interface for operators |
| PhotoshopAutomation.Api | Coordinates workflow execution and batch processing |
| FolderCreator.API | Creates standardized production folder structures |
| PNGAPI | Manages input and generated asset storage |
| MongoDB | Stores workflow records, batch metadata, and processing state |
- ASP.NET Core
- Blazor Server
- MudBlazor
- MongoDB
- Docker
- REST APIs
- C#
Shared business models, MongoDB collections, and workflow objects.
swisherman/PhotoshopAutomation.Api
REST API responsible for importing production records, managing batches, and coordinating workflow processing.
Creates and manages batch folder structures within the shared Docker volume.
- Import production records.
- Generate a batch ID.
- Save workflow records to MongoDB.
- Automatically create production folders.
- Monitor batches and individual records.
- Generate Photoshop mockups through the UXP workflow engine.
- Upload generated assets through PNGAPI.
- Review completion status and processing errors.
- Prepare completed batches for downstream publishing.
Status: Active Development / Portfolio Release
The core operational workflow is functional, including batch import, folder provisioning, workflow monitoring, Photoshop mockup processing, generated-asset uploads, and completion tracking.
Current development is focused on:
- Refining the administrative user experience
- Expanding workflow integrations
- Enhancing production monitoring and diagnostics
- Supporting additional publishing and automation pipelines