refactor: reorganize tour steps and relocate ReadMore component for improved structure

studio/frontend/src/features/studio/studio-page.tsx

@@ -5,7 +5,8 @@ import {
   useTrainingRuntimeLifecycle,
   useTrainingRuntimeStore,
 } from "@/features/training";
-import { GuidedTour, studioTourSteps } from "@/features/tour";
+import { GuidedTour } from "@/features/tour";
+import { studioTourSteps } from "@/features/studio/tour";
 import { ArrowLeft01Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { type ReactElement, useEffect, useState } from "react";

studio/frontend/src/features/studio/tour/index.ts

@@ -0,0 +1,2 @@
+export { studioTourSteps } from "./steps";
+

studio/frontend/src/features/studio/tour/steps/base-model.tsx

@@ -1,5 +1,4 @@
-import type { TourStep } from "@/features/tour";
-import { ReadMore } from "../read-more";
+import { ReadMore, type TourStep } from "@/features/tour";
 
 export const studioBaseModelStep: TourStep = {
   id: "base-model",
@@ -12,4 +11,3 @@ export const studioBaseModelStep: TourStep = {
     </>
   ),
 };
-

studio/frontend/src/features/studio/tour/steps/dataset.tsx

@@ -1,5 +1,4 @@
-import type { TourStep } from "@/features/tour";
-import { ReadMore } from "../read-more";
+import { ReadMore, type TourStep } from "@/features/tour";
 
 export const studioDatasetStep: TourStep = {
   id: "dataset",
@@ -12,4 +11,3 @@ export const studioDatasetStep: TourStep = {
     </>
   ),
 };
-

studio/frontend/src/features/studio/tour/steps/local-model.tsx

@@ -1,5 +1,4 @@
-import type { TourStep } from "@/features/tour";
-import { ReadMore } from "../read-more";
+import { ReadMore, type TourStep } from "@/features/tour";
 
 export const studioLocalModelStep: TourStep = {
   id: "local-model",
@@ -13,4 +12,3 @@ export const studioLocalModelStep: TourStep = {
     </>
   ),
 };
-

studio/frontend/src/features/studio/tour/steps/method.tsx

@@ -1,5 +1,4 @@
-import type { TourStep } from "@/features/tour";
-import { ReadMore } from "../read-more";
+import { ReadMore, type TourStep } from "@/features/tour";
 
 export const studioMethodStep: TourStep = {
   id: "method",
@@ -12,4 +11,3 @@ export const studioMethodStep: TourStep = {
     </>
   ),
 };
-

studio/frontend/src/features/studio/tour/steps/params.tsx

@@ -1,5 +1,4 @@
-import type { TourStep } from "@/features/tour";
-import { ReadMore } from "../read-more";
+import { ReadMore, type TourStep } from "@/features/tour";
 
 export const studioParamsStep: TourStep = {
   id: "params",
@@ -12,4 +11,3 @@ export const studioParamsStep: TourStep = {
     </>
   ),
 };
-

studio/frontend/src/features/tour/components/read-more.tsx

@@ -2,7 +2,9 @@ export function ReadMore({ href = "#" }: { href?: string }) {
   return (
     <a
       href={href}
-      onClick={(e) => e.preventDefault()}
+      onClick={(e) => {
+        if (href === "#") e.preventDefault();
+      }}
       className="text-emerald-600 underline underline-offset-2 hover:text-emerald-700"
     >
       Read more

studio/frontend/src/features/tour/index.ts

@@ -1,3 +1,3 @@
 export { GuidedTour } from "./components/guided-tour";
+export { ReadMore } from "./components/read-more";
 export type { TourStep } from "./types";
-export { studioTourSteps } from "./steps/studio";