From 9aae399ce82b8bf95eb739e1406508f89a40b097 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Sun, 31 May 2026 23:43:32 +0300
Subject: [PATCH] fix(cabinet-icons): correct two mismatched glyphs from the
 svg migration
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A personal glyph-by-glyph re-review of the migration (the "steering wheel"
guard) found two wrong matches:
- MaintenanceScreen: a wrench/maintenance svg had been mapped to AdjustmentsIcon
  (sliders) → use a proper WrenchIcon (PiWrench).
- InstallationGuide tutorial button: an open-book svg had been mapped to
  DocumentIcon (file) → use BookOpenIcon (PiBookOpen).

Add WrenchIcon and BookOpenIcon to the central barrel. All other replacements
were verified correct (paper-plane→Send, server→HardDrives, warning-triangle→
Warning, etc.).
---
 src/components/blocking/MaintenanceScreen.tsx   |  4 ++--
 src/components/connection/InstallationGuide.tsx |  4 ++--
 src/components/icons/extended-icons.tsx         | 10 ++++++++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/blocking/MaintenanceScreen.tsx b/src/components/blocking/MaintenanceScreen.tsx
index 2326a33..00b392b 100644
--- a/src/components/blocking/MaintenanceScreen.tsx
+++ b/src/components/blocking/MaintenanceScreen.tsx
@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { useBlockingStore } from '../../store/blocking';
 import { useFocusTrap } from '../../hooks/useFocusTrap';
-import { AdjustmentsIcon } from '@/components/icons';
+import { WrenchIcon } from '@/components/icons';
 
 export default function MaintenanceScreen() {
   const { t } = useTranslation();
@@ -21,7 +21,7 @@ export default function MaintenanceScreen() {
         {/* Icon */}
         <div className="mb-8">
           <div className="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-dark-800">
-            <AdjustmentsIcon className="h-12 w-12 text-warning-500" />
+            <WrenchIcon className="h-12 w-12 text-warning-500" />
           </div>
         </div>
 
diff --git a/src/components/connection/InstallationGuide.tsx b/src/components/connection/InstallationGuide.tsx
index 8e79c74..05aa6cc 100644
--- a/src/components/connection/InstallationGuide.tsx
+++ b/src/components/connection/InstallationGuide.tsx
@@ -12,7 +12,7 @@ import { useTheme } from '@/hooks/useTheme';
 import { CardsBlock, TimelineBlock, AccordionBlock, MinimalBlock, BlockButtons } from './blocks';
 import type { BlockRendererProps } from './blocks';
 import TvQuickConnect from './TvQuickConnect';
-import { BackIcon, ChevronIcon, DocumentIcon } from '@/components/icons';
+import { BackIcon, BookOpenIcon, ChevronIcon } from '@/components/icons';
 
 const platformOrder = ['ios', 'android', 'windows', 'macos', 'linux', 'androidTV', 'appleTV'];
 
@@ -307,7 +307,7 @@ export default function InstallationGuide({
           rel="noopener noreferrer"
           className="btn-secondary w-full justify-center"
         >
-          <DocumentIcon className="h-5 w-5" />
+          <BookOpenIcon className="h-5 w-5" />
           {getBaseTranslation('tutorial', 'subscription.connection.tutorial')}
         </a>
       )}
diff --git a/src/components/icons/extended-icons.tsx b/src/components/icons/extended-icons.tsx
index af336d9..c6424db 100644
--- a/src/components/icons/extended-icons.tsx
+++ b/src/components/icons/extended-icons.tsx
@@ -1,5 +1,7 @@
 import {
   PiSlidersHorizontal,
+  PiWrench,
+  PiBookOpen,
   PiHeadset,
   PiArrowDown,
   PiArrowRight,
@@ -90,6 +92,14 @@ export const AdjustmentsIcon = ({ className }: IconProps) => (
   <PiSlidersHorizontal className={cn('h-5 w-5', className)} />
 );
 
+export const WrenchIcon = ({ className }: IconProps) => (
+  <PiWrench className={cn('h-5 w-5', className)} />
+);
+
+export const BookOpenIcon = ({ className }: IconProps) => (
+  <PiBookOpen className={cn('h-5 w-5', className)} />
+);
+
 export const AgentIcon = ({ className }: IconProps) => (
   <PiHeadset className={cn('h-5 w-5', className)} />
 );