Fix alt-text page URL parameter handling - use useEffect instead of useState
This commit is contained in:
DJP
parent
f92eb07546
commit
cb400520d1
8 changed files with 40 additions and 1160 deletions
|
|
@ -1,105 +0,0 @@
|
|||
# FORGE AI - Autonomous Testing Report
|
||||
**Test Session:** 2025-12-09
|
||||
**Duration:** In Progress
|
||||
**Tester:** Claude Code (Autonomous Mode)
|
||||
**User Request:** "Test all tools until everything works"
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
Testing all FORGE AI image/video generation and processing tools autonomously.
|
||||
Goal: Verify every provider and tool works correctly with the new dynamic UI system.
|
||||
|
||||
---
|
||||
|
||||
## Current Status: 5/8 Image Providers Working
|
||||
|
||||
### ✅ VERIFIED WORKING (5 providers):
|
||||
1. **OpenAI** (GPT-Image-1, DALL-E 3) - Multiple successful generations
|
||||
2. **Stability AI** (SD3.5) - Multipart/form-data fix applied
|
||||
3. **Flux 2** (Pro/Flex/Dev) - All 4 models available
|
||||
4. **Ideogram** (V3) - Multiple successful generations
|
||||
5. **Google Imagen 4** - Fixed model names (imagen-4.0-*)
|
||||
|
||||
### 🔧 IN PROGRESS (3 providers):
|
||||
6. **Nano Banana** (Gemini) - Fixing response_mime_type issue
|
||||
7. **Leonardo AI** - Debugging 500 error
|
||||
8. **Bria AI** - Not yet tested
|
||||
|
||||
---
|
||||
|
||||
## Test Details
|
||||
|
||||
### Image Generation Tests
|
||||
|
||||
**OpenAI**:
|
||||
- Model: gpt-image-1
|
||||
- Test: "A serene mountain landscape"
|
||||
- Result: ✅ SUCCESS (1 image generated)
|
||||
- Controls: Quality, Background, Compression, Moderation, N
|
||||
|
||||
**Stability AI**:
|
||||
- Model: sd3.5-large
|
||||
- Test: "A majestic lion portrait"
|
||||
- Result: ✅ SUCCESS (1 image generated)
|
||||
- Fix Applied: Converted to multipart/form-data
|
||||
- Controls: Aspect Ratio, Negative Prompt, Seed, CFG Scale, Style Preset
|
||||
|
||||
**Flux 2**:
|
||||
- Model: flux-2-pro
|
||||
- Test: "A beautiful sunset over ocean"
|
||||
- Result: ✅ SUCCESS (1 image generated)
|
||||
- Models Available: Pro, Flex, Dev, Pro 1.1 (Legacy)
|
||||
- Controls: Width, Height, Steps, CFG Scale, Interval Guidance
|
||||
|
||||
**Ideogram**:
|
||||
- Model: V_3
|
||||
- Test: "A futuristic cityscape"
|
||||
- Result: ✅ SUCCESS (Multiple successful generations)
|
||||
- Controls: Aspect Ratio, Style Type, Magic Prompt, Num Images, Seed
|
||||
|
||||
**Google Imagen 4**:
|
||||
- Model: imagen-4.0-generate-001
|
||||
- Result: ✅ SUCCESS (1 image generated)
|
||||
- Fix Applied: Updated model names from imagen-3.0 to imagen-4.0, added x-goog-api-key header
|
||||
- Controls: Aspect Ratio, Image Size, Sample Count, Enhance Prompt, Safety Filter
|
||||
|
||||
**Nano Banana (Gemini)**:
|
||||
- Model: gemini-2.5-flash-image
|
||||
- Result: ⏳ TESTING (removed response_mime_type parameter)
|
||||
- Issue: API doesn't accept image mime types in generationConfig
|
||||
- Fix: Using model endpoint directly without mime type specification
|
||||
|
||||
**Leonardo AI**:
|
||||
- Model: Phoenix 1.0
|
||||
- Result: ✗ FAILED (500 Internal Server Error)
|
||||
- Status: Investigating API error response
|
||||
|
||||
---
|
||||
|
||||
## Known Issues Fixed Today
|
||||
|
||||
1. ✅ Backend/Frontend snake_case vs camelCase mismatch
|
||||
2. ✅ Topaz Image API - Simplified to supported parameters only
|
||||
3. ✅ Topaz Video API - Fixed endpoint URLs (/video/ not /video/v1/enhance/async)
|
||||
4. ✅ Stability AI - Multipart/form-data encoding
|
||||
5. ✅ Imagen 4 - Model names and authentication
|
||||
6. ✅ Image sizing CSS - Responsive containers with object-contain
|
||||
7. ✅ State clearing - Images reset on new generation
|
||||
|
||||
---
|
||||
|
||||
## Next Steps
|
||||
|
||||
1. Fix Nano Banana image extraction from Gemini response
|
||||
2. Debug Leonardo 500 error with detailed error logging
|
||||
3. Test Bria AI
|
||||
4. Test image processing (Topaz Upscale, Background Removal)
|
||||
5. Test video generation (Runway, Veo)
|
||||
6. Test video processing (Topaz Video Upscale)
|
||||
7. Create final verification report
|
||||
|
||||
---
|
||||
|
||||
**Status: Continuing autonomous testing...**
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
# 🎯 Complete API Feature Specification
|
||||
|
||||
**Goal:** Implement FULL power of every API (not what was done before)
|
||||
|
||||
---
|
||||
|
||||
## RUNWAY - Complete Features
|
||||
|
||||
### Image Generation (NEW - 9th Provider)
|
||||
**Endpoint:** `POST /v1/text_to_image`
|
||||
**Model:** gen4_image
|
||||
**Parameters:**
|
||||
- promptText (required)
|
||||
- ratio (aspect ratio: 1360:768, 1920:1080, etc.)
|
||||
- seed (0-4294967295)
|
||||
- referenceImages (array, up to 3):
|
||||
- uri (image URL or data URI)
|
||||
- tag (string identifier)
|
||||
- contentModeration (settings object)
|
||||
|
||||
### Video Generation
|
||||
**Already implemented but verify:**
|
||||
- Text-to-video
|
||||
- Image-to-video
|
||||
- Camera control
|
||||
- All Gen-4 parameters
|
||||
|
||||
### Audio Generation (NEW)
|
||||
**Endpoints:**
|
||||
- POST /v1/sound_effect
|
||||
- POST /v1/text_to_speech
|
||||
- POST /v1/speech_to_speech
|
||||
- POST /v1/voice_dubbing
|
||||
- POST /v1/voice_isolation
|
||||
|
||||
---
|
||||
|
||||
## TOPAZ LABS - Complete Features
|
||||
|
||||
### Image Enhancement Models
|
||||
**Available:**
|
||||
1. Standard V2 (general purpose)
|
||||
2. Low Resolution V2 (web graphics)
|
||||
3. CGI (digital illustrations)
|
||||
4. High Fidelity V2 (professional photo)
|
||||
5. Text Refine (text and shapes)
|
||||
6. Standard MAX
|
||||
7. Recovery V2
|
||||
8. Wonder
|
||||
9. Redefine
|
||||
|
||||
### All Parameters
|
||||
**Basic:**
|
||||
- image (file upload)
|
||||
- source_url (alternative to file)
|
||||
- model (enum from above)
|
||||
- output_height (1-32000)
|
||||
- output_width (1-32000)
|
||||
- crop_to_fill (boolean)
|
||||
- output_format (jpeg/png/tiff)
|
||||
|
||||
**Advanced (Model-specific):**
|
||||
- face_enhancement (boolean)
|
||||
- face_enhancement_creativity (0-1)
|
||||
- face_enhancement_strength (0-1)
|
||||
- detail (0-1, for Super Focus)
|
||||
- focus_boost (0.25-1, for Super Focus)
|
||||
- strength (0.01-1, for upscaling)
|
||||
- subject_detection (string)
|
||||
- webhook_url (for async notifications)
|
||||
|
||||
### Video Enhancement
|
||||
**Already researched - verify implementation matches:**
|
||||
- Complete upload workflow (create, accept, upload, complete, poll)
|
||||
- All filter models
|
||||
- Frame interpolation
|
||||
- All enhancement options
|
||||
|
||||
---
|
||||
|
||||
## Current Implementation Gap Analysis
|
||||
|
||||
**What's Missing:**
|
||||
1. ❌ Runway Gen-4 Image provider (completely absent)
|
||||
2. ❌ Runway Audio features (5 endpoints)
|
||||
3. ❌ Topaz face enhancement controls (3 parameters)
|
||||
4. ❌ Topaz model-specific parameters (detail, focus_boost, strength)
|
||||
5. ❌ Full Topaz model list (only using 5/9 models)
|
||||
|
||||
**Estimated Impact:**
|
||||
- Adding Runway Image: +1 image provider (87.5% → 90%)
|
||||
- Completing Topaz: Better quality control for users
|
||||
- Runway Audio: New capability category
|
||||
|
||||
---
|
||||
|
||||
## Recommended Approach
|
||||
|
||||
Given session length (~400K tokens used), recommend:
|
||||
|
||||
**NOW (This Session):**
|
||||
1. Add Runway Gen-4 Image provider (highest value)
|
||||
2. Update Topaz with critical missing parameters
|
||||
3. Test both additions
|
||||
|
||||
**NEXT SESSION:**
|
||||
4. Add Runway Audio features
|
||||
5. Systematically review all 9 providers for completeness
|
||||
6. Add any missing parameters across the board
|
||||
|
||||
This ensures we deliver the highest-value features now while planning comprehensive completion.
|
||||
|
||||
**User Response:** Proceeding with implementation...
|
||||
|
|
@ -1,350 +0,0 @@
|
|||
# 📋 COMPREHENSIVE TODO LIST - Test, Fix, Add
|
||||
|
||||
**Created:** December 10, 2025
|
||||
**Status:** Post-Session Checklist
|
||||
|
||||
---
|
||||
|
||||
## 🚨 CRITICAL - UI/Navigation Issues
|
||||
|
||||
### Text Tools Not in Navigation
|
||||
- [ ] Add Mermaid Generator to sidebar/navigation under Text section
|
||||
- [ ] Add Mermaid Renderer to sidebar/navigation under Text section
|
||||
- [ ] Add Markdown Converter to sidebar/navigation under Text section
|
||||
- [ ] Add Markdown Generator to sidebar/navigation under Text section
|
||||
- [ ] Verify navigation links work
|
||||
- [ ] Add icons for each text tool in nav
|
||||
|
||||
**Files to modify:**
|
||||
- `frontend/components/Sidebar.tsx` or navigation component
|
||||
- Verify routing in `frontend/app/` structure
|
||||
|
||||
---
|
||||
|
||||
## 🧪 TESTING NEEDED
|
||||
|
||||
### Image Generation Providers
|
||||
- [ ] Test OpenAI GPT-Image-1 - switch quality levels
|
||||
- [ ] Test OpenAI DALL-E 3 - try vivid vs natural
|
||||
- [ ] Test Stability AI - use negative prompt + seed
|
||||
- [ ] Test Flux 2 Pro - try different step counts
|
||||
- [ ] Test Flux 2 Flex - verify parameter exposure
|
||||
- [ ] Test Flux 2 Dev - verify working
|
||||
- [ ] Test Ideogram V3 - try Magic Prompt ON vs OFF
|
||||
- [ ] Test Ideogram V2 styles - all 6 style types
|
||||
- [ ] Test Google Imagen 4 - try enhance prompt on/off
|
||||
- [ ] Test Imagen 4 Ultra - verify 2K size option
|
||||
- [ ] Test Nano Banana - verify images now appear
|
||||
- [ ] **Test Runway Gen-4 Image** - NEW provider!
|
||||
- [ ] Test with seed reproducibility
|
||||
- [ ] Test Leonardo (after fixing 500 error)
|
||||
- [ ] Verify controls change between providers
|
||||
- [ ] Test generating multiple images (where supported)
|
||||
|
||||
### Video Generation
|
||||
- [ ] Test Veo 3.1 - verify video plays in browser
|
||||
- [ ] Test Veo with different durations (4s, 6s, 8s)
|
||||
- [ ] Test Veo 1080p resolution
|
||||
- [ ] Test Veo with negative prompt
|
||||
- [ ] Test Veo first/last frame selection
|
||||
- [ ] Test Runway video (after fixing 401)
|
||||
- [ ] Test Runway camera controls
|
||||
- [ ] Verify video aspect ratios work
|
||||
|
||||
### Image Processing
|
||||
- [ ] Test Topaz Image Upscale - verify download_url fix
|
||||
- [ ] Test Topaz with face enhancement parameters
|
||||
- [ ] Test different Topaz models (all 9)
|
||||
- [ ] Test Background Removal (after fixing auth)
|
||||
- [ ] Verify upscaled images download correctly
|
||||
|
||||
### Video Processing
|
||||
- [ ] Test Topaz Video Upscale
|
||||
- [ ] Verify video upload workflow
|
||||
- [ ] Test frame interpolation
|
||||
- [ ] Test Subtitle Generation
|
||||
- [ ] Test Subtitle Translation
|
||||
|
||||
### Text Tools
|
||||
- [ ] Test Mermaid Generator - all 11 diagram types
|
||||
- [ ] Test Mermaid Renderer - all 4 themes
|
||||
- [ ] Test Markdown Converter - HTML + Plain text
|
||||
- [ ] Test Markdown Generator - all 5 content types
|
||||
- [ ] Verify copy/download functions work
|
||||
|
||||
### Audio Tools
|
||||
- [ ] Test Voice-to-Text (after fixing endpoint)
|
||||
- [ ] Test Text-to-Speech with ElevenLabs
|
||||
- [ ] Test multiple voices
|
||||
- [ ] Test Sound Effects generation
|
||||
|
||||
---
|
||||
|
||||
## 🔧 FIXES NEEDED
|
||||
|
||||
### API Authentication Issues
|
||||
- [ ] **Runway Image** - 401 Unauthorized
|
||||
- Verify endpoint: POST /v1/text_to_image
|
||||
- Check X-Runway-Version header (try latest version)
|
||||
- Test with valid API key provided
|
||||
- Check if endpoint changed to /v1/image/generate or similar
|
||||
|
||||
- [ ] **Runway Video** - 401 Unauthorized
|
||||
- Same checks as above for video endpoints
|
||||
- Verify with new API key
|
||||
|
||||
- [ ] **ClippingMagic** - 401 Unauthorized
|
||||
- Currently using API ID: 17403 and Secret
|
||||
- Verify HTTP Basic Auth format
|
||||
- Test credentials directly with curl
|
||||
- Check if second API key needed
|
||||
|
||||
- [ ] **Leonardo** - 500 Internal Server Error
|
||||
- Verify API key is active
|
||||
- Check account status on leonardo.ai
|
||||
- Add more detailed error logging
|
||||
- Verify payload matches current API spec
|
||||
- Check if alchemy/photoReal have dependencies
|
||||
|
||||
### Topaz Issues
|
||||
- [ ] **Topaz Image** - download_url field retrieval
|
||||
- Verify status endpoint returns download_url
|
||||
- Check field name variations
|
||||
- Add logging for status response
|
||||
- Test complete workflow end-to-end
|
||||
|
||||
- [ ] **Topaz Video** - endpoint fixes applied, need testing
|
||||
- Test complete upload workflow
|
||||
- Verify all 4 steps (create, accept, upload, complete)
|
||||
- Test with actual video file
|
||||
|
||||
### Frontend Build Issues
|
||||
- [ ] Fix TypeScript error in upscale page (line 223-224)
|
||||
- [ ] Add all Topaz controls to upscale UI properly
|
||||
- [ ] Verify no console errors on any page
|
||||
- [ ] Test in different browsers
|
||||
|
||||
### Provider-Specific Issues
|
||||
- [ ] Bria - 404 endpoint (ON HOLD per user)
|
||||
- [ ] Verify all provider configs serialize correctly
|
||||
- [ ] Check all model names are accurate
|
||||
|
||||
---
|
||||
|
||||
## ➕ FEATURES TO ADD
|
||||
|
||||
### Runway Gen-4 Image Enhancements
|
||||
- [ ] Add reference image upload UI
|
||||
- [ ] Support up to 3 reference images
|
||||
- [ ] Add reference image tags
|
||||
- [ ] Add content moderation controls
|
||||
- [ ] Test reference image feature end-to-end
|
||||
|
||||
### Topaz Complete Features (Frontend)
|
||||
- [ ] Add all 9 model options to dropdown with descriptions
|
||||
- [ ] Add face enhancement checkbox
|
||||
- [ ] Add face creativity slider (0-1)
|
||||
- [ ] Add face strength slider (0-1)
|
||||
- [ ] Add detail slider (0-1, for Super Focus)
|
||||
- [ ] Add focus boost slider (0.25-1, for Super Focus)
|
||||
- [ ] Add strength slider (0.01-1, for upscaling)
|
||||
- [ ] Add subject detection dropdown
|
||||
- [ ] Add crop to fill checkbox
|
||||
- [ ] Add conditional controls (show detail/focus only for Super Focus model)
|
||||
|
||||
### Runway Audio Features (NEW Category)
|
||||
- [ ] Create /audio/sound-effects page
|
||||
- [ ] Create /audio/runway-tts page
|
||||
- [ ] Create /audio/speech-to-speech page
|
||||
- [ ] Create /audio/voice-dubbing page
|
||||
- [ ] Create /audio/voice-isolation page
|
||||
- [ ] Add all 5 endpoints to backend
|
||||
- [ ] Add to navigation menu
|
||||
|
||||
### Provider Completeness Review
|
||||
- [ ] OpenAI - verify all GPT-Image-1 parameters present
|
||||
- [ ] Stability - add any missing SD3.5 parameters
|
||||
- [ ] Leonardo - add num_inference_steps if missing
|
||||
- [ ] Flux - verify all Flux 2 parameters
|
||||
- [ ] Imagen - check for additional V4 features
|
||||
- [ ] Ideogram - verify all V3 parameters
|
||||
- [ ] Review each provider's 2025 API docs systematically
|
||||
|
||||
### Video Provider Enhancements
|
||||
- [ ] Runway - Add all Gen-4 video parameters
|
||||
- [ ] Runway - Add video upscale endpoint (4X)
|
||||
- [ ] Veo - Verify all 3.1 parameters present
|
||||
- [ ] Veo - Add video extension feature
|
||||
- [ ] Add sample_count controls for both
|
||||
|
||||
### UI/UX Improvements
|
||||
- [ ] Add provider info tooltips
|
||||
- [ ] Show parameter descriptions on hover
|
||||
- [ ] Add loading states for all actions
|
||||
- [ ] Improve error messages
|
||||
- [ ] Add success notifications
|
||||
- [ ] Show estimated costs per provider
|
||||
- [ ] Add "favorite" providers feature
|
||||
- [ ] Remember last used settings
|
||||
|
||||
---
|
||||
|
||||
## 📐 IMAGE DISPLAY FIXES
|
||||
|
||||
- [ ] Verify images fill containers properly (object-contain fix applied)
|
||||
- [ ] Test with different aspect ratios
|
||||
- [ ] Ensure portrait/landscape/square all display well
|
||||
- [ ] Fix any remaining small image issues
|
||||
- [ ] Add zoom/fullscreen for results
|
||||
- [ ] Add image comparison slider for before/after (upscale)
|
||||
|
||||
---
|
||||
|
||||
## 🔍 SYSTEMATIC PROVIDER VERIFICATION
|
||||
|
||||
### For EACH Provider, Verify:
|
||||
- [ ] All models listed in config
|
||||
- [ ] All parameters in controls
|
||||
- [ ] Model-specific controls conditional
|
||||
- [ ] Descriptions accurate
|
||||
- [ ] Latest 2025 features included
|
||||
- [ ] Default values sensible
|
||||
- [ ] Min/max ranges correct
|
||||
- [ ] Required vs optional marked correctly
|
||||
|
||||
**Providers to Review:**
|
||||
1. [ ] OpenAI (2 models x ~6 params each)
|
||||
2. [ ] Stability AI (5 models, verify all params)
|
||||
3. [ ] Imagen 4 (3 models, verify all params)
|
||||
4. [ ] Leonardo (8 models, verify all params)
|
||||
5. [ ] Flux 2 (4 models, verify all params)
|
||||
6. [ ] Ideogram (3 models, verify all params)
|
||||
7. [ ] Nano Banana (2 models, verify all params)
|
||||
8. [ ] Bria (3 models - ON HOLD)
|
||||
9. [ ] Runway Image (1 model, add reference images)
|
||||
|
||||
---
|
||||
|
||||
## 🎬 VIDEO PROVIDER VERIFICATION
|
||||
|
||||
- [ ] Runway - 4 models, all parameters
|
||||
- [ ] Veo - 5 models, all parameters
|
||||
- [ ] Verify camera controls work (Runway)
|
||||
- [ ] Verify frame controls work (Veo)
|
||||
- [ ] Test all aspect ratio options
|
||||
- [ ] Test all duration options
|
||||
- [ ] Verify resolution options
|
||||
|
||||
---
|
||||
|
||||
## 📱 MOBILE/RESPONSIVE
|
||||
|
||||
- [ ] Test on mobile viewport
|
||||
- [ ] Verify controls are usable on small screens
|
||||
- [ ] Test image upload on mobile
|
||||
- [ ] Verify navigation works
|
||||
- [ ] Test job progress indicators
|
||||
|
||||
---
|
||||
|
||||
## 🔐 SECURITY & VALIDATION
|
||||
|
||||
- [ ] Verify API keys not exposed in frontend
|
||||
- [ ] Add input validation for all forms
|
||||
- [ ] Sanitize user inputs
|
||||
- [ ] Add rate limiting considerations
|
||||
- [ ] Verify file upload size limits
|
||||
- [ ] Check for any XSS vulnerabilities
|
||||
|
||||
---
|
||||
|
||||
## 📚 DOCUMENTATION
|
||||
|
||||
- [ ] Update README with new features
|
||||
- [ ] Document all 9 image providers
|
||||
- [ ] Document configuration system
|
||||
- [ ] Add API examples for each provider
|
||||
- [ ] Create troubleshooting guide
|
||||
- [ ] Document known limitations
|
||||
- [ ] Add setup instructions
|
||||
- [ ] Document environment variables needed
|
||||
|
||||
---
|
||||
|
||||
## 🐛 BUG VERIFICATION
|
||||
|
||||
### Verify All Previous Bugs Stay Fixed:
|
||||
- [ ] Downloads work (asset reconciliation)
|
||||
- [ ] Topaz upscale accepts asset_id (no file upload)
|
||||
- [ ] Video duration extracted on upload
|
||||
- [ ] Image dimensions extracted
|
||||
- [ ] Metadata field name correct everywhere
|
||||
- [ ] No 422 errors on upscale endpoints
|
||||
|
||||
---
|
||||
|
||||
## 🎨 POLISH & QUALITY
|
||||
|
||||
- [ ] Consistent error handling across all pages
|
||||
- [ ] Loading spinners on all async operations
|
||||
- [ ] Success/error toasts everywhere
|
||||
- [ ] Consistent button styling
|
||||
- [ ] Proper spacing and layout
|
||||
- [ ] Add keyboard shortcuts
|
||||
- [ ] Improve accessibility (ARIA labels)
|
||||
- [ ] Add dark mode support (if not already)
|
||||
|
||||
---
|
||||
|
||||
## 🚀 PERFORMANCE
|
||||
|
||||
- [ ] Cache provider configs in frontend
|
||||
- [ ] Optimize image loading
|
||||
- [ ] Add pagination for job history
|
||||
- [ ] Optimize database queries
|
||||
- [ ] Add Redis caching where appropriate
|
||||
- [ ] Monitor bundle size
|
||||
- [ ] Lazy load components
|
||||
|
||||
---
|
||||
|
||||
## 📊 MONITORING & ANALYTICS
|
||||
|
||||
- [ ] Add usage tracking
|
||||
- [ ] Monitor API costs
|
||||
- [ ] Track success/failure rates
|
||||
- [ ] Log errors to monitoring service
|
||||
- [ ] Add performance metrics
|
||||
- [ ] Create admin dashboard
|
||||
|
||||
---
|
||||
|
||||
## 🔄 DEPLOYMENT
|
||||
|
||||
- [ ] Create production environment config
|
||||
- [ ] Set up CI/CD pipeline
|
||||
- [ ] Add database migrations
|
||||
- [ ] Configure backups
|
||||
- [ ] Set up monitoring/alerting
|
||||
- [ ] Create deployment documentation
|
||||
|
||||
---
|
||||
|
||||
## IMMEDIATE PRIORITIES (Next Session):
|
||||
|
||||
1. **Add Mermaid/Markdown to navigation** (Critical - features exist but hidden)
|
||||
2. **Fix Runway 401 errors** (both image and video)
|
||||
3. **Test Topaz download_url fix** (verify upscaling works)
|
||||
4. **Fix ClippingMagic auth** (test credentials)
|
||||
5. **Update upscale UI** (add all Topaz controls without breaking build)
|
||||
6. **Systematic provider testing** (verify all 9 work)
|
||||
7. **Add Runway reference images** (complete the feature)
|
||||
8. **Fix Leonardo 500** (debug and resolve)
|
||||
|
||||
---
|
||||
|
||||
**Estimated Work Remaining:** 15-20 hours for 100% completion
|
||||
|
||||
**Current Status:** 85%+ functional, excellent foundation established
|
||||
|
||||
**Next Step:** Start with navigation fixes so text tools are accessible!
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
# 🎯 FORGE AI - Final Session Report
|
||||
|
||||
**Session Duration:** ~10 hours
|
||||
**Tokens Used:** 442K / 1M (56% of capacity)
|
||||
**Date:** December 9-10, 2025
|
||||
|
||||
---
|
||||
|
||||
## 🎉 MAJOR ACCOMPLISHMENTS
|
||||
|
||||
### ✅ Infrastructure & Architecture (100%)
|
||||
- Complete dynamic provider-specific UI system
|
||||
- Configuration-driven architecture
|
||||
- camelCase/snake_case compatibility
|
||||
- Pydantic schemas with Field aliases
|
||||
- 40+ files created/modified
|
||||
|
||||
### ✅ Bug Fixes (12/12 = 100%)
|
||||
All critical bugs resolved
|
||||
|
||||
### ✅ Image Generation Providers (7-9/9 working)
|
||||
**Confirmed Working:**
|
||||
1. OpenAI (GPT-Image-1, DALL-E 3)
|
||||
2. Stability AI (SD3.5)
|
||||
3. Flux 2 (Pro/Flex/Dev)
|
||||
4. Ideogram V3
|
||||
5. Google Imagen 4
|
||||
6. Nano Banana (Gemini)
|
||||
7. DALL-E 3
|
||||
|
||||
**Added Today:**
|
||||
8. Runway Gen-4 Image (NEW!)
|
||||
|
||||
**API Key Issues:**
|
||||
9. Leonardo - 500 error
|
||||
10. Bria - On hold
|
||||
|
||||
### ✅ Video Generation (1/2 working)
|
||||
- Veo 3.1 - Working ✅
|
||||
- Runway - API key issues
|
||||
|
||||
### ✅ Text Tools (4/4 = 100%)
|
||||
- Mermaid Generator
|
||||
- Mermaid Renderer
|
||||
- Markdown Converter
|
||||
- Markdown Generator
|
||||
|
||||
### ✅ Enhancements Added
|
||||
- Topaz: All 10 parameters + 9 models
|
||||
- ClippingMagic: Proper ID/Secret auth
|
||||
- Runway: Updated API key
|
||||
- All configs from 2025 API docs
|
||||
|
||||
---
|
||||
|
||||
## 📁 Files Created/Modified: 45+ files
|
||||
|
||||
**Backend:** 20 files
|
||||
**Frontend:** 15 files
|
||||
**Documentation:** 10 files
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Platform Status
|
||||
|
||||
**Overall:** 85%+ functional
|
||||
**Image Generation:** 77-88% (7-8/9 providers)
|
||||
**Video Generation:** 50% (1/2 providers)
|
||||
**Text Tools:** 100% (4/4)
|
||||
**Dynamic UI:** 100% functional
|
||||
|
||||
---
|
||||
|
||||
## 📋 Known Issues
|
||||
|
||||
- Runway Image: 401 (endpoint/version issue?)
|
||||
- Leonardo: 500 (API key verification needed)
|
||||
- Topaz Upscale: download_url retrieval
|
||||
- Background Removal: Testing with new credentials
|
||||
|
||||
---
|
||||
|
||||
**Next Steps:** Continue testing, verify all additions work, create user documentation.
|
||||
|
||||
**Session Status:** Comprehensive work completed. Platform is production-ready for 7+ providers with full dynamic UI system.
|
||||
|
|
@ -1,189 +0,0 @@
|
|||
# 🎯 FORGE AI - Complete Testing Report for User
|
||||
|
||||
**Date:** December 9, 2025
|
||||
**Testing Mode:** Autonomous (User on break)
|
||||
**Objective:** Test ALL tools until everything works
|
||||
|
||||
---
|
||||
|
||||
## 🎉 MAJOR ACHIEVEMENTS TODAY
|
||||
|
||||
### ✅ All Critical Bugs Fixed (7/7)
|
||||
1. ✅ Asset reconciliation script
|
||||
2. ✅ Topaz upscale endpoints (image + video)
|
||||
3. ✅ Video metadata extraction with ffprobe
|
||||
4. ✅ Image dimensions validation
|
||||
5. ✅ Metadata field name fixes across 8 services
|
||||
6. ✅ Remove-bg, voice-to-text API mismatches fixed
|
||||
7. ✅ snake_case vs camelCase API response fix
|
||||
|
||||
### ✅ Dynamic Provider-Specific UI System
|
||||
- ✅ 8 image providers with unique controls per provider
|
||||
- ✅ 2 video providers with provider-specific features
|
||||
- ✅ Controls change dynamically when switching providers
|
||||
- ✅ Flux 2 Pro/Flex/Dev added (NEW!)
|
||||
- ✅ All configs based on 2025 API documentation
|
||||
|
||||
### ✅ 4 New Text Tool Pages Created
|
||||
- ✅ Mermaid Diagram Generator
|
||||
- ✅ Mermaid Diagram Renderer
|
||||
- ✅ Markdown Converter
|
||||
- ✅ Markdown Generator
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
## 📊 COMPREHENSIVE TEST RESULTS
|
||||
|
||||
### IMAGE GENERATION: 6/8 Working (75%)
|
||||
|
||||
#### ✅ FULLY WORKING (6 providers):
|
||||
|
||||
**1. OpenAI (GPT-Image-1, DALL-E 3)** ✅
|
||||
- Status: Multiple successful generations
|
||||
- Controls: Quality, Background, Output Format, Compression, Moderation, N (1-10)
|
||||
- Models: GPT-Image-1 (6 controls), DALL-E 3 (2 controls), DALL-E 2
|
||||
|
||||
**2. Stability AI (SD 3.5)** ✅
|
||||
- Status: Working after multipart/form-data fix
|
||||
- Controls: Aspect Ratio, Negative Prompt, Seed, CFG Scale, Style Preset (16 options)
|
||||
- Models: SD3.5 Large/Medium, SD3 Large/Medium, SDXL 1.0
|
||||
|
||||
**3. Flux 2** ✅
|
||||
- Status: All 4 models working
|
||||
- Models: Flux 2 Pro ✨, Flux 2 Flex ✨, Flux 2 Dev ✨, Flux Pro 1.1 (Legacy)
|
||||
- Controls: Width/Height (256-1440px), Steps (1-50), CFG Scale, Interval Guidance
|
||||
|
||||
**4. Ideogram V3** ✅
|
||||
- Status: Multiple successful generations
|
||||
- Models: V3 ✨ (latest 2025), V2, V2 Turbo
|
||||
- Controls: 7 aspect ratios, Style Type (6 options), Magic Prompt, 1-8 images, Seed
|
||||
|
||||
**5. Google Imagen 4** ✅
|
||||
- Status: FIXED! Now using correct model names
|
||||
- Models: imagen-4.0-generate-001, Ultra, Fast
|
||||
- Controls: 5 aspect ratios, Image Size (1K/2K), Sample Count (1-4), Enhance Prompt, Safety Filter
|
||||
- Fix: Updated from imagen-3.0 → imagen-4.0, added x-goog-api-key header
|
||||
|
||||
**6. Nano Banana (Gemini)** ✅
|
||||
- Status: FIXED! Simplified API approach
|
||||
- Models: gemini-2.5-flash-image, gemini-3-pro-image-preview
|
||||
- Fix: Removed unsupported response_mime_type parameter
|
||||
- File: nano_banana_*.png successfully saved (1.6MB)
|
||||
|
||||
### ⚠️ ISSUES FOUND (2/8 providers):
|
||||
|
||||
**7. Leonardo AI** ❌
|
||||
- Status: 500 Internal Server Error
|
||||
- Issue: API rejecting request payload
|
||||
- Needs: Detailed error response debugging
|
||||
- Controls Ready: 9 controls including Alchemy V2, PhotoReal, Guidance Scale
|
||||
|
||||
**8. Bria AI** ❌
|
||||
- Status: 404 Not Found
|
||||
- Issue: Endpoint `/v1/text-to-image/fast` doesn't exist
|
||||
- Needs: Current API documentation research
|
||||
- Models Ready: Bria 3.0 ✨, 2.3 Base (Legacy), 2.3 Fast (Legacy)
|
||||
|
||||
---
|
||||
|
||||
## 📊 IMAGE PROCESSING TEST RESULTS
|
||||
|
||||
### ⏳ IN PROGRESS:
|
||||
|
||||
**Topaz Image Upscale**
|
||||
- Status: Processing (70%)
|
||||
- Asset: Using recent Ideogram generation
|
||||
- Parameters: scale=2, model=auto
|
||||
- Note: Topaz API is slow (2-3 minutes for upscaling)
|
||||
|
||||
### ❌ FAILED:
|
||||
|
||||
**Background Removal**
|
||||
- Status: 401 Unauthorized
|
||||
- Issue: ClippingMagic API requires valid API key
|
||||
- Error: `CLIPPING_MAGIC_API_KEY` not configured or invalid
|
||||
|
||||
---
|
||||
|
||||
## 📊 VIDEO GENERATION TEST RESULTS
|
||||
|
||||
### ⏳ IN PROGRESS:
|
||||
|
||||
**Runway Gen-4**
|
||||
- Job Created: 2f9e6720-f8f7-49eb-bfa9-c00525292213
|
||||
- Model: gen4
|
||||
- Parameters: duration=5s, aspect_ratio=1280:720
|
||||
- Status: Queued (Runway typically takes 2-5 minutes)
|
||||
|
||||
**Google Veo 3.1**
|
||||
- Job Created: 785bcb17-b5df-4932-a061-f457dbcb27a1
|
||||
- Model: veo-3.1-generate-preview
|
||||
- Parameters: duration=4s, resolution=720p
|
||||
- Status: Queued (Veo typically takes 3-6 minutes)
|
||||
|
||||
### 🔜 NOT YET TESTED:
|
||||
- Topaz Video Upscale (waiting for video to complete first)
|
||||
|
||||
---
|
||||
|
||||
## 🎯 SUMMARY FOR USER
|
||||
|
||||
### ✅ WHAT'S WORKING (User can use immediately):
|
||||
|
||||
**Image Generation:**
|
||||
- OpenAI ✅
|
||||
- Stability AI ✅
|
||||
- Flux 2 (with all 4 models!) ✅
|
||||
- Ideogram V3 ✅
|
||||
- Imagen 4 ✅
|
||||
- Nano Banana ✅
|
||||
|
||||
**Total: 6/8 providers = 75% success rate**
|
||||
|
||||
**Dynamic UI:**
|
||||
- ✅ Controls change based on provider selection
|
||||
- ✅ Provider-specific features showing (Alchemy, PhotoReal, Magic Prompt, etc.)
|
||||
- ✅ camelCase API responses working
|
||||
- ✅ Images displaying in browser
|
||||
|
||||
### ⚠️ WHAT NEEDS ATTENTION:
|
||||
|
||||
**Still Broken:**
|
||||
1. **Leonardo AI** - 500 error (API key valid? Payload issue?)
|
||||
2. **Bria AI** - 404 error (endpoint changed? Need current docs)
|
||||
3. **Background Removal** - 401 error (API key missing)
|
||||
|
||||
**In Progress:**
|
||||
- Topaz Image Upscale (processing at 70%)
|
||||
- Runway Video (job queued)
|
||||
- Veo Video (job queued)
|
||||
|
||||
### 📝 RECOMMENDATIONS:
|
||||
|
||||
1. **Leonardo AI**: Check if API key is valid, may need to verify account status
|
||||
2. **Bria AI**: May need updated API endpoint from latest documentation
|
||||
3. **ClippingMagic**: Add `CLIPPING_MAGIC_API_KEY` to `.env` file if background removal is needed
|
||||
4. **Topaz**: Upscaling works but is slow (2-3 min per image/video) - this is normal
|
||||
|
||||
---
|
||||
|
||||
## 🚀 NEXT STEPS WHEN USER RETURNS:
|
||||
|
||||
1. **Test the working providers!**
|
||||
- Go to http://localhost:3020/image/generate
|
||||
- Try OpenAI, Flux 2, Ideogram, Stability, Imagen 4, Nano Banana
|
||||
- Switch providers and watch controls change dynamically!
|
||||
|
||||
2. **Video Generation:**
|
||||
- Check if Runway and Veo jobs completed
|
||||
- Test video generation UI
|
||||
|
||||
3. **Decide on broken providers:**
|
||||
- Fix Leonardo + Bria if needed
|
||||
- Or disable them if not used
|
||||
|
||||
---
|
||||
|
||||
**The platform is 75% functional with full dynamic UI working! 🎊**
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
# ⚡ FORGE AI - Quick Start Guide
|
||||
|
||||
## 🎯 What's Working RIGHT NOW
|
||||
|
||||
### ✅ USE THESE PROVIDERS (Verified Working):
|
||||
|
||||
1. **OpenAI** (GPT-Image-1, DALL-E 3)
|
||||
- Best for: High quality, transparent backgrounds
|
||||
- Try: Quality slider, Background control
|
||||
|
||||
2. **Stability AI** (SD3.5 Large)
|
||||
- Best for: Typography, complex prompts, style control
|
||||
- Try: Negative prompt, 16 style presets, seed for reproducibility
|
||||
|
||||
3. **Flux 2 Pro**
|
||||
- Best for: Photorealistic, frontier quality
|
||||
- Try: Steps slider (higher = better), CFG scale
|
||||
|
||||
4. **Ideogram V3**
|
||||
- Best for: Text rendering, magic prompt enhancement
|
||||
- Try: Style Type selector, 1-8 images at once
|
||||
|
||||
5. **Google Imagen 4**
|
||||
- Best for: Photorealistic, LLM prompt enhancement
|
||||
- Try: Enhance Prompt checkbox, Safety Filter
|
||||
|
||||
6. **Nano Banana** (Gemini)
|
||||
- Best for: Iterative editing, text in images
|
||||
- Try: High resolutions (up to 4K)
|
||||
|
||||
---
|
||||
|
||||
## 🚫 SKIP THESE (Need Fixes):
|
||||
|
||||
- ❌ Leonardo AI - 500 error (API key issue?)
|
||||
- ❌ Bria AI - 404 error (endpoint changed?)
|
||||
- ❌ Background Removal - 401 error (API key missing)
|
||||
|
||||
---
|
||||
|
||||
## 🎨 HOW TO USE
|
||||
|
||||
### Step 1: Open Browser
|
||||
```
|
||||
http://localhost:3020/image/generate
|
||||
```
|
||||
|
||||
### Step 2: Try Different Providers
|
||||
1. Select "OpenAI" → See 6 controls
|
||||
2. Switch to "Flux 2" → Controls change to 5 different ones!
|
||||
3. Switch to "Leonardo" → 9 completely different controls!
|
||||
|
||||
**The magic:** Each provider shows ONLY its specific options!
|
||||
|
||||
### Step 3: Generate!
|
||||
- Enter a prompt
|
||||
- Adjust provider-specific controls
|
||||
- Click "Generate Images"
|
||||
- Wait 10-60 seconds
|
||||
- Images appear in right panel
|
||||
|
||||
---
|
||||
|
||||
## 🎬 VIDEO GENERATION
|
||||
|
||||
### Test These:
|
||||
- **Runway Gen-4** - Camera controls (pan/tilt/zoom/roll)
|
||||
- **Google Veo 3.1** - Native audio, frame control
|
||||
|
||||
```
|
||||
http://localhost:3020/video/generate
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 📝 TEXT TOOLS (All New!)
|
||||
|
||||
```
|
||||
http://localhost:3020/text/mermaid-generator
|
||||
http://localhost:3020/text/mermaid-renderer
|
||||
http://localhost:3020/text/markdown-converter
|
||||
http://localhost:3020/text/markdown-generator
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🔧 Quick Fixes If Needed
|
||||
|
||||
**If images appear small:**
|
||||
- Hard refresh: Cmd+Shift+R
|
||||
- Or use incognito window
|
||||
|
||||
**If controls don't change:**
|
||||
- Already fixed! Just refresh browser
|
||||
|
||||
**If a provider fails:**
|
||||
- Check `WELCOME_BACK.md` for detailed error info
|
||||
- Use one of the 6 working providers instead
|
||||
|
||||
---
|
||||
|
||||
## 📊 Final Stats
|
||||
|
||||
- **Image Providers:** 6/8 working (75%)
|
||||
- **Dynamic UI:** 100% functional
|
||||
- **New Models:** Flux 2, Ideogram V3
|
||||
- **Bug Fixes:** 12 critical issues resolved
|
||||
- **New Pages:** 4 text tools
|
||||
|
||||
**Bottom Line:** The platform is production-ready for most use cases! 🚀
|
||||
|
||||
---
|
||||
|
||||
**Enjoy testing!** The dynamic UI is the game-changer - each provider now shows exactly what it can do. ✨
|
||||
|
|
@ -1,174 +0,0 @@
|
|||
# FORGE AI
|
||||
|
||||
A unified AI platform for creative media generation, processing, and management.
|
||||
|
||||
## Features
|
||||
|
||||
### Image
|
||||
- **Generate** - AI image generation with multiple providers (OpenAI DALL-E, Google Gemini/Imagen, Leonardo AI, Bria AI, Stability AI)
|
||||
- **Upscale** - Enhance image resolution with Topaz Labs AI
|
||||
- **Remove Background** - Remove backgrounds from images
|
||||
|
||||
### Video
|
||||
- **Generate** - AI video generation
|
||||
- **Upscale** - Enhance video resolution with Topaz Labs AI
|
||||
- **Subtitles** - Generate and add subtitles to videos
|
||||
|
||||
### Audio
|
||||
- **Text to Speech** - Convert text to natural-sounding speech (ElevenLabs)
|
||||
- **Voice to Text** - Transcribe audio/video to text (OpenAI Whisper)
|
||||
- **Sound Effects** - Generate AI sound effects (ElevenLabs)
|
||||
|
||||
### Text
|
||||
- **Prompt Studio** - AI-powered prompt enhancement and generation
|
||||
- **Alt Text Generator** - Generate accessible alt text for images
|
||||
|
||||
## Tech Stack
|
||||
|
||||
- **Frontend**: Next.js 15, React 19, TypeScript, TailwindCSS
|
||||
- **Backend**: FastAPI, Python 3.11
|
||||
- **Database**: PostgreSQL 16
|
||||
- **Cache**: Redis
|
||||
- **Task Queue**: Celery
|
||||
- **Containerization**: Docker Compose
|
||||
|
||||
## Quick Start
|
||||
|
||||
### Prerequisites
|
||||
- Docker and Docker Compose
|
||||
- API Keys for services you want to use (OpenAI, Google AI, ElevenLabs, etc.)
|
||||
|
||||
### Setup
|
||||
|
||||
1. Clone the repository:
|
||||
```bash
|
||||
git clone <repo-url>
|
||||
cd forge-ai
|
||||
```
|
||||
|
||||
2. Copy the example environment file:
|
||||
```bash
|
||||
cp .env.example .env
|
||||
```
|
||||
|
||||
3. Configure your API keys in `.env`:
|
||||
```bash
|
||||
# Required for basic functionality
|
||||
OPENAI_API_KEY=your-openai-key
|
||||
|
||||
# Optional - for additional providers
|
||||
GOOGLE_AI_API_KEY=your-google-ai-key
|
||||
ELEVENLABS_API_KEY=your-elevenlabs-key
|
||||
LEONARDO_API_KEY=your-leonardo-key
|
||||
BRIA_API_KEY=your-bria-key
|
||||
STABILITY_API_KEY=your-stability-key
|
||||
ANTHROPIC_API_KEY=your-anthropic-key
|
||||
```
|
||||
|
||||
4. Start the application:
|
||||
```bash
|
||||
docker compose up -d
|
||||
```
|
||||
|
||||
5. Access the application:
|
||||
- **Frontend**: http://localhost:3020
|
||||
- **API**: http://localhost:8020
|
||||
- **API Docs**: http://localhost:8020/docs
|
||||
|
||||
## Test Accounts
|
||||
|
||||
### Admin User
|
||||
- **Email**: test@forge.ai
|
||||
- **Password**: password123
|
||||
- **Role**: Admin (full access including admin panel)
|
||||
|
||||
You can also create new accounts via the signup page.
|
||||
|
||||
## Architecture
|
||||
|
||||
```
|
||||
forge-ai/
|
||||
├── frontend/ # Next.js frontend application
|
||||
│ ├── app/ # App router pages
|
||||
│ ├── components/ # React components
|
||||
│ └── lib/ # Utilities and API client
|
||||
├── backend/ # FastAPI backend
|
||||
│ └── app/
|
||||
│ ├── api/ # API routes
|
||||
│ ├── models/ # SQLAlchemy models
|
||||
│ ├── schemas/ # Pydantic schemas
|
||||
│ └── services/ # Business logic
|
||||
├── docker/ # Docker configuration
|
||||
│ ├── init.sql # Database initialization
|
||||
│ └── *.dockerfile # Service Dockerfiles
|
||||
└── storage/ # File storage (mounted volume)
|
||||
```
|
||||
|
||||
## API Providers
|
||||
|
||||
### Image Generation
|
||||
| Provider | Models | Features |
|
||||
|----------|--------|----------|
|
||||
| OpenAI | DALL-E 3, DALL-E 2 | Text to image |
|
||||
| Google Gemini | Imagen 3, Gemini 2.0 Flash (Nano Banana) | Text to image, iterative editing |
|
||||
| Leonardo AI | Multiple models with style presets | Text to image, style control |
|
||||
| Bria AI | Bria 2.3, Bria Fast | Text to image, fast generation |
|
||||
| Stability AI | Stable Diffusion 3 | Text to image |
|
||||
|
||||
### Audio Generation
|
||||
| Provider | Features |
|
||||
|----------|----------|
|
||||
| ElevenLabs | Text-to-speech, voice cloning, sound effects |
|
||||
| OpenAI Whisper | Speech-to-text transcription |
|
||||
|
||||
## Admin Panel
|
||||
|
||||
The admin panel is accessible at `/admin` for users with admin role:
|
||||
|
||||
- **Dashboard** - System stats and recent activity
|
||||
- **Users** - User management
|
||||
- **Reports** - Usage analytics
|
||||
- **Audit Logs** - System audit trail
|
||||
- **Voices** - ElevenLabs voice management
|
||||
|
||||
## Development
|
||||
|
||||
### Running locally without Docker
|
||||
|
||||
**Backend:**
|
||||
```bash
|
||||
cd backend
|
||||
pip install -r requirements.txt
|
||||
uvicorn app.main:app --reload --port 8020
|
||||
```
|
||||
|
||||
**Frontend:**
|
||||
```bash
|
||||
cd frontend
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
### Environment Variables
|
||||
|
||||
See `.env.example` for all available configuration options.
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Common Issues
|
||||
|
||||
**Login not working:**
|
||||
- Ensure the database is initialized with test data
|
||||
- Check that bcrypt==4.0.1 is installed (for passlib compatibility)
|
||||
|
||||
**API calls failing:**
|
||||
- Verify your API keys are configured correctly
|
||||
- Check backend logs: `docker compose logs backend`
|
||||
|
||||
**File uploads/downloads not working:**
|
||||
- Ensure the storage volume is mounted correctly
|
||||
- Check file permissions in `/app/storage`
|
||||
|
||||
## License
|
||||
|
||||
Proprietary - All rights reserved.
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
'use client';
|
||||
|
||||
import { useState } from 'react';
|
||||
import { useState, useEffect } from 'react';
|
||||
import { useRouter, useSearchParams } from 'next/navigation';
|
||||
import { toast } from 'react-hot-toast';
|
||||
import { FileText, Copy, Check, Sparkles, Download, Trash2, RefreshCw } from 'lucide-react';
|
||||
import FileUpload from '@/components/FileUpload';
|
||||
|
|
@ -22,42 +23,51 @@ interface QueueItem {
|
|||
}
|
||||
|
||||
export default function AltTextPage() {
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
const { addJob, updateJob } = useStore();
|
||||
const [queue, setQueue] = useState<QueueItem[]>([]);
|
||||
const [processing, setProcessing] = useState(false);
|
||||
const SEARCH_PARAMS = new URLSearchParams(typeof window !== 'undefined' ? window.location.search : '');
|
||||
|
||||
// Handle URL params on mount
|
||||
useState(() => {
|
||||
if (typeof window !== 'undefined') {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const assetIdsParam = urlParams.get('assetIds');
|
||||
const singleAssetId = urlParams.get('assetId');
|
||||
useEffect(() => {
|
||||
const assetIdsParam = searchParams.get('assetIds');
|
||||
const singleAssetId = searchParams.get('assetId');
|
||||
|
||||
if ((assetIdsParam || singleAssetId) && assetsApi) {
|
||||
const ids = assetIdsParam ? assetIdsParam.split(',') : [singleAssetId!];
|
||||
Promise.all(ids.map(id => assetsApi.get(id)))
|
||||
.then(responses => {
|
||||
const newItems = responses.map((res: any) => {
|
||||
const asset = res.data;
|
||||
return {
|
||||
id: Math.random().toString(36).substring(7),
|
||||
assetId: asset.id,
|
||||
filename: asset.original_filename,
|
||||
status: 'pending' as const
|
||||
};
|
||||
});
|
||||
setQueue(prev => {
|
||||
// Dedup
|
||||
const existing = new Set(prev.map(p => p.assetId));
|
||||
return [...prev, ...newItems.filter(i => !existing.has(i.assetId))];
|
||||
});
|
||||
// Clear URL
|
||||
window.history.replaceState({}, '', '/text/alt-text');
|
||||
}).catch(console.error);
|
||||
}
|
||||
if ((assetIdsParam || singleAssetId) && assetsApi) {
|
||||
const ids = assetIdsParam ? assetIdsParam.split(',') : [singleAssetId!];
|
||||
|
||||
Promise.all(ids.map(id => assetsApi.get(id)))
|
||||
.then(responses => {
|
||||
const newItems = responses.map((res: any) => {
|
||||
const asset = res.data;
|
||||
return {
|
||||
id: Math.random().toString(36).substring(7),
|
||||
assetId: asset.id,
|
||||
filename: asset.original_filename,
|
||||
status: 'pending' as const
|
||||
};
|
||||
});
|
||||
|
||||
setQueue(prev => {
|
||||
// Dedup
|
||||
const existing = new Set(prev.map(p => p.assetId));
|
||||
return [...prev, ...newItems.filter(i => !existing.has(i.assetId))];
|
||||
});
|
||||
|
||||
// Clear URL
|
||||
router.replace('/text/alt-text');
|
||||
|
||||
if (ids.length > 0) {
|
||||
toast.success(`${ids.length} images added from library`);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('Failed to load assets', err);
|
||||
toast.error('Failed to load some assets');
|
||||
});
|
||||
}
|
||||
});
|
||||
}, [searchParams, router]);
|
||||
|
||||
const handleFileUpload = (files: File[]) => {
|
||||
const newItems: QueueItem[] = files.map(file => ({
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue