From ea473403c2e3927c70cda55fe7eb3c5cdb561fdd Mon Sep 17 00:00:00 2001
From: peterschmidt85 <andrey.cheptsov@gmail.com>
Date: Wed, 28 Jan 2026 11:18:59 +0100
Subject: [PATCH] [UI] Minor tweaks

---
 .../AppLayout/TutorialPanel/constants.tsx        | 10 +++++-----
 .../src/layouts/AppLayout/TutorialPanel/hooks.ts | 16 ++++++++--------
 frontend/src/layouts/AppLayout/index.tsx         |  2 +-
 frontend/src/locale/en.json                      |  2 +-
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/layouts/AppLayout/TutorialPanel/constants.tsx b/frontend/src/layouts/AppLayout/TutorialPanel/constants.tsx
index 7d4bb378b2..4ee909c0cf 100644
--- a/frontend/src/layouts/AppLayout/TutorialPanel/constants.tsx
+++ b/frontend/src/layouts/AppLayout/TutorialPanel/constants.tsx
@@ -8,7 +8,7 @@ import { Box } from 'components';
 export const tutorialPanelI18nStrings: TutorialPanelProps.I18nStrings = {
     labelsTaskStatus: { pending: 'Pending', 'in-progress': 'In progress', success: 'Success' },
     loadingText: 'Loading',
-    tutorialListTitle: 'Take a tour',
+    tutorialListTitle: '',
     tutorialListDescription: 'Follow the tutorials below to get up to speed with dstack Sky.',
     tutorialListDownloadLinkText: 'Download PDF version',
     tutorialCompletedText: 'Completed',
@@ -50,7 +50,7 @@ export enum HotspotIds {
 
 export const BILLING_TUTORIAL: TutorialPanelProps.Tutorial = {
     completed: false,
-    title: 'Set up billing',
+    title: 'Billing',
     description: (
         <>
             <Box variant="p" color="text-body-secondary" padding={{ top: 'n' }}>
@@ -80,7 +80,7 @@ export const BILLING_TUTORIAL: TutorialPanelProps.Tutorial = {
 
 export const CONFIGURE_CLI_TUTORIAL: TutorialPanelProps.Tutorial = {
     completed: false,
-    title: 'Set up the CLI',
+    title: 'CLI',
     prerequisitesAlert: 'Please, create a project before set up the CLI',
     description: (
         <>
@@ -111,7 +111,7 @@ export const CONFIGURE_CLI_TUTORIAL: TutorialPanelProps.Tutorial = {
 
 export const CREATE_FIRST_PROJECT: TutorialPanelProps.Tutorial = {
     completed: false,
-    title: 'Create a project',
+    title: 'Project',
     description: (
         <>
             <Box variant="p" color="text-body-secondary" padding={{ top: 'n' }}>
@@ -136,7 +136,7 @@ export const CREATE_FIRST_PROJECT: TutorialPanelProps.Tutorial = {
 
 export const JOIN_DISCORD_TUTORIAL: TutorialPanelProps.Tutorial = {
     completed: false,
-    title: 'Community',
+    title: 'Discord',
     description: (
         <>
             <Box variant="p" color="text-body-secondary" padding={{ top: 'n' }}>
diff --git a/frontend/src/layouts/AppLayout/TutorialPanel/hooks.ts b/frontend/src/layouts/AppLayout/TutorialPanel/hooks.ts
index d3a465fcb5..74d166ba8d 100644
--- a/frontend/src/layouts/AppLayout/TutorialPanel/hooks.ts
+++ b/frontend/src/layouts/AppLayout/TutorialPanel/hooks.ts
@@ -167,14 +167,6 @@ export const useTutorials = () => {
                 prerequisitesNeeded: !createProjectCompleted,
             },
 
-            {
-                ...BILLING_TUTORIAL,
-                id: 4,
-                completed: billingCompleted,
-                startCallback: startBillingTutorial,
-                finishCallback: finishBillingTutorial,
-            },
-
             {
                 ...QUICKSTART_TUTORIAL,
                 id: 5,
@@ -190,6 +182,14 @@ export const useTutorials = () => {
                 completed: discordCompleted,
                 startCallback: startDiscordTutorial,
             },
+
+            {
+                ...BILLING_TUTORIAL,
+                id: 4,
+                completed: billingCompleted,
+                startCallback: startBillingTutorial,
+                finishCallback: finishBillingTutorial,
+            },
         ];
     }, [
         billingUrl,
diff --git a/frontend/src/layouts/AppLayout/index.tsx b/frontend/src/layouts/AppLayout/index.tsx
index d417779d41..3dd4db470b 100644
--- a/frontend/src/layouts/AppLayout/index.tsx
+++ b/frontend/src/layouts/AppLayout/index.tsx
@@ -183,7 +183,7 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
                             },
                             process.env.UI_VERSION === 'sky' && {
                                 type: 'button',
-                                iconName: 'suggestions',
+                                iconName: 'support',
                                 title: t('common.tutorial_other'),
                                 onClick: toggleTutorialPanel,
                             },
diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index c821abf317..342ce0cdd7 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -46,7 +46,7 @@
     "continue": "Continue",
     "select_visible_columns": "Select visible columns",
     "tutorial": "Tutorials",
-    "tutorial_other": "Tour",
+    "tutorial_other": "Take a tour",
     "docs": "Docs",
     "discord": "Discord",
     "danger_zone": "Danger Zone",