diff --git a/cypress/e2e/file-browser.cy.js b/cypress/e2e/file-browser.cy.js
index 80e800d..7cec08f 100644
--- a/cypress/e2e/file-browser.cy.js
+++ b/cypress/e2e/file-browser.cy.js
@@ -3,6 +3,7 @@ import content from "../fixtures/content:get.json";
 import ghConfig from "../fixtures/gh-config.json";
 import files from "../fixtures/files:get.json";
 import { GITHUB_HOST_REGEX } from "../enums";
+import { checkTour } from "../helper";
 
 const dummySession = {
   url: "https://api.github.com/repos/",
@@ -66,9 +67,16 @@ describe("File browser related tests", () => {
     ).as("getFiles");
   });
 
+  // Test to check if the tour is rendered and close the tour
+  it("Tour check and click next button", () => {
+    cy.visit("/123");
+    cy.wait("@getFiles");
+    cy.wait(1000);
+    checkTour();
+  });
+
   // Test to check if the files list is rendered correctly
   it("Render files list", () => {
-    cy.visit("/123");
     cy.get(".navbar .v-btn.session-file-btn").click();
     cy.get(".files-browse-list", { timeout: 12000 }).should(
       "have.length",
@@ -98,6 +106,7 @@ describe("File browser related tests", () => {
   // Test to check if the existing file is edited correctly
   it("Edit existing file", () => {
     editSession = true;
+    checkTour();
     cy.get(".navbar .v-btn.session-file-btn").click();
     cy.get(".files-browse-list").eq(6).click();
     cy.get(".current-session-btn").click();
diff --git a/cypress/e2e/file.cy.js b/cypress/e2e/file.cy.js
index 14e37b3..c669b27 100644
--- a/cypress/e2e/file.cy.js
+++ b/cypress/e2e/file.cy.js
@@ -2,6 +2,7 @@
 import ghConfig from "../fixtures/gh-config.json";
 import { GITHUB_HOST, GITHUB_HOST_REGEX } from "../enums";
 import content from "../fixtures/content:get.json";
+import { checkTour } from "../helper";
 
 describe("File related tests", () => {
   // Track content change states
@@ -38,8 +39,8 @@ describe("File related tests", () => {
     ).as("getContent");
   });
 
-  // Test resizing/hiding/showing the preview
-  it("Resize Preview", () => {
+  // Test to check if the tour is rendered and close the tour
+  it("Tour check and click next button", () => {
     // Visit a file with a preview
     cy.wait(1000);
     cy.visit(
@@ -50,6 +51,12 @@ describe("File related tests", () => {
     cy.wait("@pullsUpdate");
     cy.wait("@getContent");
 
+    cy.wait(1000);
+    checkTour();
+  });
+
+  // Test resizing/hiding/showing the preview
+  it("Resize Preview", () => {
     // Check if the file is loaded
     cy.get("eox-jsonform").should("exist");
 
@@ -154,6 +161,7 @@ describe("File related tests", () => {
 
   // Test renaming a file
   it("Rename file", () => {
+    checkTour();
     // Rename the file
     isRenameFile = true;
     cy.get("#rename-file-btn").click();
diff --git a/cypress/e2e/files-list.cy.js b/cypress/e2e/files-list.cy.js
index 4cbcd95..145c8cb 100644
--- a/cypress/e2e/files-list.cy.js
+++ b/cypress/e2e/files-list.cy.js
@@ -4,6 +4,7 @@ import ghConfig from "../fixtures/gh-config.json";
 import files from "../fixtures/files:get.json";
 import content from "../fixtures/content:get.json";
 import pullsData from "../fixtures/pulls:get.json";
+import { checkTour } from "../helper";
 
 // State flags to control test behavior
 let sessionName = false;
@@ -131,10 +132,16 @@ describe("Files list related tests", () => {
       });
   });
 
-  // Test that files list renders correctly
-  it("Render files list", () => {
+  // Test to check if the tour is rendered and close the tour
+  it("Tour check and click next button", () => {
     cy.visit("/123");
     cy.wait("@getFiles");
+    cy.wait(1000);
+    checkTour();
+  });
+
+  // Test that files list renders correctly
+  it("Render files list", () => {
     cy.get(".files-list", { timeout: 12000 }).should(
       "have.length",
       files.length,
@@ -305,7 +312,7 @@ describe("Files list related tests", () => {
   it("Check preview link exists", () => {
     cy.window().then((win) => {
       expect(win.gitClerkConfig).to.exist;
-      cy.get("#deployed-preview-btn").should(($btn) => {
+      cy.get("#deployed-preview-btn a").should(($btn) => {
         if (win.gitClerkConfig.deployedPreviewLink)
           expect($btn.attr("href")).to.equal(
             win.gitClerkConfig.deployedPreviewLink(pullsData),
diff --git a/cypress/e2e/sessions.cy.js b/cypress/e2e/sessions.cy.js
index f81ec25..c9d1c39 100644
--- a/cypress/e2e/sessions.cy.js
+++ b/cypress/e2e/sessions.cy.js
@@ -6,6 +6,7 @@ import { GITHUB_HOST } from "../enums";
 import sessionsList from "../fixtures/sessions-list:graphql.json";
 import openCount from "../fixtures/open-count:graphql.json";
 import closeCount from "../fixtures/closed-count:graphql.json";
+import { checkTour } from "../helper";
 
 const mockQuery = {
   issueCount: `
@@ -157,6 +158,12 @@ describe("Session list related tests", () => {
     );
   });
 
+  // Test to check if the tour is rendered and close the tour
+  it("Tour check and click next button", () => {
+    cy.wait(1000);
+    checkTour();
+  });
+
   // Test that session titles match expected values
   it("Validate sessions list items with title name", () => {
     cy.get(".session-title").each((titleElement, index) => {
diff --git a/cypress/helper.js b/cypress/helper.js
new file mode 100644
index 0000000..0cd908c
--- /dev/null
+++ b/cypress/helper.js
@@ -0,0 +1,9 @@
+export function checkTour() {
+  cy.get("body").then(($body) => {
+    if ($body.find(".driver-popover", { timeout: 120000 }).length > 0) {
+      cy.get(".driver-popover-close-btn").click();
+    } else {
+      cy.log("Tour not found");
+    }
+  });
+}
diff --git a/src/App.vue b/src/App.vue
index 86be66b..74ba3d0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,8 @@ import { onMounted, provide, ref } from "vue";
 import useOctokitStore from "@/stores/octokit.js";
 import { initOctokit } from "@/api/index.js";
 import { useLoader } from "@/helpers/index.js";
+import "../../EOxElements/elements/tour/src/main.js";
+import "../../EOxElements/elements/tour/dist/eox-tour.css";
 
 const navButtonConfig = ref({});
 const navPaginationItems = ref([
@@ -17,9 +19,11 @@ const navPaginationItems = ref([
 const fileBrowserDrawer = ref(false);
 const snackbar = ref(false);
 const isOctokitInitialised = ref(false);
+const tourConfig = ref(null);
 provide("set-nav-button-config", navButtonConfig);
 provide("set-nav-pagination-items", navPaginationItems);
 provide("set-snackbar", snackbar);
+provide("set-tour-config", tourConfig);
 provide("set-file-browser-drawer", fileBrowserDrawer);
 
 onMounted(async () => {
@@ -48,5 +52,6 @@ onMounted(async () => {
       >
       </v-snackbar>
     </v-main>
+    <eox-tour v-if="tourConfig" :config="tourConfig" />
   </v-app>
 </template>
diff --git a/src/assets/main.css b/src/assets/main.css
index c7b950b..1f61654 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -88,3 +88,43 @@ html {
   font-size: 1rem;
   font-weight: 700;
 }
+
+.driver-popover .driver-popover-close-btn {
+  right: 8px;
+  top: 6px;
+  display: flex;
+  color: rgb(var(--eox-theme-light-primary));
+}
+
+.driver-popover footer > .driver-popover-progress-text {
+  font-size: 12px;
+  font-weight: 600;
+  opacity: 0.5;
+}
+
+.driver-popover .driver-popover-arrow {
+  display: none;
+}
+
+.driver-popover .driver-popover-next-btn,
+.driver-popover .driver-popover-prev-btn {
+  background-color: rgb(var(--eox-theme-light-primary));
+  color: white;
+  font-size: 12px;
+  padding: 5px 10px;
+  border-radius: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+
+.driver-popover .driver-popover-btn-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.driver-popover .driver-popover-footer nav {
+  width: 100%;
+  justify-content: end;
+}
diff --git a/src/components/file/ActionTabFileEditor.vue b/src/components/file/ActionTabFileEditor.vue
index 2a8dc08..fd89818 100644
--- a/src/components/file/ActionTabFileEditor.vue
+++ b/src/components/file/ActionTabFileEditor.vue
@@ -33,15 +33,17 @@ const props = defineProps({
 
 <template>
   <ActionTab>
-    <Github :file="file" />
-    <DeleteFile
-      text="Delete File"
-      size="x-large"
-      :file="file"
-      :session="session"
-      :callBack="() => router.push(`/${session.number}`)"
-    />
-    <RenameFile text="Rename File" size="x-large" :file :session />
+    <div id="file-actions" class="d-flex align-center justify-center">
+      <Github :file="file" />
+      <DeleteFile
+        text="Delete File"
+        size="x-large"
+        :file="file"
+        :session="session"
+        :callBack="() => router.push(`/${session.number}`)"
+      />
+      <RenameFile text="Rename File" size="x-large" :file :session />
+    </div>
     <v-divider v-if="previewURL" inset vertical></v-divider>
     <PreviewBtn
       :togglePreview="togglePreview"
diff --git a/src/components/file/Preview.vue b/src/components/file/Preview.vue
index d401c07..58edc22 100644
--- a/src/components/file/Preview.vue
+++ b/src/components/file/Preview.vue
@@ -9,6 +9,7 @@ const props = defineProps({
 <template>
   <v-btn
     v-if="previewURL"
+    id="preview-toggle-btn"
     :color="showPreview ? 'primary' : 'blue-grey-darken-4'"
     :icon="
       $vuetify?.display?.smAndDown
diff --git a/src/components/global/Navbar.vue b/src/components/global/Navbar.vue
index 9139db0..a804544 100644
--- a/src/components/global/Navbar.vue
+++ b/src/components/global/Navbar.vue
@@ -58,6 +58,7 @@ const click = () => {
 
     <v-col class="button-nav flex-grow-0">
       <v-btn
+        id="primary-action-btn"
         v-if="navButtonConfig.text && navButtonConfig.click"
         size="large"
         :prepend-icon="navButtonConfig.icon"
@@ -74,6 +75,7 @@ const click = () => {
       >
         <template v-slot:activator="{ props }">
           <v-btn
+            id="primary-action-menu-btn"
             size="large"
             :prepend-icon="navButtonConfig.icon"
             variant="flat"
diff --git a/src/components/session/ActionTabSession.vue b/src/components/session/ActionTabSession.vue
index 1af89a9..fbcce4c 100644
--- a/src/components/session/ActionTabSession.vue
+++ b/src/components/session/ActionTabSession.vue
@@ -41,6 +41,7 @@ const props = defineProps({
     <v-divider inset vertical></v-divider>
     <v-btn
       v-if="!props.session.draft && props.session.state !== 'closed'"
+      id="review-btn"
       target="_blank"
       color="primary"
       :icon="
@@ -54,6 +55,7 @@ const props = defineProps({
       disabled
     ></v-btn>
     <ReviewSession
+      id="review-btn"
       v-else-if="props.session.draft && props.session.check"
       tab
       text="Submit for Review"
@@ -69,6 +71,7 @@ const props = defineProps({
       :session="props.session"
       :state="props.session.state"
       tab
+      id="deployed-preview-btn"
       size="x-large"
     />
     <v-spacer></v-spacer>
diff --git a/src/components/session/DeployedPreview.vue b/src/components/session/DeployedPreview.vue
index b8cdff7..35f5250 100644
--- a/src/components/session/DeployedPreview.vue
+++ b/src/components/session/DeployedPreview.vue
@@ -2,6 +2,10 @@
 import { defineProps, ref, watch } from "vue";
 
 const props = defineProps({
+  id: {
+    type: String,
+    default: "",
+  },
   session: {
     type: Object,
     default: {},
@@ -46,30 +50,30 @@ watch([props], ([newProps]) => {
 
 <template>
   <!-- Mobile -->
-  <v-btn
-    v-if="tab"
-    :href="session.deployedPreviewLink"
-    target="_blank"
-    color="blue-grey-darken-4"
-    icon="mdi-arrow-top-right"
-    :size="size"
-    variant="outlined"
-    class="d-flex d-md-none border-black border-md border-opacity-100"
-    id="deployed-preview-btn"
-    :disabled="disabled"
-  ></v-btn>
-  <!-- Non-mobile -->
-  <v-btn
-    v-if="tab"
-    :href="session.deployedPreviewLink"
-    target="_blank"
-    color="blue-grey-darken-4"
-    prepend-icon="mdi-arrow-top-right"
-    :size="size"
-    :text="text"
-    variant="outlined"
-    class="text-capitalize font-weight-medium d-none d-md-flex border-black border-md border-opacity-100"
-    id="deployed-preview-btn"
-    :disabled="disabled"
-  ></v-btn>
+  <div :id="id">
+    <v-btn
+      v-if="tab"
+      :href="session.deployedPreviewLink"
+      target="_blank"
+      color="blue-grey-darken-4"
+      icon="mdi-arrow-top-right"
+      :size="size"
+      variant="outlined"
+      class="d-flex d-md-none border-black border-md border-opacity-100"
+      :disabled="disabled"
+    ></v-btn>
+    <!-- Non-mobile -->
+    <v-btn
+      v-if="tab"
+      :href="session.deployedPreviewLink"
+      target="_blank"
+      color="blue-grey-darken-4"
+      prepend-icon="mdi-arrow-top-right"
+      :size="size"
+      :text="text"
+      variant="outlined"
+      class="text-capitalize font-weight-medium d-none d-md-flex border-black border-md border-opacity-100"
+      :disabled="disabled"
+    ></v-btn>
+  </div>
 </template>
diff --git a/src/components/session/Review.vue b/src/components/session/Review.vue
index b539994..daf3f2a 100644
--- a/src/components/session/Review.vue
+++ b/src/components/session/Review.vue
@@ -6,6 +6,10 @@ import { reviewBySessionNumber } from "@/api/index.js";
 import { watch } from "vue";
 
 const props = defineProps({
+  id: {
+    type: String,
+    default: "",
+  },
   session: {
     type: Object,
     default: {},
@@ -94,6 +98,7 @@ watch([props], ([newProps]) => {
       :disabled="disabled"
       @click="reviewSession = props.session"
       :class="`text-capitalize font-weight-medium ${props.class}`"
+      :id="id"
     >
       <template v-if="error" v-slot:append>
         <v-icon
diff --git a/src/components/session/SessionsStateFilter.vue b/src/components/session/SessionsStateFilter.vue
index bf7c1ee..b9d4df3 100644
--- a/src/components/session/SessionsStateFilter.vue
+++ b/src/components/session/SessionsStateFilter.vue
@@ -25,6 +25,7 @@ const props = defineProps({
     text="Open"
     color="blue-grey-darken-4 open-session-btn"
     id="session-action-menu"
+    class="open-session-filter"
     :disabled="!props.sessions"
     @click="changeSessionState('open')"
   >
@@ -46,6 +47,7 @@ const props = defineProps({
     text="Closed"
     color="blue-grey-darken-4 closed-session-btn"
     id="session-action-menu"
+    class="closed-session-filter"
     :disabled="!props.sessions"
     @click="changeSessionState('closed')"
   >
diff --git a/src/helpers/index.js b/src/helpers/index.js
index 6c02aaf..29d2592 100644
--- a/src/helpers/index.js
+++ b/src/helpers/index.js
@@ -12,4 +12,5 @@ export { getSchemaDetails, getFileSchema } from "./schema";
 export { stringifyIfNeeded, parseIfNeeded } from "./transform";
 export { runAutomation } from "./automation";
 export { default as preventListItemClick } from "./prevent-list-item-click";
+export { default as getTourConfig } from "./tour";
 export { default as createSession } from "./create-session";
diff --git a/src/helpers/tour.js b/src/helpers/tour.js
new file mode 100644
index 0000000..be49a09
--- /dev/null
+++ b/src/helpers/tour.js
@@ -0,0 +1,209 @@
+export default function getTourConfig(id, props) {
+  return {
+    ...(id ? { id } : {}),
+    steps: getSteps(id, props),
+  };
+}
+
+function getSteps(id, { isEmpty, isPreviewExists }) {
+  switch (id) {
+    case "sessions-view":
+      return getSessionsViewSteps(isEmpty);
+    case "sessions-view-empty":
+      return getSessionsViewSteps(isEmpty);
+    case "session-view":
+      return getSessionViewSteps(isEmpty);
+    case "session-view-empty":
+      return getSessionViewSteps(isEmpty);
+    case "file-edit":
+      return getFileEditSteps(isPreviewExists);
+    case "file-edit-preview":
+      return getFileEditSteps(isPreviewExists);
+    default:
+      return [];
+  }
+}
+
+function getFileEditSteps(isPreviewExists) {
+  return [
+    {
+      element: "#file-actions",
+      popover: {
+        title: "File actions",
+        description:
+          "Run different actions on the file like deleting, renaming or open in github.",
+      },
+    },
+    ...(isPreviewExists
+      ? [
+          {
+            element: "#preview-toggle-btn",
+            popover: {
+              title: "Toggle preview",
+              description: "Toggle the preview of the file.",
+            },
+          },
+          {
+            element: "#preview-frame",
+            popover: {
+              title: "Preview",
+              description: "Preview the file.",
+            },
+          },
+          {
+            element: "#preview-expand-btn",
+            popover: {
+              title: "Expand preview",
+              description: "Expand the preview of the file.",
+            },
+          },
+        ]
+      : []),
+    {
+      element: "#file-editor-form",
+      popover: {
+        title: "File Editor",
+        description: "Edit the file using the editor.",
+      },
+    },
+    {
+      element: "#primary-action-btn",
+      popover: {
+        title: "Save File",
+        description:
+          "Once the file is edited, click on the save button to save the file.",
+      },
+    },
+  ];
+}
+
+function getSessionViewSteps(isEmpty) {
+  const lastSteps = isEmpty
+    ? [
+        {
+          element: "#file-actions",
+          popover: {
+            title: "No files found",
+            description:
+              "Add/update or start with any of the actions to work on any files.",
+          },
+        },
+      ]
+    : [
+        {
+          element: ".files-view:first-child",
+          popover: {
+            title: "View each file",
+            description: "Click on a file to view the details of the file.",
+          },
+        },
+        {
+          element: ".files-view:first-child .v-list-item__append",
+          popover: {
+            title: "Action buttons for each file",
+            description:
+              "Run different actions on each file like deleting or duplicating it.",
+          },
+        },
+      ];
+
+  return [
+    {
+      element: "#primary-action-menu-btn",
+      popover: {
+        title: "Add or update a file",
+        description: "Click on the button to add, update or bootstrap a file.",
+      },
+    },
+    {
+      element: "#session-action-menu",
+      popover: {
+        title: "Session actions",
+        description:
+          "Run different actions on the session like deleting, renaming or open in github.",
+      },
+    },
+    {
+      element: "#review-btn",
+      popover: {
+        title: "Request a review",
+        description: "Request a review to get feedback on the session.",
+      },
+    },
+    {
+      element: "#deployed-preview-btn",
+      popover: {
+        title: "Deployed preview",
+        description: "Open the deployed preview of the session.",
+      },
+    },
+    {
+      element: ".session-icon",
+      popover: {
+        title: "Session State",
+        description:
+          "Indicate current state of the session whether it's on draft, open, closed or merged.",
+      },
+    },
+    ...lastSteps,
+  ];
+}
+
+function getSessionsViewSteps(isEmpty) {
+  const lastSteps = isEmpty
+    ? [
+        {
+          element: ".v-empty-state__actions",
+          popover: {
+            title:
+              "Create a new session because you don't have any sessions yet",
+            description:
+              "Click on the button to create a new session and add your first session.",
+          },
+        },
+      ]
+    : [
+        {
+          element: ".sessions-view:first-child",
+          popover: {
+            title: "View each session",
+            description:
+              "Click on a session to view the details of the session.",
+          },
+        },
+        {
+          element: ".sessions-view:first-child .v-list-item__append",
+          popover: {
+            title: "Action buttons for each session",
+            description:
+              "Run different actions on each session like deleting, requesting review or open in github.",
+          },
+        },
+      ];
+
+  return [
+    {
+      element: "#primary-action-btn",
+      popover: {
+        title: "Start a new session",
+        description:
+          "Allows you to create a new session to share your ideas and propose updates.",
+      },
+    },
+    {
+      element: ".open-session-filter",
+      popover: {
+        title: "Check open sessions",
+        description: "Shows all the sessions that are currently open.",
+      },
+    },
+    {
+      element: ".closed-session-filter",
+      popover: {
+        title: "Check closed sessions",
+        description: "Shows all the sessions that are currently closed.",
+      },
+    },
+    ...lastSteps,
+  ];
+}
diff --git a/src/views/FileEditView.vue b/src/views/FileEditView.vue
index 1a22e99..151723b 100644
--- a/src/views/FileEditView.vue
+++ b/src/views/FileEditView.vue
@@ -15,6 +15,7 @@ import {
   getSchemaDetails,
   stringifyIfNeeded,
   useLoader,
+  getTourConfig,
 } from "@/helpers/index.js";
 import {
   queryFileDetailsMethod,
@@ -55,6 +56,7 @@ const validationErrors = ref([]);
 const snackbar = inject("set-snackbar");
 const navButtonConfig = inject("set-nav-button-config");
 const navPaginationItems = inject("set-nav-pagination-items");
+const tourConfig = inject("set-tour-config");
 
 const debouncedPostMessage = debounce(debouncePostMessageMethod, 500);
 
@@ -230,6 +232,11 @@ onMounted(async () => {
     });
   }
   loader.hide();
+
+  const isPreviewExists = Boolean(previewURL.value);
+  const tourID = isPreviewExists ? "file-edit-preview" : "file-edit";
+
+  tourConfig.value = getTourConfig(tourID, { isPreviewExists });
 });
 
 onUnmounted(() => {
@@ -276,6 +283,7 @@ onUnmounted(() => {
         :class="`fill-height overflow-x-auto overflow-y-scroll pa-4 pa-md-8 ${previewURL && previewExpanded ? 'd-none' : ''} ${$vuetify?.display?.smAndDown ? 'order-2' : 'order-1'}`"
       >
         <eox-jsonform
+          id="file-editor-form"
           :schema="schemaMetaDetails.schema"
           :value="updatedFileContent"
           :customEditorInterfaces="customInterfaces"
@@ -286,12 +294,14 @@ onUnmounted(() => {
       </v-col>
       <v-col
         v-if="previewURL"
+        id="preview-frame"
         cols="12"
         :md="previewExpanded ? 12 : 6"
         :class="`file-preview fill-height position-relative ${showPreview ? '' : 'd-none'} ${$vuetify?.display?.smAndDown ? 'order-1' : 'order-2'}`"
       >
         <v-btn
-          class="resize-btn position-absolute text-black d-md-block d-none"
+          id="preview-expand-btn"
+          class="resize-btn position-absolute text-black elevation-1 d-md-block d-none"
           variant="flat"
           color="surface-light"
           icon="mdi-arrow-left-right"
diff --git a/src/views/SessionView.vue b/src/views/SessionView.vue
index 905a94a..0fa2527 100644
--- a/src/views/SessionView.vue
+++ b/src/views/SessionView.vue
@@ -12,7 +12,11 @@ import ListPlaceholder from "@/components/global/ListPlaceholder.vue";
 import OffsetPagination from "@/components/global/OffsetPagination.vue";
 import { ActionTabSession } from "@/components/session";
 import { DeleteFile, DuplicateFile } from "@/components/file";
-import { encodeString, preventListItemClick } from "@/helpers/index.js";
+import {
+  encodeString,
+  preventListItemClick,
+  getTourConfig,
+} from "@/helpers/index.js";
 import { BASE_PATH, AUTOMATION } from "@/enums";
 import "@eox/jsonform";
 import Automation from "@/components/session/Automation.vue";
@@ -30,6 +34,7 @@ const hover = ref(null);
 const snackbar = inject("set-snackbar");
 const navButtonConfig = inject("set-nav-button-config");
 const navPaginationItems = inject("set-nav-pagination-items");
+const tourConfig = inject("set-tour-config");
 const fileBrowserDrawer = inject("set-file-browser-drawer");
 
 const automationDialog = ref(false);
@@ -104,6 +109,11 @@ onMounted(async () => {
   }
 
   await updateDetails();
+
+  const isEmpty = fileChangesList.value && fileChangesList.value.length === 0;
+  const tourID = isEmpty ? "session-view-empty" : "session-view";
+
+  tourConfig.value = getTourConfig(tourID, { isEmpty });
 });
 
 const onPageChange = async (newPage) => {
@@ -210,7 +220,7 @@ const handleAutomationClose = () => {
     >
       <template v-slot:actions v-if="!session.closed_at">
         <v-container class="pa-4 pt-10">
-          <v-row class="justify-center">
+          <v-row class="justify-center" id="file-actions">
             <!-- Dynamic automation buttons -->
             <v-col
               v-for="(automation, index) in suggestionList"
@@ -253,7 +263,12 @@ const handleAutomationClose = () => {
     </v-empty-state>
   </v-list>
 
-  <OffsetPagination v-if="fileChangesList" :page :totalPage :onPageChange />
+  <OffsetPagination
+    v-if="fileChangesList && fileChangesList.length"
+    :page
+    :totalPage
+    :onPageChange
+  />
 
   <!-- Use the Automation component -->
   <v-dialog
diff --git a/src/views/SessionsView.vue b/src/views/SessionsView.vue
index 64bcff3..45cee62 100644
--- a/src/views/SessionsView.vue
+++ b/src/views/SessionsView.vue
@@ -16,6 +16,7 @@ import {
   useLoader,
   preventListItemClick,
   createSession,
+  getTourConfig,
 } from "@/helpers/index.js";
 import {
   ActionList,
@@ -48,6 +49,7 @@ const cursorHistory = ref([]);
 const snackbar = inject("set-snackbar");
 const navButtonConfig = inject("set-nav-button-config");
 const navPaginationItems = inject("set-nav-pagination-items");
+const tourConfig = inject("set-tour-config");
 
 const updateSessionsList = async (cache = false) => {
   sessions.value = null;
@@ -120,6 +122,11 @@ onMounted(async () => {
     );
   }
   await updateSessionsList(true);
+
+  const isEmpty = sessions.value && sessions.value.length === 0;
+  const tourID = isEmpty ? "sessions-view-empty" : "sessions-view";
+
+  tourConfig.value = getTourConfig(tourID, { isEmpty });
 });
 
 const onPageChange = async (newCursor) => {