From 54074f10c3d6e99599c88080effdfb2e376511b1 Mon Sep 17 00:00:00 2001
From: mjalmoudy94 <m.jalmoudy94@gmail.com>
Date: Tue, 13 Oct 2026 02:55:37 +0330
Subject: [PATCH] =?UTF-8?q?=D8=A7=D8=B6=D8=A7=D9=81=D9=87=20=DA=A9=D8=B1?=
 =?UTF-8?q?=D8=AF=D9=86=20transition-colors=20=D8=A8=D9=87=20=D9=87=D9=85?=
 =?UTF-8?q?=D9=87=D9=94=20=D8=AD=D8=A7=D9=84=D8=AA=E2=80=8C=D9=87=D8=A7?=
 =?UTF-8?q?=DB=8C=20hover?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

چندین سطح تعاملی (منوی سازمان، منوی کاربر، لینک‌های بردکرامب، آیتم‌های
پالت فرمان، دکمهٔ ساخت سازمان، لینک ردیابی) رنگ را در hover یک‌باره
تغییر می‌دادند و بقیهٔ رابط نرم بود. اکنون همه یکسان transition
می‌گیرند.
---
 apps/web/src/app/(app)/dashboard/page.tsx      |  2 +-
 apps/web/src/app/(app)/projects/[id]/page.tsx  |  2 +-
 apps/web/src/app/(app)/tasks/[id]/page.tsx     |  2 +-
 apps/web/src/app/(app)/traces/page.tsx         |  2 +-
 apps/web/src/app/(app)/workforce/[id]/page.tsx |  2 +-
 apps/web/src/app/onboarding/page.tsx           |  2 +-
 apps/web/src/components/AppShell.tsx           | 12 ++++++------
 apps/web/src/components/CommandPalette.tsx     |  2 +-
 8 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/app/(app)/dashboard/page.tsx b/apps/web/src/app/(app)/dashboard/page.tsx
