From cf6fca20aaa385d89aafde7bf93a82162ac640ac Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Fri, 24 Apr 2026 12:20:15 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D0=BF?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=20=D0=B2=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B5=D0=BA=D1=82=20=D0=B8=D0=B7=20=D0=BA=D0=B0=D1=80?=
 =?UTF-8?q?=D1=82=D0=BE=D1=87=D0=BA=D0=B8=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/home-dashboard-widgets.tsx           |  1 +
 .../components/home/home-project-stack.tsx    | 28 +++++++++++++++----
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/plane-src/apps/web/core/components/home/home-dashboard-widgets.tsx b/plane-src/apps/web/core/components/home/home-dashboard-widgets.tsx
index f1c6cd1..da6f479 100644
--- a/plane-src/apps/web/core/components/home/home-dashboard-widgets.tsx
+++ b/plane-src/apps/web/core/components/home/home-dashboard-widgets.tsx
@@ -211,6 +211,7 @@ export const DashboardWidgets = observer(function DashboardWidgets(props: Dashbo
             analyticsMap={analyticsMap}
             recents={workspaceRecents}
             selectedProjectId={selectedProjectId}
+            workspaceSlug={workspaceSlugValue}
             onSelectProject={setSelectedProjectId}
           />
         </div>
diff --git a/plane-src/apps/web/core/components/home/home-project-stack.tsx b/plane-src/apps/web/core/components/home/home-project-stack.tsx
index b96e3b5..9fd5024 100644
--- a/plane-src/apps/web/core/components/home/home-project-stack.tsx
+++ b/plane-src/apps/web/core/components/home/home-project-stack.tsx
@@ -5,6 +5,7 @@
  */
 
 import { FolderOpenDot, Layers3, Search, UsersRound } from "lucide-react";
+import Link from "next/link";
 import type { TActivityEntityData, TProjectAnalyticsCount } from "@plane/types";
 import { Logo } from "@plane/propel/emoji-icon-picker";
 import { cn } from "@plane/utils";
@@ -19,6 +20,7 @@ type HomeProjectStackProps = {
   orientation?: "horizontal" | "vertical";
   recents?: TActivityEntityData[];
   selectedProjectId: string | null;
+  workspaceSlug: string;
   onSelectProject: (projectId: string) => void;
 };
 
@@ -34,6 +36,7 @@ export function HomeProjectStack(props: HomeProjectStackProps) {
     orientation = "vertical",
     recents,
     selectedProjectId,
+    workspaceSlug,
     onSelectProject,
   } = props;
 
@@ -87,16 +90,26 @@ export function HomeProjectStack(props: HomeProjectStackProps) {
     const isActive = project.id === selectedProject?.id;
 
     return (
-      <button
+      <div
         key={project.id}
-        type="button"
         className={cn("nodedc-home-project-card text-left", {
           "nodedc-home-project-card-horizontal shrink-0": horizontal,
           "absolute inset-x-0": !horizontal,
           "cursor-default": isActive,
+          "cursor-pointer": !isActive,
         })}
         data-active={isActive}
+        role="button"
+        tabIndex={0}
+        aria-label={`Выбрать проект ${project.name}`}
         onClick={() => onSelectProject(project.id)}
+        onKeyDown={(event) => {
+          if (event.target !== event.currentTarget) return;
+          if (event.key !== "Enter" && event.key !== " ") return;
+
+          event.preventDefault();
+          onSelectProject(project.id);
+        }}
         style={
           horizontal
             ? { zIndex: visibleProjects.length - index }
@@ -115,10 +128,15 @@ export function HomeProjectStack(props: HomeProjectStackProps) {
         <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(var(--nodedc-accent-rgb),0.28),transparent_34%),linear-gradient(160deg,rgba(5,5,8,0.08)_0%,rgba(5,5,8,0.42)_34%,rgba(5,5,8,0.84)_100%)]" />
         <div className="relative flex h-full flex-col justify-between p-4">
           <div className="flex items-start justify-between gap-3">
-            <div className="inline-flex items-center gap-2 rounded-full bg-black/25 px-2.5 py-1 text-[11px] font-medium text-white/[0.72] backdrop-blur-md">
+            <Link
+              href={`/${workspaceSlug}/projects/${project.id}/issues`}
+              className="inline-flex items-center gap-2 rounded-full bg-black/25 px-2.5 py-1 text-[11px] font-medium text-white/[0.72] backdrop-blur-md transition hover:bg-black/40 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-[rgb(var(--nodedc-accent-rgb))]"
+              aria-label={`Открыть проект ${project.name}`}
+              onClick={(event) => event.stopPropagation()}
+            >
               <Logo logo={project.logo_props} size={14} />
               <span>{project.identifier}</span>
-            </div>
+            </Link>
             <div
               className={cn(
                 "rounded-full px-2.5 py-1 text-[11px] font-semibold backdrop-blur-md",
@@ -155,7 +173,7 @@ export function HomeProjectStack(props: HomeProjectStackProps) {
             </div>
           </div>
         </div>
-      </button>
+      </div>
     );
   };