diff --git a/frontend/src/components/common/SiteCard.tsx b/frontend/src/components/common/SiteCard.tsx index ea9ac140..ef360bcf 100644 --- a/frontend/src/components/common/SiteCard.tsx +++ b/frontend/src/components/common/SiteCard.tsx @@ -92,6 +92,7 @@ export default function SiteCard({ variant="outline" size="md" onClick={() => onSettings(site)} + title="Configure Site - Update connection details and publishing settings" className="shadow-theme-xs inline-flex h-11 w-11 items-center justify-center rounded-lg border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-400" > onDetails(site)} + title="View Site Details - See all information about this website" className="shadow-theme-xs inline-flex h-11 items-center justify-center rounded-lg border border-gray-300 px-4 py-3 text-sm font-medium text-gray-700 dark:border-gray-700 dark:text-gray-400" > - Details + View Details

- Publishing Rules + Advanced Publishing Rules

- Configure how and where content is published + Set specific rules for different types of content +

+

+ Example: Publish blog posts to WordPress but guides to your main site

diff --git a/frontend/src/config/snippets/columns.snippets.ts b/frontend/src/config/snippets/columns.snippets.ts index 9fe6af03..5826d066 100644 --- a/frontend/src/config/snippets/columns.snippets.ts +++ b/frontend/src/config/snippets/columns.snippets.ts @@ -12,7 +12,7 @@ export const titleColumn = { export const keywordColumn = { key: 'keyword', - label: 'Keyword', + label: 'Search Term', sortable: true, width: 'auto', }; @@ -27,7 +27,7 @@ export const statusColumn = { export const volumeColumn = { key: 'volume', - label: 'Search Volume', + label: 'Monthly Searches', sortable: true, numeric: true, width: '100px', @@ -35,7 +35,7 @@ export const volumeColumn = { export const difficultyColumn = { key: 'difficulty', - label: 'Difficulty', + label: 'Competition Level', sortable: true, badge: true, width: '120px', @@ -43,7 +43,7 @@ export const difficultyColumn = { export const countryColumn = { key: 'country', - label: 'Country', + label: 'Target Location', sortable: true, badge: true, width: '120px', @@ -90,7 +90,7 @@ export const wordCountColumn = { export const sectorColumn = { key: 'sector_name', - label: 'Category', + label: 'Topic Area', sortable: false, width: '150px', }; diff --git a/frontend/src/layout/AppSidebar.tsx b/frontend/src/layout/AppSidebar.tsx index aa15f038..919f6722 100644 --- a/frontend/src/layout/AppSidebar.tsx +++ b/frontend/src/layout/AppSidebar.tsx @@ -84,7 +84,7 @@ const AppSidebar: React.FC = () => { if (isModuleEnabled('thinker')) { setupItems.push({ icon: , - name: "Content Strategy", + name: "AI Writer Setup", path: "/thinker/prompts", // Default to prompts, submenus shown as in-page navigation }); } @@ -105,7 +105,7 @@ const AppSidebar: React.FC = () => { if (isModuleEnabled('writer')) { workflowItems.push({ icon: , - name: "Create Content", + name: "Write Articles", path: "/writer/tasks", // Default to tasks, submenus shown as in-page navigation }); } @@ -114,7 +114,7 @@ const AppSidebar: React.FC = () => { if (isModuleEnabled('automation')) { workflowItems.push({ icon: , - name: "Automation", + name: "Automate Everything", path: "/automation", }); } @@ -158,7 +158,7 @@ const AppSidebar: React.FC = () => { items: workflowItems, }, { - label: "ACCOUNT", + label: "MANAGE ACCOUNT", items: [ { icon: , @@ -183,7 +183,7 @@ const AppSidebar: React.FC = () => { ], }, { - label: "PREFERENCES", + label: "CONFIGURATION", items: [ { icon: , @@ -208,7 +208,7 @@ const AppSidebar: React.FC = () => { ], }, { - label: "SUPPORT", + label: "HELP & LEARNING", items: [ { icon: , diff --git a/frontend/src/pages/Automation/AutomationPage.tsx b/frontend/src/pages/Automation/AutomationPage.tsx index 388272a4..8bed995a 100644 --- a/frontend/src/pages/Automation/AutomationPage.tsx +++ b/frontend/src/pages/Automation/AutomationPage.tsx @@ -37,13 +37,13 @@ import { } from '../../icons'; const STAGE_CONFIG = [ - { icon: ListIcon, color: 'from-blue-500 to-blue-600', textColor: 'text-blue-600', hoverColor: 'hover:border-blue-500', name: 'Keywords → Clusters' }, - { icon: GroupIcon, color: 'from-purple-500 to-purple-600', textColor: 'text-purple-600', hoverColor: 'hover:border-purple-500', name: 'Clusters → Ideas' }, - { icon: CheckCircleIcon, color: 'from-indigo-500 to-indigo-600', textColor: 'text-indigo-600', hoverColor: 'hover:border-indigo-500', name: 'Ideas → Tasks' }, - { icon: PencilIcon, color: 'from-green-500 to-green-600', textColor: 'text-green-600', hoverColor: 'hover:border-green-500', name: 'Tasks → Content' }, - { icon: FileIcon, color: 'from-amber-500 to-amber-600', textColor: 'text-amber-600', hoverColor: 'hover:border-amber-500', name: 'Content → Image Prompts' }, - { icon: FileTextIcon, color: 'from-pink-500 to-pink-600', textColor: 'text-pink-600', hoverColor: 'hover:border-pink-500', name: 'Image Prompts → Images' }, - { icon: PaperPlaneIcon, color: 'from-teal-500 to-teal-600', textColor: 'text-teal-600', hoverColor: 'hover:border-teal-500', name: 'Manual Review Gate' }, + { icon: ListIcon, color: 'from-blue-500 to-blue-600', textColor: 'text-blue-600', hoverColor: 'hover:border-blue-500', name: 'Organize Keywords', description: 'Group related search terms into topic clusters' }, + { icon: GroupIcon, color: 'from-purple-500 to-purple-600', textColor: 'text-purple-600', hoverColor: 'hover:border-purple-500', name: 'Create Article Ideas', description: 'Generate article titles and outlines for each cluster' }, + { icon: CheckCircleIcon, color: 'from-indigo-500 to-indigo-600', textColor: 'text-indigo-600', hoverColor: 'hover:border-indigo-500', name: 'Prepare Writing Jobs', description: 'Convert ideas into tasks for the AI writer' }, + { icon: PencilIcon, color: 'from-green-500 to-green-600', textColor: 'text-green-600', hoverColor: 'hover:border-green-500', name: 'Write Articles', description: 'AI generates full, complete articles' }, + { icon: FileIcon, color: 'from-amber-500 to-amber-600', textColor: 'text-amber-600', hoverColor: 'hover:border-amber-500', name: 'Create Image Descriptions', description: 'Generate descriptions for AI to create images' }, + { icon: FileTextIcon, color: 'from-pink-500 to-pink-600', textColor: 'text-pink-600', hoverColor: 'hover:border-pink-500', name: 'Generate Images', description: 'AI creates custom images for your articles' }, + { icon: PaperPlaneIcon, color: 'from-teal-500 to-teal-600', textColor: 'text-teal-600', hoverColor: 'hover:border-teal-500', name: 'Review & Publish ⚠️', description: 'Review articles before they go live (manual approval needed)' }, ]; const AutomationPage: React.FC = () => { @@ -389,7 +389,7 @@ const AutomationPage: React.FC = () => {
-

Content Automation

+

Automate Everything

{activeSite && (

Site: {activeSite.name} @@ -411,7 +411,7 @@ const AutomationPage: React.FC = () => {

{currentRun?.status === 'running' && `Running - Stage ${currentRun.current_stage}/7`} {currentRun?.status === 'paused' && 'Paused'} - {!currentRun && totalPending > 0 && 'Ready to Run'} + {!currentRun && totalPending > 0 && 'Ready to Go!'} {!currentRun && totalPending === 0 && 'No Items Pending'}
@@ -740,6 +740,9 @@ const AutomationPage: React.FC = () => { {!isActive && !isComplete && stage.pending > 0 && Ready}
{stageConfig.name}
+ {stageConfig.description && ( +
{stageConfig.description}
+ )}
@@ -835,6 +838,9 @@ const AutomationPage: React.FC = () => { {!isActive && !isComplete && stage.pending > 0 && Ready}
{stageConfig.name}
+ {stageConfig.description && ( +
{stageConfig.description}
+ )}
diff --git a/frontend/src/pages/Dashboard/Home.tsx b/frontend/src/pages/Dashboard/Home.tsx index 1ca07c7c..72d68391 100644 --- a/frontend/src/pages/Dashboard/Home.tsx +++ b/frontend/src/pages/Dashboard/Home.tsx @@ -595,7 +595,7 @@ export default function Home() {

Your Content Creation Dashboard

{lastUpdated && (

- Last updated: {lastUpdated.toLocaleTimeString()} + Last checked: {lastUpdated.toLocaleTimeString()}

)}
@@ -626,9 +626,12 @@ export default function Home() {

AI-Powered Content Creation Workflow

-

+

Transform keywords into published content with intelligent automation.

+

+ Your complete toolkit for finding topics, creating content, and publishing it to your site - all automated +

{/* Add Site Button and Site Count in Single Row - Right Side */}
@@ -636,7 +639,7 @@ export default function Home() {
{sites.length > 1 ? (
- {sites.length}/{maxSites || '∞'} Sites + {sites.length} of {maxSites || '∞'} Sites Active
) : (
@@ -655,7 +658,7 @@ export default function Home() { startIcon={} className="!bg-white !text-brand-600 hover:!bg-gray-50 font-bold text-base px-8 py-4 shadow-2xl hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.4)] hover:scale-105 active:scale-100 transition-all duration-200" > - Add Site + + Add Another Website )} {!canAddMoreSites && sites.length > 0 && maxSites > 0 && ( @@ -696,6 +699,9 @@ export default function Home() { color="primary" className="h-4" /> +

+ (This shows your progress from keywords through to published content) +

{/* Icon-based Progress Flow */} diff --git a/frontend/src/pages/Help/Help.tsx b/frontend/src/pages/Help/Help.tsx index 56600420..b1721776 100644 --- a/frontend/src/pages/Help/Help.tsx +++ b/frontend/src/pages/Help/Help.tsx @@ -155,7 +155,7 @@ export default function Help() {

- Table of Contents + What Do You Want to Learn?

{tableOfContents.map((item) => ( @@ -178,14 +178,14 @@ export default function Help() {
(sectionRefs.current["getting-started"] = el)} className="mb-12 scroll-mt-24">

- Getting Started + I'm New - Help Me Get Started!

- Welcome to IGNY8! Follow these steps to get started with content creation: + Let's Get You Creating Content! Follow these simple steps:

@@ -194,9 +194,9 @@ export default function Help() { 1
-

Set Up Your Site

+

Step 1: Connect Your Website

- Go to Settings > Sites and add your WordPress site. Configure the connection details and verify the integration. + Tell IGNY8 which website you want to create content for. Go to Settings > Sites and add your WordPress site.

@@ -206,9 +206,9 @@ export default function Help() { 2
-

Discover Keywords

+

Step 2: Find Search Terms to Target

- Navigate to Planner > Keyword Opportunities. Browse the global keyword database and add relevant keywords to your workflow. + Search for keywords people are looking for in your topic area. Navigate to Planner > Keyword Opportunities and add relevant keywords.

@@ -218,9 +218,9 @@ export default function Help() { 3
-

Organize Keywords

+

Step 3: Organize Keywords by Topic

- Go to Planner > Keywords and use Auto Cluster to group related keywords. This helps create comprehensive content. + Group related keywords together. Go to Planner > Keywords and use Auto Cluster to organize them by theme.

@@ -230,9 +230,9 @@ export default function Help() { 4
-

Generate Ideas

+

Step 4: Create Article Outlines

- Select clusters in Planner > Clusters and click Generate Ideas. AI will create content ideas based on your keywords. + Let AI generate article ideas for each topic. Select clusters in Planner > Clusters and click Generate Ideas.

@@ -242,9 +242,9 @@ export default function Help() { 5
-

Create Content

+

Step 5: Write Your Articles

- Ideas automatically become tasks. Go to Writer > Tasks, select tasks, and generate content. Review and edit as needed. + Turn ideas into full articles. Go to Writer > Tasks, select tasks, and generate content. Review and publish when ready.

diff --git a/frontend/src/pages/Planner/Clusters.tsx b/frontend/src/pages/Planner/Clusters.tsx index cf908038..bb134f30 100644 --- a/frontend/src/pages/Planner/Clusters.tsx +++ b/frontend/src/pages/Planner/Clusters.tsx @@ -444,8 +444,8 @@ export default function Clusters() { // Planner navigation tabs const plannerTabs = [ - { label: 'Keywords', path: '/planner/keywords', icon: }, - { label: 'Clusters', path: '/planner/clusters', icon: }, + { label: 'Keywords (individual terms)', path: '/planner/keywords', icon: }, + { label: 'Topics (keyword groups)', path: '/planner/clusters', icon: }, { label: 'Ideas', path: '/planner/ideas', icon: }, ]; diff --git a/frontend/src/pages/Planner/Ideas.tsx b/frontend/src/pages/Planner/Ideas.tsx index 2a109490..2bd4fcc3 100644 --- a/frontend/src/pages/Planner/Ideas.tsx +++ b/frontend/src/pages/Planner/Ideas.tsx @@ -350,8 +350,8 @@ export default function Ideas() { // Planner navigation tabs const plannerTabs = [ - { label: 'Keywords', path: '/planner/keywords', icon: }, - { label: 'Clusters', path: '/planner/clusters', icon: }, + { label: 'Keywords (individual terms)', path: '/planner/keywords', icon: }, + { label: 'Topics (keyword groups)', path: '/planner/clusters', icon: }, { label: 'Ideas', path: '/planner/ideas', icon: }, ]; diff --git a/frontend/src/pages/Planner/KeywordOpportunities.tsx b/frontend/src/pages/Planner/KeywordOpportunities.tsx index 5e22303f..417c3c12 100644 --- a/frontend/src/pages/Planner/KeywordOpportunities.tsx +++ b/frontend/src/pages/Planner/KeywordOpportunities.tsx @@ -569,7 +569,7 @@ export default function KeywordOpportunities() { bulkActions: !activeSector ? [] : [ { key: 'add_selected_to_workflow', - label: 'Add Selected to Workflow', + label: 'Add Selected Keywords', variant: 'primary' as const, }, ], @@ -579,7 +579,7 @@ export default function KeywordOpportunities() { return ( <> , color: 'orange' }} /> @@ -595,10 +595,10 @@ export default function KeywordOpportunities() {

- Select a Sector to Add Keywords + Choose a Topic Area First

- Please select a sector from the dropdown above to enable adding keywords to your workflow. Keywords must be added to a specific sector. + Pick a topic area first, then add keywords - You need to choose what you're writing about before adding search terms to target

diff --git a/frontend/src/pages/Planner/Keywords.tsx b/frontend/src/pages/Planner/Keywords.tsx index 6dbe4bc7..2f7a025d 100644 --- a/frontend/src/pages/Planner/Keywords.tsx +++ b/frontend/src/pages/Planner/Keywords.tsx @@ -611,8 +611,8 @@ export default function Keywords() { // Planner navigation tabs const plannerTabs = [ - { label: 'Keywords', path: '/planner/keywords', icon: }, - { label: 'Clusters', path: '/planner/clusters', icon: }, + { label: 'Keywords (individual terms)', path: '/planner/keywords', icon: }, + { label: 'Topics (keyword groups)', path: '/planner/clusters', icon: }, { label: 'Ideas', path: '/planner/ideas', icon: }, ]; diff --git a/frontend/src/pages/Settings/ImportExport.tsx b/frontend/src/pages/Settings/ImportExport.tsx index 4b5fc2ac..142ba20b 100644 --- a/frontend/src/pages/Settings/ImportExport.tsx +++ b/frontend/src/pages/Settings/ImportExport.tsx @@ -1,21 +1,68 @@ import PageMeta from "../../components/common/PageMeta"; import ComponentCard from "../../components/common/ComponentCard"; +import { Card } from "../../components/ui/card"; +import { Download, Upload, Database, FileArchive, CheckCircle } from 'lucide-react'; export default function ImportExport() { return ( <> - -
-

- Import/Export - Coming Soon -

-

- Import and export data, manage backups, and transfer content + +

+
+
+ +
+
+ +

+ Coming Soon: Manage Your Data +

+ +

+ Import and Export Your Content - Backup your keywords, articles, and settings. Move your content to other platforms. Download everything safely.

+ +
+

+ What will be available: +

+
+
+ +
+ Export your keywords as a file (backup or share) +
+
+
+ +
+ Export all your articles in different formats +
+
+
+ +
+ Import keywords from other sources +
+
+
+ +
+ Backup and restore your entire account +
+
+
+ +
+ Download your settings and configurations +
+
+
+
- + ); } diff --git a/frontend/src/pages/Settings/Publishing.tsx b/frontend/src/pages/Settings/Publishing.tsx index d06337ee..7a7b6cbc 100644 --- a/frontend/src/pages/Settings/Publishing.tsx +++ b/frontend/src/pages/Settings/Publishing.tsx @@ -68,9 +68,9 @@ export default function Publishing() { }; const DESTINATIONS = [ - { value: 'sites', label: 'IGNY8 Sites' }, - { value: 'wordpress', label: 'WordPress' }, - { value: 'shopify', label: 'Shopify' }, + { value: 'sites', label: 'Publish to My Sites (using IGNY8)' }, + { value: 'wordpress', label: 'Publish to WordPress (your self-hosted WordPress site)' }, + { value: 'shopify', label: 'Publish to Shopify (your Shopify store)' }, ]; if (loading) { @@ -90,10 +90,10 @@ export default function Publishing() {

- Publishing Settings + Where to Publish

- Configure default publishing destinations and rules + Set up automatic publishing - Tell us where your content should go

@@ -103,10 +103,13 @@ export default function Publishing() {

- Default Publishing Destinations + Where Should Articles Go?

- Select default platforms where content will be published + Choose which platforms get your articles - You can pick multiple +

+

+ When you publish an article, it will go to all the platforms you check here

@@ -129,10 +132,10 @@ export default function Publishing() {

- Auto-Publish Settings + Automatic Publishing

- Automatically publish content when it's ready + Publish articles without asking me

@@ -140,15 +143,14 @@ export default function Publishing() { setAutoPublishEnabled(e.target.checked)} - label="Enable auto-publish" + label="Automatically publish articles when they're finished and reviewed" />
{autoPublishEnabled && (

- When enabled, content will be automatically published to selected destinations - when generation is complete. + When you turn this on, articles will publish to your site right away. You can still review them first if you want

)} @@ -160,10 +162,10 @@ export default function Publishing() {

- Auto-Sync Settings + Keep Everything Updated

- Configure automatic content synchronization with publishing platforms + Automatically sync articles between platforms

@@ -171,7 +173,7 @@ export default function Publishing() { setAutoSyncEnabled(e.target.checked)} - label="Enable auto-sync" + label="Automatically update articles on all my platforms if I make changes" />
diff --git a/frontend/src/pages/Settings/Sites.tsx b/frontend/src/pages/Settings/Sites.tsx index f3c3cb88..dfdaf1a8 100644 --- a/frontend/src/pages/Settings/Sites.tsx +++ b/frontend/src/pages/Settings/Sites.tsx @@ -386,26 +386,26 @@ export default function Sites() { return ( <> - +
-

Sites Management

+

Your Websites

- Manage your sites, configure industries, and select sectors. Multiple sites can be active simultaneously. + Manage all your websites here - Add new sites, configure settings, and track content for each one

{/* Info Alert */} {/* Sites Grid */} diff --git a/frontend/src/pages/Writer/Content.tsx b/frontend/src/pages/Writer/Content.tsx index e3f311f5..58dcd51e 100644 --- a/frontend/src/pages/Writer/Content.tsx +++ b/frontend/src/pages/Writer/Content.tsx @@ -280,10 +280,10 @@ export default function Content() { // Writer navigation tabs const writerTabs = [ - { label: 'Queue', path: '/writer/tasks', icon: }, - { label: 'Drafts', path: '/writer/content', icon: }, - { label: 'Images', path: '/writer/images', icon: }, - { label: 'Review', path: '/writer/review', icon: }, + { label: 'Ready to Write', path: '/writer/tasks', icon: }, + { label: 'Finished Drafts', path: '/writer/content', icon: }, + { label: 'Article Images', path: '/writer/images', icon: }, + { label: 'Review Before Publishing', path: '/writer/review', icon: }, { label: 'Published', path: '/writer/published', icon: }, ]; diff --git a/frontend/src/pages/Writer/Images.tsx b/frontend/src/pages/Writer/Images.tsx index 0de32f8e..a1d75441 100644 --- a/frontend/src/pages/Writer/Images.tsx +++ b/frontend/src/pages/Writer/Images.tsx @@ -449,10 +449,10 @@ export default function Images() { // Writer navigation tabs const writerTabs = [ - { label: 'Queue', path: '/writer/tasks', icon: }, - { label: 'Drafts', path: '/writer/content', icon: }, - { label: 'Images', path: '/writer/images', icon: }, - { label: 'Review', path: '/writer/review', icon: }, + { label: 'Ready to Write', path: '/writer/tasks', icon: }, + { label: 'Finished Drafts', path: '/writer/content', icon: }, + { label: 'Article Images', path: '/writer/images', icon: }, + { label: 'Review Before Publishing', path: '/writer/review', icon: }, { label: 'Published', path: '/writer/published', icon: }, ]; diff --git a/frontend/src/pages/Writer/Published.tsx b/frontend/src/pages/Writer/Published.tsx index 842c364f..bc36348c 100644 --- a/frontend/src/pages/Writer/Published.tsx +++ b/frontend/src/pages/Writer/Published.tsx @@ -307,10 +307,10 @@ export default function Published() { // Writer navigation tabs const writerTabs = [ - { label: 'Queue', path: '/writer/tasks', icon: }, - { label: 'Drafts', path: '/writer/content', icon: }, - { label: 'Images', path: '/writer/images', icon: }, - { label: 'Review', path: '/writer/review', icon: }, + { label: 'Ready to Write', path: '/writer/tasks', icon: }, + { label: 'Finished Drafts', path: '/writer/content', icon: }, + { label: 'Article Images', path: '/writer/images', icon: }, + { label: 'Review Before Publishing', path: '/writer/review', icon: }, { label: 'Published', path: '/writer/published', icon: }, ]; diff --git a/frontend/src/pages/Writer/Review.tsx b/frontend/src/pages/Writer/Review.tsx index 7396353e..d36a4dd3 100644 --- a/frontend/src/pages/Writer/Review.tsx +++ b/frontend/src/pages/Writer/Review.tsx @@ -346,10 +346,10 @@ export default function Review() { // Writer navigation tabs const writerTabs = [ - { label: 'Queue', path: '/writer/tasks', icon: }, - { label: 'Drafts', path: '/writer/content', icon: }, - { label: 'Images', path: '/writer/images', icon: }, - { label: 'Review', path: '/writer/review', icon: }, + { label: 'Ready to Write', path: '/writer/tasks', icon: }, + { label: 'Finished Drafts', path: '/writer/content', icon: }, + { label: 'Article Images', path: '/writer/images', icon: }, + { label: 'Review Before Publishing', path: '/writer/review', icon: }, { label: 'Published', path: '/writer/published', icon: }, ]; diff --git a/frontend/src/pages/Writer/Tasks.tsx b/frontend/src/pages/Writer/Tasks.tsx index 3d1b99a1..615f7a0b 100644 --- a/frontend/src/pages/Writer/Tasks.tsx +++ b/frontend/src/pages/Writer/Tasks.tsx @@ -424,10 +424,10 @@ export default function Tasks() { // Writer navigation tabs const writerTabs = [ - { label: 'Queue', path: '/writer/tasks', icon: }, - { label: 'Drafts', path: '/writer/content', icon: }, - { label: 'Images', path: '/writer/images', icon: }, - { label: 'Review', path: '/writer/review', icon: }, + { label: 'Ready to Write', path: '/writer/tasks', icon: }, + { label: 'Finished Drafts', path: '/writer/content', icon: }, + { label: 'Article Images', path: '/writer/images', icon: }, + { label: 'Review Before Publishing', path: '/writer/review', icon: }, { label: 'Published', path: '/writer/published', icon: }, ]; diff --git a/frontend/src/pages/account/PlansAndBillingPage.tsx b/frontend/src/pages/account/PlansAndBillingPage.tsx index 39dd9493..4fa4c145 100644 --- a/frontend/src/pages/account/PlansAndBillingPage.tsx +++ b/frontend/src/pages/account/PlansAndBillingPage.tsx @@ -353,9 +353,9 @@ export default function PlansAndBillingPage() { return (
-

Plans & Billing

+

Your Subscription

- Manage your subscription, credits, and billing information + Manage your plan and payments - View what's included, upgrade, or buy more credits

diff --git a/frontend/src/pages/account/TeamManagementPage.tsx b/frontend/src/pages/account/TeamManagementPage.tsx index 09a9c559..5b178bbf 100644 --- a/frontend/src/pages/account/TeamManagementPage.tsx +++ b/frontend/src/pages/account/TeamManagementPage.tsx @@ -96,12 +96,12 @@ export default function TeamManagementPage() { return (
- +
-

Team Management

+

Your Team

- Manage team members, invitations, and access control + Manage who can access your account - Add team members and control what they can do

@@ -138,8 +138,9 @@ export default function TeamManagementPage() { size="md" startIcon={} onClick={() => setShowInviteModal(true)} + title="Send an invitation to someone to join your team" > - Invite Team Member + + Invite Someone
diff --git a/frontend/src/pages/account/UsageAnalyticsPage.tsx b/frontend/src/pages/account/UsageAnalyticsPage.tsx index a68e7b62..0f66b045 100644 --- a/frontend/src/pages/account/UsageAnalyticsPage.tsx +++ b/frontend/src/pages/account/UsageAnalyticsPage.tsx @@ -59,9 +59,9 @@ export default function UsageAnalyticsPage() { } const tabs = [ - { id: 'limits' as TabType, label: 'Plan Limits & Usage', icon: }, - { id: 'activity' as TabType, label: 'Credit Activity', icon: }, - { id: 'api' as TabType, label: 'API Usage', icon: }, + { id: 'limits' as TabType, label: 'Your Limits & Usage (What you\'re using)', icon: }, + { id: 'activity' as TabType, label: 'Credit History (Where credits go)', icon: }, + { id: 'api' as TabType, label: 'API Activity (Technical requests)', icon: }, ]; return ( @@ -70,9 +70,9 @@ export default function UsageAnalyticsPage() { {/* Page Header */}
-

Usage & Analytics

+

Your Usage

- Track plan limits, credit consumption, and API usage patterns + See how much you're using - Track your credits, content limits, and API activity

@@ -85,10 +85,11 @@ export default function UsageAnalyticsPage() {
-
Current Balance
+
Credits Left
{creditBalance.credits.toLocaleString()}
+
available
@@ -99,10 +100,11 @@ export default function UsageAnalyticsPage() {
-
Used This Month
+
Credits Used This Month
{creditBalance.credits_used_this_month.toLocaleString()}
+
spent so far
@@ -113,10 +115,11 @@ export default function UsageAnalyticsPage() {
-
Monthly Allocation
+
Your Monthly Limit
{creditBalance.plan_credits_per_month.toLocaleString()}
+
total each month
diff --git a/frontend/src/pages/settings/ProfileSettingsPage.tsx b/frontend/src/pages/settings/ProfileSettingsPage.tsx index 1a7503f7..d6c6c780 100644 --- a/frontend/src/pages/settings/ProfileSettingsPage.tsx +++ b/frontend/src/pages/settings/ProfileSettingsPage.tsx @@ -32,10 +32,10 @@ export default function ProfileSettingsPage() {

- Profile Settings + Your Profile

- Manage your personal information and preferences + Update your personal settings - Your name, preferences, and notification choices

-

Personal Information

+

About You

-

Preferences

+

How You Like It

-
Marketing Emails
+
Tips & Product Updates (optional)
- Receive marketing and promotional emails + Hear about new features and content tips