From b6d0b094ecb1024089981d55b55102cbc40c2ff5 Mon Sep 17 00:00:00 2001
From: Jivan Flores <jivan.flores.108@gmail.com>
Date: Fri, 29 May 2026 10:51:24 -0700
Subject: [PATCH] feat: Add SMS page to sidebar

---
 .../lib/use-global-shortcuts/use-global-shortcuts.ts  |  1 +
 src/shared/ui/icon-svg/icon-svg-originals/sms.svg     |  7 ++-----
 src/shared/ui/icon-svg/icon-svg.vue                   | 10 ++++++++++
 .../keyboard-shortcuts-overlay.vue                    | 11 ++++++-----
 src/widgets/ui/layout-sidebar/constants.ts            |  1 +
 src/widgets/ui/layout-sidebar/layout-sidebar.vue      |  1 +
 6 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/shared/lib/use-global-shortcuts/use-global-shortcuts.ts b/src/shared/lib/use-global-shortcuts/use-global-shortcuts.ts
index 394e072e..49c13b9b 100644
--- a/src/shared/lib/use-global-shortcuts/use-global-shortcuts.ts
+++ b/src/shared/lib/use-global-shortcuts/use-global-shortcuts.ts
@@ -7,6 +7,7 @@ const NAV_TYPES: EventTypes[] = [
   EventTypes.Sentry,
   EventTypes.Profiler,
   EventTypes.Smtp,
+  EventTypes.Sms,
   EventTypes.HttpDump,
   EventTypes.Inspector,
   EventTypes.VarDump,
diff --git a/src/shared/ui/icon-svg/icon-svg-originals/sms.svg b/src/shared/ui/icon-svg/icon-svg-originals/sms.svg
index 93492233..18538316 100644
--- a/src/shared/ui/icon-svg/icon-svg-originals/sms.svg
+++ b/src/shared/ui/icon-svg/icon-svg-originals/sms.svg
@@ -1,6 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
-  <path d="M8 10h.01"/>
-  <path d="M12 10h.01"/>
-  <path d="M16 10h.01"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M20 2H4C2.9 2 2 2.9 2 4v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3z" />
 </svg>
diff --git a/src/shared/ui/icon-svg/icon-svg.vue b/src/shared/ui/icon-svg/icon-svg.vue
index 7d97edb9..e408fae3 100644
--- a/src/shared/ui/icon-svg/icon-svg.vue
+++ b/src/shared/ui/icon-svg/icon-svg.vue
@@ -573,6 +573,16 @@ defineProps<Props>()
       />
     </svg>
 
+    <svg
+      v-else-if="name === 'sms'"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <path
+        d="M19,1H5A5.006,5.006,0,0,0,0,6V23l5-5H19a5.006,5.006,0,0,0,5-5V6A5.006,5.006,0,0,0,19,1ZM22,13a3,3,0,0,1-3,3H4.17L2,18.17V6A3,3,0,0,1,5,3H19a3,3,0,0,1,3,3ZM6,9H8v2H6Zm5,0h2v2H11Zm5,0h2v2H16Z"
+      />
+    </svg>
+
     <svg
       v-else-if="name === 'settings'"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/widgets/ui/keyboard-shortcuts-overlay/keyboard-shortcuts-overlay.vue b/src/widgets/ui/keyboard-shortcuts-overlay/keyboard-shortcuts-overlay.vue
index c709dfa5..b6a7f77d 100644
--- a/src/widgets/ui/keyboard-shortcuts-overlay/keyboard-shortcuts-overlay.vue
+++ b/src/widgets/ui/keyboard-shortcuts-overlay/keyboard-shortcuts-overlay.vue
@@ -12,11 +12,12 @@ const sections = [
       { keys: ['1'], desc: 'Sentry' },
       { keys: ['2'], desc: 'Profiler' },
       { keys: ['3'], desc: 'SMTP' },
-      { keys: ['4'], desc: 'HTTP Dump' },
-      { keys: ['5'], desc: 'Inspector' },
-      { keys: ['6'], desc: 'VarDump' },
-      { keys: ['7'], desc: 'Monolog' },
-      { keys: ['8'], desc: 'Ray' }
+      { keys: ['4'], desc: 'SMS' },
+      { keys: ['5'], desc: 'HTTP Dump' },
+      { keys: ['6'], desc: 'Inspector' },
+      { keys: ['7'], desc: 'VarDump' },
+      { keys: ['8'], desc: 'Monolog' },
+      { keys: ['9'], desc: 'Ray' }
     ]
   },
   {
diff --git a/src/widgets/ui/layout-sidebar/constants.ts b/src/widgets/ui/layout-sidebar/constants.ts
index 64de3e65..ed810d42 100644
--- a/src/widgets/ui/layout-sidebar/constants.ts
+++ b/src/widgets/ui/layout-sidebar/constants.ts
@@ -4,6 +4,7 @@ export const EVENTS_NAV_ORDER: EventTypes[] = [
   EventTypes.Sentry,
   EventTypes.Profiler,
   EventTypes.Smtp,
+  EventTypes.Sms,
   EventTypes.HttpDump,
   EventTypes.Inspector,
   EventTypes.VarDump,
diff --git a/src/widgets/ui/layout-sidebar/layout-sidebar.vue b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
index c654313a..cc823631 100644
--- a/src/widgets/ui/layout-sidebar/layout-sidebar.vue
+++ b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
@@ -616,6 +616,7 @@ $dotColors: (
   'sentry': 'rose',
   'profiler': 'violet',
   'smtp': 'amber',
+  'sms': 'indigo',
   'http-dump': 'green',
   'inspector': 'yellow',
   'var-dump': 'orange',