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

stlyes fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-29 19:52:51 +00:00
parent c91175fdcb
commit 4f7ab9c606
155 changed files with 1576 additions and 2489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -134,7 +134,7 @@ export default function ThinkerDashboard() {
colors: ["var(--color-warning)", "var(--color-primary)", "var(--color-purple)", "var(--color-success)"],
legend: {
position: "bottom",
labels: { colors: "#6b7280" },
labels: { colors: "var(--color-gray-500)" },
},
dataLabels: {
enabled: true,
@@ -191,29 +191,29 @@ export default function ThinkerDashboard() {
<Link
key={module.title}
to={module.path}
className="rounded-2xl border-2 border-slate-200 bg-white p-6 hover:shadow-xl hover:-translate-y-1 transition-all group"
className="rounded-2xl border-2 border-gray-200 bg-white p-6 hover:shadow-xl hover:-translate-y-1 transition-all group"
>
<div className="flex items-start justify-between mb-4">
<div className={`inline-flex size-14 rounded-xl bg-gradient-to-br ${module.color} items-center justify-center text-white shadow-lg`}>
<Icon className="h-7 w-7" />
</div>
{module.status === "coming-soon" && (
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-semibold bg-slate-100 text-slate-600">
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-semibold bg-gray-100 text-gray-600">
Soon
</span>
)}
</div>
<h3 className="text-lg font-bold text-slate-900 mb-2">{module.title}</h3>
<p className="text-sm text-slate-600 mb-4">{module.description}</p>
<h3 className="text-lg font-bold text-gray-900 mb-2">{module.title}</h3>
<p className="text-sm text-gray-600 mb-4">{module.description}</p>
{module.count > 0 && (
<div className="flex items-center justify-between">
<span className="text-2xl font-bold text-slate-900">{module.count}</span>
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[var(--color-primary)] group-hover:translate-x-1 transition" />
<span className="text-2xl font-bold text-gray-900">{module.count}</span>
<ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-[var(--color-primary)] group-hover:translate-x-1 transition" />
</div>
)}
{module.status === "coming-soon" && (
<div className="mt-4 pt-4 border-t border-slate-200">
<span className="text-xs text-slate-500">Coming soon</span>
<div className="mt-4 pt-4 border-t border-gray-200">
<span className="text-xs text-gray-500">Coming soon</span>
</div>
)}
</Link>
@@ -235,17 +235,17 @@ export default function ThinkerDashboard() {
{recentPrompts.map((prompt) => (
<div
key={prompt.id}
className="flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white hover:shadow-md transition"
className="flex items-center gap-4 p-4 rounded-lg border border-gray-200 bg-white hover:shadow-md transition"
>
<div className="size-10 rounded-lg bg-gradient-to-br from-[var(--color-warning)] to-[var(--color-warning-dark)] flex items-center justify-center text-white shadow-md">
<FileTextIcon className="h-5 w-5" />
</div>
<div className="flex-1">
<div className="flex items-center justify-between mb-1">
<h4 className="font-semibold text-slate-900">{prompt.name}</h4>
<h4 className="font-semibold text-gray-900">{prompt.name}</h4>
<span className="text-xs font-semibold text-[var(--color-primary)]">{prompt.usage} uses</span>
</div>
<div className="flex items-center gap-3 text-xs text-slate-600">
<div className="flex items-center gap-3 text-xs text-gray-600">
<span>{prompt.category}</span>
<span>•</span>
<span>{prompt.lastUsed}</span>
@@ -272,8 +272,8 @@ export default function ThinkerDashboard() {
className="!justify-start !h-auto !py-4"
>
<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>
<h4 className="font-semibold text-gray-900 mb-1">New Prompt</h4>
<p className="text-sm text-gray-600">Create a reusable prompt template</p>
</div>
</Button>
@@ -289,8 +289,8 @@ export default function ThinkerDashboard() {
className="!justify-start !h-auto !py-4"
>
<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>
<h4 className="font-semibold text-gray-900 mb-1">New Author Profile</h4>
<p className="text-sm text-gray-600">Define a writing voice and style</p>
</div>
</Button>
@@ -306,8 +306,8 @@ export default function ThinkerDashboard() {
className="!justify-start !h-auto !py-4"
>
<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>
<h4 className="font-semibold text-gray-900 mb-1">New Strategy</h4>
<p className="text-sm text-gray-600">Build a content playbook</p>
</div>
</Button>
</div>
@@ -322,8 +322,8 @@ export default function ThinkerDashboard() {
<BoltIcon className="h-5 w-5" />
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Centralized Control</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Centralized Control</h4>
<p className="text-sm text-gray-600">
Manage all AI prompts, author voices, and brand guidelines in one place. Changes sync automatically to all content generation.
</p>
</div>
@@ -333,8 +333,8 @@ export default function ThinkerDashboard() {
<CheckCircleIcon className="h-5 w-5" />
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Version Control</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Version Control</h4>
<p className="text-sm text-gray-600">
Track changes to prompts and strategies with full version history. Roll back to previous versions when needed.
</p>
</div>
@@ -344,8 +344,8 @@ export default function ThinkerDashboard() {
<ShootingStarIcon className="h-5 w-5" />
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Automated Enforcement</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Automated Enforcement</h4>
<p className="text-sm text-gray-600">
Every piece of content automatically uses your defined prompts, author profiles, and brand guidelines.
</p>
</div>
@@ -356,34 +356,34 @@ export default function ThinkerDashboard() {
<ComponentCard title="Getting Started" desc="Quick guide to using Thinker">
<div className="space-y-3">
<div className="flex items-start gap-3">
<div className="flex-shrink-0 size-8 rounded-full bg-[#0693e3] text-white flex items-center justify-center font-bold text-sm">
<div className="flex-shrink-0 size-8 rounded-full bg-brand-500 text-white flex items-center justify-center font-bold text-sm">
1
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Create Author Profiles</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Create Author Profiles</h4>
<p className="text-sm text-gray-600">
Define writing voices and styles that match your brand. Each profile can have unique tone, structure, and guidelines.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="flex-shrink-0 size-8 rounded-full bg-[#0bbf87] text-white flex items-center justify-center font-bold text-sm">
<div className="flex-shrink-0 size-8 rounded-full bg-success-500 text-white flex items-center justify-center font-bold text-sm">
2
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Build Prompt Library</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Build Prompt Library</h4>
<p className="text-sm text-gray-600">
Create reusable prompt templates for different content types. Use variables to make prompts dynamic and flexible.
</p>
</div>
</div>
<div className="flex items-start gap-3">
<div className="flex-shrink-0 size-8 rounded-full bg-[#5d4ae3] text-white flex items-center justify-center font-bold text-sm">
<div className="flex-shrink-0 size-8 rounded-full bg-purple-500 text-white flex items-center justify-center font-bold text-sm">
3
</div>
<div>
<h4 className="font-semibold text-slate-900 mb-1">Define Strategies</h4>
<p className="text-sm text-slate-600">
<h4 className="font-semibold text-gray-900 mb-1">Define Strategies</h4>
<p className="text-sm text-gray-600">
Create content playbooks that combine prompts, profiles, and guidelines. Apply strategies to specific clusters or content types.
</p>
</div>