UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: дизайн и русификация God Mode

plane-src/apps/admin/components/common/header/core.ts

@@ -5,15 +5,15 @@
  */
 
 export const CORE_HEADER_SEGMENT_LABELS: Record<string, string> = {
-  general: "General",
-  ai: "Artificial Intelligence",
-  email: "Email",
-  authentication: "Authentication",
-  image: "Image",
+  general: "Основное",
+  ai: "Искусственный интеллект",
+  email: "Почта",
+  authentication: "Аутентификация",
+  image: "Изображения",
   google: "Google",
   github: "GitHub",
   gitlab: "GitLab",
   gitea: "Gitea",
-  workspace: "Workspace",
-  create: "Create",
+  workspace: "Воркспейсы",
+  create: "Создание",
 };

plane-src/apps/admin/components/common/header/index.tsx

@@ -4,11 +4,10 @@
  * See the LICENSE file for details.
  */
 
+import { Fragment } from "react";
 import { observer } from "mobx-react";
 import { usePathname } from "next/navigation";
-import { Menu, Settings } from "lucide-react";
-// icons
-import { Breadcrumbs } from "@plane/ui";
+import { ChevronRight, Menu, Settings } from "lucide-react";
 // components
 import { BreadcrumbLink } from "../breadcrumb-link";
 // hooks
@@ -22,6 +21,7 @@ export const HamburgerToggle = observer(function HamburgerToggle() {
   return (
     <button
       className="group flex size-7 cursor-pointer items-center justify-center rounded-sm bg-layer-1 transition-all hover:bg-layer-1-hover md:hidden"
+      aria-label="Открыть меню"
       onClick={() => toggleSidebar(!isSidebarCollapsed)}
     >
       <Menu size={14} className="text-secondary transition-all group-hover:text-primary" />
@@ -56,32 +56,28 @@ export const AdminHeader = observer(function AdminHeader() {
   const breadcrumbItems = generateBreadcrumbItems(pathName || "");
 
   return (
-    <div className="relative z-10 flex h-header w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-subtle bg-surface-1 p-4">
+    <div className="nodedc-admin-header nodedc-glass-modal relative z-10 flex h-header w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-subtle bg-surface-1 p-4">
       <div className="flex w-full flex-grow items-center gap-2 overflow-ellipsis whitespace-nowrap">
         <HamburgerToggle />
         {breadcrumbItems.length >= 0 && (
-          <div>
-            <Breadcrumbs>
-              <Breadcrumbs.Item
-                component={
-                  <BreadcrumbLink
-                    href="/general/"
-                    label="Settings"
-                    icon={<Settings className="h-4 w-4 text-tertiary" />}
-                  />
-                }
-              />
-              {breadcrumbItems.map(
-                (item) =>
-                  item.title && (
-                    <Breadcrumbs.Item
-                      key={item.title}
-                      component={<BreadcrumbLink href={item.href} label={item.title} />}
-                    />
-                  )
-              )}
-            </Breadcrumbs>
-          </div>
+          <nav className="min-w-0" aria-label="Навигация God Mode">
+            <ol className="nodedc-admin-breadcrumbs">
+              <BreadcrumbLink href="/general/" label="Настройки" icon={<Settings className="h-4 w-4" />} />
+              {breadcrumbItems.map((item, index) => {
+                if (!item.title) return null;
+                const isCurrent = index === breadcrumbItems.length - 1;
+
+                return (
+                  <Fragment key={`${item.href}-${item.title}`}>
+                    <li className="nodedc-admin-breadcrumb-separator" aria-hidden="true">
+                      <ChevronRight className="size-4" />
+                    </li>
+                    <BreadcrumbLink href={item.href} label={item.title} isCurrent={isCurrent} />
+                  </Fragment>
+                );
+              })}
+            </ol>
+          </nav>
         )}
       </div>
     </div>