index 075dfdd..1a8d0a8 100644
--- a/apps/web/src/app/(app)/dashboard/page.tsx
+++ b/apps/web/src/app/(app)/dashboard/page.tsx
@@ -55,7 +55,7 @@ export default function DashboardPage() {
         action={
           <a
             href="/onboarding"
-            className="rounded-lg bg-accent px-4 py-2 text-sm text-white hover:bg-accent-strong"
+            className="transition-colors rounded-lg bg-accent px-4 py-2 text-sm text-white hover:bg-accent-strong"
           >
             ساخت سازمان
           </a>
diff --git a/apps/web/src/app/(app)/projects/[id]/page.tsx b/apps/web/src/app/(app)/projects/[id]/page.tsx
index ae996ff..6c373e0 100644
--- a/apps/web/src/app/(app)/projects/[id]/page.tsx
+++ b/apps/web/src/app/(app)/projects/[id]/page.tsx
@@ -86,7 +86,7 @@ export default function ProjectDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/projects" className="hover:text-slate-300">
+        <Link href="/projects" className="transition-colors hover:text-slate-300">
           پروژه‌ها
         </Link>
         <span className="mx-1.5">/</span>
diff --git a/apps/web/src/app/(app)/tasks/[id]/page.tsx b/apps/web/src/app/(app)/tasks/[id]/page.tsx
index 4f286a3..d5970f3 100644
--- a/apps/web/src/app/(app)/tasks/[id]/page.tsx
+++ b/apps/web/src/app/(app)/tasks/[id]/page.tsx
@@ -183,7 +183,7 @@ export default function TaskDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/tasks" className="hover:text-slate-300">
+        <Link href="/tasks" className="transition-colors hover:text-slate-300">
           کارها
         </Link>
         <span className="mx-1.5">/</span>
diff --git a/apps/web/src/app/(app)/traces/page.tsx b/apps/web/src/app/(app)/traces/page.tsx
index e7e34f1..4deb9d9 100644
--- a/apps/web/src/app/(app)/traces/page.tsx
+++ b/apps/web/src/app/(app)/traces/page.tsx
@@ -223,7 +223,7 @@ export default function TracesPage() {
                         <Link
                           href={`/tasks/${taskId}`}
                           onClick={(e) => e.stopPropagation()}
-                          className="truncate text-xs text-slate-200 hover:text-accent"
+                          className="transition-colors truncate text-xs text-slate-200 hover:text-accent"
                         >
                           {taskTitle}
                         </Link>
diff --git a/apps/web/src/app/(app)/workforce/[id]/page.tsx b/apps/web/src/app/(app)/workforce/[id]/page.tsx
index b205ca5..c7f698e 100644
--- a/apps/web/src/app/(app)/workforce/[id]/page.tsx
+++ b/apps/web/src/app/(app)/workforce/[id]/page.tsx
@@ -194,7 +194,7 @@ export default function EmployeeDetailPage({
   return (
     <div className="anim-stagger flex flex-col gap-5">
       <nav className="text-xs text-slate-500">
-        <Link href="/workforce" className="hover:text-slate-300">
+        <Link href="/workforce" className="transition-colors hover:text-slate-300">
           کارمندهای هوش مصنوعی
         </Link>
         <span className="mx-1.5">/</span>
diff --git a/apps/web/src/app/onboarding/page.tsx b/apps/web/src/app/onboarding/page.tsx
index 3578ed5..5fd97a7 100644
--- a/apps/web/src/app/onboarding/page.tsx
+++ b/apps/web/src/app/onboarding/page.tsx
@@ -58,7 +58,7 @@ export default function OnboardingPage() {
                 key={org.id}
                 type="button"
                 onClick={() => router.replace("/dashboard")}
-                className="rounded-lg border border-surface-border px-3 py-2 text-right text-xs text-slate-200 hover:bg-surface-overlay"
+                className="transition-colors rounded-lg border border-surface-border px-3 py-2 text-right text-xs text-slate-200 hover:bg-surface-overlay"
               >
                 {org.name}
               </button>
diff --git a/apps/web/src/components/AppShell.tsx b/apps/web/src/components/AppShell.tsx
index 144d8e9..344bd4f 100644
--- a/apps/web/src/components/AppShell.tsx
+++ b/apps/web/src/components/AppShell.tsx
@@ -139,7 +139,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                         setMenuOpen(false);
                       }}
                       className={cx(
-                        "flex w-full items-center justify-between rounded-md px-2 py-2 text-right text-xs",
+                        "flex w-full items-center justify-between rounded-md px-2 py-2 text-right text-xs transition-colors",
                         org.id === activeOrganization?.id
                           ? "bg-accent-soft text-slate-100"
                           : "text-slate-300 hover:bg-surface-raised",
@@ -152,7 +152,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                   <div className="my-1 border-t border-surface-border" />
                   <Link
                     href="/onboarding"
-                    className="block rounded-md px-2 py-2 text-xs text-slate-300 hover:bg-surface-raised"
+                    className="transition-colors block rounded-md px-2 py-2 text-xs text-slate-300 hover:bg-surface-raised"
                     onClick={() => setMenuOpen(false)}
                   >
                     ساخت سازمان جدید
@@ -171,7 +171,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
               type="button"
               onClick={() => setUserMenuOpen((open) => !open)}
               aria-expanded={userMenuOpen}
-              className="flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-surface-overlay"
+              className="transition-colors flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-surface-overlay"
             >
               <span className="hidden text-xs text-slate-300 sm:block">
                 {user?.name || user?.email}
@@ -190,7 +190,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                 <Link
                   href="/settings"
                   onClick={() => setUserMenuOpen(false)}
-                  className="block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
+                  className="transition-colors block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
                 >
                   تنظیمات سازمان
                 </Link>
@@ -198,7 +198,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                   <Link
                     href="/admin"
                     onClick={() => setUserMenuOpen(false)}
-                    className="block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
+                    className="transition-colors block rounded-md px-2 py-1.5 text-xs text-slate-300 hover:bg-surface-raised"
                   >
                     کنسول مالک سامانه
                   </Link>
@@ -206,7 +206,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                 <button
                   type="button"
                   onClick={handleLogout}
-                  className="mt-1 block w-full rounded-md px-2 py-1.5 text-start text-xs text-danger hover:bg-surface-raised"
+                  className="transition-colors mt-1 block w-full rounded-md px-2 py-1.5 text-start text-xs text-danger hover:bg-surface-raised"
                 >
                   خروج
                 </button>
diff --git a/apps/web/src/components/CommandPalette.tsx b/apps/web/src/components/CommandPalette.tsx
index cb9b071..7079e20 100644
--- a/apps/web/src/components/CommandPalette.tsx
+++ b/apps/web/src/components/CommandPalette.tsx
@@ -185,7 +185,7 @@ export function CommandPalette({ isPlatformOwner = false }: { isPlatformOwner?:
                       onMouseEnter={() => setActive(index)}
                       onClick={() => go(item.href)}
                       className={cx(
-                        "flex items-center justify-between gap-2 rounded-md px-2 py-2 text-start",
+                        "flex items-center justify-between gap-2 rounded-md px-2 py-2 text-start transition-colors",
                         isActive
                           ? "bg-accent-soft text-slate-100"
                           : "text-slate-300 hover:bg-surface-raised",