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

sd

Browse Source
This commit is contained in:
Desktop
2025-11-14 07:24:20 +05:00
parent 74c8a57dc3
commit 628620406d
22 changed files with 303 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -67,7 +67,7 @@ export default function ThinkerDashboard() {
title: "Prompt Library",
description: "Centralized prompt templates and AI instructions",
icon: FileTextIcon,
color: "from-[#ff7a00] to-[#cc5f00]",
color: "from-[var(--igny8-amber)] to-[var(--igny8-amber-dark)]",
path: "/thinker/prompts",
count: stats?.totalPrompts || 0,
status: "active",
@@ -76,7 +76,7 @@ export default function ThinkerDashboard() {
title: "Author Profiles",
description: "Voice templates and writing style guides",
icon: UserIcon,
color: "from-[#0693e3] to-[#0472b8]",
color: "from-[var(--igny8-blue)] to-[var(--igny8-blue-dark)]",
path: "/thinker/profiles",
count: stats?.activeProfiles || 0,
status: "active",
@@ -85,7 +85,7 @@ export default function ThinkerDashboard() {
title: "Content Strategies",
description: "Brand playbooks and content frameworks",
icon: ShootingStarIcon,
color: "from-[#5d4ae3] to-[#3a2f94]",
color: "from-[var(--igny8-purple)] to-[var(--igny8-purple-dark)]",
path: "/thinker/strategies",
count: stats?.strategies || 0,
status: "active",
@@ -94,7 +94,7 @@ export default function ThinkerDashboard() {
title: "Governance",
description: "Track AI usage, compliance, and version control",
icon: PieChartIcon,
color: "from-[#0bbf87] to-[#08966b]",
color: "from-[var(--igny8-green)] to-[var(--igny8-green-dark)]",
path: "/thinker/governance",
count: 0,
status: "coming-soon",
@@ -131,7 +131,7 @@ export default function ThinkerDashboard() {
height: 300,
},
labels: ["Content Generation", "Content Planning", "Image Prompts", "Other"],
colors: ["#ff7a00", "#0693e3", "#5d4ae3", "#0bbf87"],
colors: ["var(--igny8-amber)", "var(--igny8-blue)", "var(--igny8-purple)", "var(--igny8-green)"],
legend: {
position: "bottom",
labels: { colors: "#6b7280" },
@@ -208,7 +208,7 @@ export default function ThinkerDashboard() {
{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-[#0693e3] group-hover:translate-x-1 transition" />
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[var(--igny8-blue)] group-hover:translate-x-1 transition" />
</div>
)}
{module.status === "coming-soon" && (
@@ -237,13 +237,13 @@ export default function ThinkerDashboard() {
key={prompt.id}
className="flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white hover:shadow-md transition"
>
<div className="size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="size-10 rounded-lg bg-gradient-to-br from-[var(--igny8-amber)] to-[var(--igny8-amber-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>
<span className="text-xs font-semibold text-[#0693e3]">{prompt.usage} uses</span>
<span className="text-xs font-semibold text-[var(--igny8-blue)]">{prompt.usage} uses</span>
</div>
<div className="flex items-center gap-3 text-xs text-slate-600">
<span>{prompt.category}</span>
@@ -262,9 +262,9 @@ export default function ThinkerDashboard() {
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<button
onClick={() => navigate("/thinker/prompts")}
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[#ff7a00] hover:shadow-lg transition-all group"
className="flex items-center gap-4 p-6 rounded-xl border-2 border-slate-200 bg-white hover:border-[var(--igny8-amber)] hover:shadow-lg transition-all group"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--igny8-amber)] to-[var(--igny8-amber-dark)] flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -278,21 +278,21 @@ export default function ThinkerDashboard() {
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"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--igny8-blue)] to-[var(--igny8-blue-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-[#0693e3] transition" />
<ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[var(--igny8-blue)] transition" />
</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"
>
<div className="size-12 rounded-xl bg-gradient-to-br from-[#5d4ae3] to-[#3a2f94] flex items-center justify-center text-white shadow-lg">
<div className="size-12 rounded-xl bg-gradient-to-br from-[var(--igny8-purple)] to-[var(--igny8-purple-dark)] flex items-center justify-center text-white shadow-lg">
<PlusIcon className="h-6 w-6" />
</div>
<div className="flex-1 text-left">
@@ -309,7 +309,7 @@ export default function ThinkerDashboard() {
<ComponentCard title="How Thinker Works" desc="Understanding the strategic OS">
<div className="space-y-4">
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#ff7a00] to-[#cc5f00] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[var(--igny8-amber)] to-[var(--igny8-amber-dark)] flex items-center justify-center text-white shadow-md">
<BoltIcon className="h-5 w-5" />
</div>
<div>
@@ -320,7 +320,7 @@ export default function ThinkerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[var(--igny8-blue)] to-[var(--igny8-blue-dark)] flex items-center justify-center text-white shadow-md">
<CheckCircleIcon className="h-5 w-5" />
</div>
<div>
@@ -331,7 +331,7 @@ export default function ThinkerDashboard() {
</div>
</div>
<div className="flex gap-4">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[#0bbf87] to-[#08966b] flex items-center justify-center text-white shadow-md">
<div className="flex-shrink-0 size-10 rounded-lg bg-gradient-to-br from-[var(--igny8-green)] to-[var(--igny8-green-dark)] flex items-center justify-center text-white shadow-md">
<ShootingStarIcon className="h-5 w-5" />
</div>
<div>