salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

widgets and other fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-11 15:24:52 +00:00
parent 747770ac58
commit e9369df151
16 changed files with 761 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/pages/Help/Help.tsx
View File

@@ -31,7 +31,7 @@ function WorkflowPipeline() {
{ name: "Content", color: "bg-brand-500", description: "AI-generate articles" },
{ name: "Images", color: "bg-purple-500", description: "Create visuals" },
{ name: "Review", color: "bg-warning-500", description: "Edit & approve" },
{ name: "Published", color: "bg-success-500", description: "Live on WordPress" },
{ name: "Published", color: "bg-success-500", description: "Live on your site" },
];
return (
@@ -230,7 +230,7 @@ export default function Help() {
},
{
question: "What is the complete workflow from keywords to published content?",
answer: "IGNY8 follows an 8-stage pipeline: 1) Add keywords from Opportunities or CSV, 2) Cluster related keywords, 3) Generate content ideas from clusters, 4) Create tasks from ideas, 5) Generate AI content from tasks, 6) Generate featured and in-article images, 7) Review and approve content, 8) Publish to WordPress. You can automate most of these steps in the Automation page."
answer: "IGNY8 follows an 8-stage pipeline: 1) Add keywords from Opportunities or CSV, 2) Cluster related keywords, 3) Generate content ideas from clusters, 4) Create tasks from ideas, 5) Generate AI content from tasks, 6) Generate featured and in-article images, 7) Review and approve content, 8) Publish to your site. You can automate most of these steps in the Automation page."
},
{
question: "How do I set up automation?",
@@ -242,7 +242,7 @@ export default function Help() {
},
{
question: "How are images generated?",
answer: "Images are generated using AI (DALL-E 3 for premium, Runware for basic) based on your content. Go to Writer → Images to see all generated images. You can generate featured images and in-article images, regenerate them if needed, and they automatically sync to WordPress when publishing."
answer: "Images are generated using IGNY8 AI (Premium quality or Basic quality) based on your content. Go to Writer → Images to see all generated images. You can generate featured images and in-article images, regenerate them if needed, and they automatically sync to your site when publishing."
},
{
question: "What is the difference between Tasks and Content?",
@@ -618,7 +618,7 @@ export default function Help() {
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Publishing Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Auto-Publish:</strong> Automatically publish approved content</li>
<li><strong>Auto-Sync:</strong> Keep WordPress in sync with changes</li>
<li><strong>Auto-Sync:</strong> Keep your site in sync with changes</li>
<li><strong>Default Post Status:</strong> Draft, Pending, or Publish</li>
</ul>
</div>
@@ -626,7 +626,7 @@ export default function Help() {
<div className="border-l-4 border-purple-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Image Settings Tab</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Image Provider:</strong> Basic (Runware) or Premium (DALL-E 3)</li>
<li><strong>Image Quality:</strong> Basic or Premium (powered by IGNY8 AI)</li>
<li><strong>Image Style:</strong> Photorealistic, Illustrated, Abstract</li>
<li><strong>Default Size:</strong> 1024x1024, 1792x1024, 1024x1792</li>
</ul>
@@ -649,7 +649,7 @@ export default function Help() {
<li>Enter site name and domain</li>
<li>Select industry from 100+ categories</li>
<li>Add sectors for content organization</li>
<li>Configure WordPress integration (optional)</li>
<li>Configure site integration (WordPress or other platforms)</li>
<li>Save and start adding keywords</li>
</ol>
</div>
@@ -859,7 +859,7 @@ export default function Help() {
<div>
<h4 className="font-semibold text-gray-900 dark:text-white">Approve</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Change status to "Approved" when content is ready for publishing. Approved content can be published to WordPress.
Change status to "Approved" when content is ready for publishing. Approved content can be published to your site.
</p>
</div>
</div>
@@ -871,7 +871,7 @@ export default function Help() {
<li><strong>Draft:</strong> Initial AI-generated content</li>
<li><strong>In Review:</strong> Being edited/reviewed</li>
<li><strong>Approved:</strong> Ready for publishing</li>
<li><strong>Published:</strong> Live on WordPress</li>
<li><strong>Published:</strong> Live on your site</li>
</ul>
</div>
</div>
@@ -882,14 +882,14 @@ export default function Help() {
<div id="image-settings" ref={(el) => (sectionRefs.current["image-settings"] = el)}></div>
<div id="managing-images" ref={(el) => (sectionRefs.current["managing-images"] = el)}></div>
<p className="text-gray-700 dark:text-gray-300">
Generate AI images for your content using DALL-E 3 (premium) or Runware (basic).
Generate AI images for your content using IGNY8 AI (Premium or Basic quality).
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Featured Images</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Main image for each article. Automatically used as the WordPress featured image when publishing.
Main image for each article. Automatically used as the featured image when publishing to your site.
</p>
</div>
@@ -904,8 +904,8 @@ export default function Help() {
<div className="bg-gray-50 dark:bg-gray-800/50 p-4 rounded-lg">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Image Generation Options:</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>Basic (5 credits):</strong> Runware - fast, good quality</li>
<li><strong>Premium (25 credits):</strong> DALL-E 3 - highest quality</li>
<li><strong>Basic (5 credits):</strong> Fast generation, good quality</li>
<li><strong>Premium (25 credits):</strong> Highest quality</li>
<li><strong>Sizes:</strong> 1024x1024, 1792x1024, 1024x1792</li>
<li><strong>Styles:</strong> Photorealistic, Illustrated, Abstract</li>
</ul>
@@ -916,7 +916,7 @@ export default function Help() {
<AccordionItem title="Review & Publish" forceOpen={openAccordions.has('content-workflow')}>
<div id="content-workflow" ref={(el) => (sectionRefs.current["content-workflow"] = el)} className="space-y-4 scroll-mt-24">
<p className="text-gray-700 dark:text-gray-300">
Final review stage before publishing to WordPress.
Final review stage before publishing to your site.
</p>
<div className="space-y-3">
@@ -1030,7 +1030,7 @@ export default function Help() {
<div className="border-l-4 border-purple-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Publishing History</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Track all published content with timestamps, WordPress post IDs, and sync status.
Track all published content with timestamps, post IDs, and sync status.
</p>
</div>
</div>
@@ -1080,7 +1080,7 @@ export default function Help() {
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Bidirectional Sync</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Changes in WordPress (post edits, status changes) sync back to IGNY8. Keep content in sync across platforms.
Changes made on your WordPress site (post edits, status changes) sync back to IGNY8. Keep content in sync across platforms.
</p>
</div>
</div>
@@ -1098,17 +1098,17 @@ export default function Help() {
<div className="border-l-4 border-brand-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Content Generation</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>OpenAI (GPT-4o):</strong> Primary content generation</li>
<li><strong>Anthropic (Claude):</strong> Alternative provider</li>
<li>Powered by IGNY8 AI</li>
<li>Advanced language models for high-quality content</li>
</ul>
</div>
<div className="border-l-4 border-purple-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Image Generation</h4>
<ul className="list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1">
<li><strong>DALL-E 3:</strong> Premium quality images</li>
<li><strong>Runware:</strong> Fast, cost-effective basic images</li>
<li><strong>Bria:</strong> Background removal & editing</li>
<li><strong>Premium Quality:</strong> Highest quality images</li>
<li><strong>Basic Quality:</strong> Fast, cost-effective images</li>
<li><strong>Image Editing:</strong> Background removal & editing</li>
</ul>
</div>
</div>
@@ -1146,7 +1146,7 @@ export default function Help() {
<div className="border-l-4 border-purple-500 pl-4">
<h4 className="font-semibold text-gray-900 dark:text-white mb-2">Fixed-Cost Operations</h4>
<p className="text-sm text-gray-600 dark:text-gray-400">
Image generation uses fixed credits: 5 for basic (Runware), 25 for premium (DALL-E 3).
Image generation uses fixed credits: 5 for Basic quality, 25 for Premium quality.
</p>
</div>
</div>