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

ui frotneedn fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-11-26 06:47:23 +00:00
parent 451594bd29
commit 4fe68cc271
40 changed files with 1638 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/Thinker/AuthorProfiles.tsx
View File

@@ -113,8 +113,8 @@ export default function AuthorProfiles() {
<PageHeader
title="Author Profiles"
badge={{ icon: <UserIcon />, color: 'blue' }}
navigation={<ModuleNavigationTabs tabs={thinkerTabs} />}
/>
<ModuleNavigationTabs tabs={thinkerTabs} />
<div className="mb-6 flex justify-between items-center">
<Button onClick={handleCreate} variant="primary">
<PlusIcon className="w-4 h-4 mr-2" />

51
frontend/src/pages/Thinker/Dashboard.tsx
View File

@@ -260,47 +260,56 @@ export default function ThinkerDashboard() {
{/* Quick Actions */}
<ComponentCard title="Quick Actions" desc="Create new prompts, profiles, or strategies">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<button
<Button
onClick={() => navigate("/thinker/prompts")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[var(--color-warning)] hover:shadow-lg transition-all group"
variant="outline"
size="lg"
startIcon={
<div className="size-8 rounded-lg bg-gradient-to-br from-[var(--color-warning)] to-[var(--color-warning-dark)] flex items-center justify-center text-white shadow-md">
<PlusIcon className="h-4 w-4" />
</div>
}
className="!justify-start !h-auto !py-4"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--color-warning)] to-[var(--color-warning-dark)] flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
<h4 className="font-semibold text-slate-900 mb-1">New Prompt</h4>
<p className="text-sm text-slate-600">Create a reusable prompt template</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[#ff7a00] transition" />
</button>
</Button>
<button
<Button
onClick={() => navigate("/thinker/profiles")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#0693e3] hover:shadow-lg transition-all group"
variant="outline"
size="lg"
startIcon={
<div className="size-8 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-primary-dark)] flex items-center justify-center text-white shadow-md">
<PlusIcon className="h-4 w-4" />
</div>
}
className="!justify-start !h-auto !py-4"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-primary-dark)] flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
<h4 className="font-semibold text-slate-900 mb-1">New Author Profile</h4>
<p className="text-sm text-slate-600">Define a writing voice and style</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[var(--color-primary)] transition" />
</button>
</Button>
<button
<Button
onClick={() => navigate("/thinker/strategies")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#5d4ae3] hover:shadow-lg transition-all group"
variant="outline"
size="lg"
startIcon={
<div className="size-8 rounded-lg bg-gradient-to-br from-[var(--color-purple)] to-[var(--color-purple-dark)] flex items-center justify-center text-white shadow-md">
<PlusIcon className="h-4 w-4" />
</div>
}
className="!justify-start !h-auto !py-4"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--color-purple)] to-[var(--color-purple-dark)] flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
<h4 className="font-semibold text-slate-900 mb-1">New Strategy</h4>
<p className="text-sm text-slate-600">Build a content playbook</p>
</div>
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[#5d4ae3] transition" />
</button>
</Button>
</div>
</ComponentCard>

2
frontend/src/pages/Thinker/ImageTesting.tsx
View File

@@ -19,8 +19,8 @@ export default function ImageTesting() {
<PageHeader
title="Image Testing"
badge={{ icon: <ImageIcon />, color: 'indigo' }}
navigation={<ModuleNavigationTabs tabs={thinkerTabs} />}
/>
<ModuleNavigationTabs tabs={thinkerTabs} />
<ComponentCard title="Coming Soon" desc="AI image testing">
<div className="text-center py-8">
<p className="text-gray-600 dark:text-gray-400">

74
frontend/src/pages/Thinker/Prompts.tsx
View File

@@ -213,8 +213,8 @@ export default function Prompts() {
<PageHeader
title="AI Prompts Management"
badge={{ icon: <BoltIcon />, color: 'orange' }}
navigation={<ModuleNavigationTabs tabs={thinkerTabs} />}
/>
<ModuleNavigationTabs tabs={thinkerTabs} />
<div className="p-6">
{/* Planner Prompts Section */}
@@ -265,16 +265,7 @@ export default function Prompts() {
placeholder="Enter prompt template..."
className="font-mono-custom text-sm"
/>
<div className="flex gap-3 mt-4">
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
className="flex-1"
variant="solid"
color="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
<div className="flex justify-end gap-3 mt-4">
<Button
onClick={() => handleReset(type.key)}
disabled={saving[type.key]}
@@ -282,6 +273,13 @@ export default function Prompts() {
>
Reset to Default
</Button>
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
variant="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
</div>
</div>
</div>
@@ -337,16 +335,7 @@ export default function Prompts() {
placeholder="Enter prompt template..."
className="font-mono-custom text-sm"
/>
<div className="flex gap-3 mt-4">
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
className="flex-1"
variant="solid"
color="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
<div className="flex justify-end gap-3 mt-4">
<Button
onClick={() => handleReset(type.key)}
disabled={saving[type.key]}
@@ -354,6 +343,13 @@ export default function Prompts() {
>
Reset to Default
</Button>
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
variant="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
</div>
</div>
</div>
@@ -409,16 +405,7 @@ export default function Prompts() {
placeholder="Enter prompt template..."
className="font-mono-custom text-sm"
/>
<div className="flex gap-3 mt-4">
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
className="flex-1"
variant="solid"
color="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
<div className="flex justify-end gap-3 mt-4">
{type.key === 'image_prompt_template' && (
<Button
onClick={() => handleReset(type.key)}
@@ -428,6 +415,13 @@ export default function Prompts() {
Reset to Default
</Button>
)}
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
variant="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
</div>
</div>
</div>
@@ -492,16 +486,7 @@ export default function Prompts() {
placeholder="Enter prompt template for site structure generation..."
className="font-mono-custom text-sm"
/>
<div className="flex gap-3 mt-4">
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
className="flex-1"
variant="solid"
color="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
<div className="flex justify-end gap-3 mt-4">
<Button
onClick={() => handleReset(type.key)}
disabled={saving[type.key]}
@@ -509,6 +494,13 @@ export default function Prompts() {
>
Reset to Default
</Button>
<Button
onClick={() => handleSave(type.key)}
disabled={saving[type.key]}
variant="primary"
>
{saving[type.key] ? 'Saving...' : 'Save Prompt'}
</Button>
</div>
</div>
</div>

2
frontend/src/pages/Thinker/Strategies.tsx
View File

@@ -19,8 +19,8 @@ export default function Strategies() {
<PageHeader
title="Content Strategies"
badge={{ icon: <ShootingStarIcon />, color: 'purple' }}
navigation={<ModuleNavigationTabs tabs={thinkerTabs} />}
/>
<ModuleNavigationTabs tabs={thinkerTabs} />
<ComponentCard title="Coming Soon" desc="Content strategies">
<div className="text-center py-8">
<p className="text-gray-600 dark:text-gray-400">