Nits to pass npm checks

Author: tristantr

frontend/src/lib/components/RunPageTutorials.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { skipAllTodos } from '$lib/tutorialUtils'
 	import TroubleshootFlowTutorial from './tutorials/TroubleshootFlowTutorial.svelte'
+	import { getTutorialIndex } from '$lib/tutorials/config'
 
 	let troubleshootFlowTutorial: TroubleshootFlowTutorial | undefined = $state(undefined)
 
@@ -15,4 +16,10 @@
 	}
 </script>
 
-<TroubleshootFlowTutorial bind:this={troubleshootFlowTutorial} on:error on:skipAll={skipAll} on:reload />
+<TroubleshootFlowTutorial
+	bind:this={troubleshootFlowTutorial}
+	index={getTutorialIndex('troubleshoot-flow')}
+	on:error
+	on:skipAll={skipAll}
+	on:reload
+/>

frontend/src/lib/components/apps/editor/AppEditorTutorial.svelte

@@ -65,8 +65,8 @@
 <AppTutorials
 	bind:this={appTutorials}
 	on:reload
-	on:error={({ detail }) => {
-		targetTutorial = detail.detail
+	on:error={(event: CustomEvent<{ detail: string }>) => {
+		targetTutorial = event.detail.detail
 	}}
 />
 

frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte

@@ -102,8 +102,6 @@
 		flowHasChanged
 	}: Props = $props()
 
-	let flowTutorials: FlowTutorials | undefined = $state(undefined)
-
 	const { customUi, selectionManager, moving, history, flowStateStore, flowStore, pathStore } =
 		getContext<FlowEditorContext>('FlowEditorContext')
 	const { triggersCount, triggersState } = getContext<TriggerContext>('TriggerContext')
@@ -659,5 +657,5 @@
 </div>
 
 {#if !disableTutorials}
-	<FlowTutorials bind:this={flowTutorials} on:reload />
+	<FlowTutorials on:reload />
 {/if}

frontend/src/lib/components/sidebar/SidebarContent.svelte

@@ -11,7 +11,7 @@
 		tutorialsToDo,
 		skippedAll
 	} from '$lib/stores'
-	import { syncTutorialsTodos, shouldHideTutorialsFromMainMenu } from '$lib/tutorialUtils'
+	import { syncTutorialsTodos } from '$lib/tutorialUtils'
 	import { SIDEBAR_SHOW_SCHEDULES } from '$lib/consts'
 	import {
 		BookOpen,

frontend/src/lib/tutorials/config.ts

@@ -43,7 +43,7 @@ export function getTutorialIndex(id: string): number {
 export const TUTORIALS_CONFIG: Record<TabId, TabConfig> = {
 	quickstart: {
 		label: 'Quickstart',
-		roles: ['admin', 'developer', 'operator'],
+		roles: ['admin', 'developer'],
 		progressBar: true,
 		active: true,
 		tutorials: [
@@ -58,7 +58,7 @@ export const TUTORIALS_CONFIG: Record<TabId, TabConfig> = {
 				index: 1,
 				active: true,
 				comingSoon: false,
-				roles: ['operator','developer', 'admin'],
+				roles: ['developer', 'admin'],
 				order: 1
 			},
 			{

frontend/src/routes/(root)/(logged)/+page.svelte

@@ -20,8 +20,7 @@
 		Globe2,
 		Loader2,
 		Code,
-		LayoutDashboard,
-		GraduationCap
+		LayoutDashboard
 	} from 'lucide-svelte'
 	import { hubBaseUrlStore } from '$lib/stores'
 	import { base } from '$lib/base'
@@ -43,25 +42,26 @@
 
 	type Tab = 'hub' | 'workspace'
 
-	let tab: Tab =
+	let tab: Tab = $state(
 		window.location.hash == '#workspace' || window.location.hash == '#hub'
 			? (window.location.hash?.replace('#', '') as Tab)
 			: 'workspace'
+	)
 
-	let subtab: 'flow' | 'script' | 'app' = 'script'
+	let subtab: 'flow' | 'script' | 'app' = $state('script')
 
-	let filter: string = ''
+	let filter: string = $state('')
 
-	let flowViewer: Drawer
-	let flowViewerFlow: { flow?: OpenFlow & { id?: number } } | undefined
+	let flowViewer: Drawer = $state()
+	let flowViewerFlow: { flow?: OpenFlow & { id?: number } } | undefined = $state(undefined)
 
-	let appViewer: Drawer
-	let appViewerApp: { app?: any & { id?: number } } | undefined
+	let appViewer: Drawer = $state()
+	let appViewerApp: { app?: any & { id?: number } } | undefined = $state(undefined)
 
-	let codeViewer: Drawer
-	let codeViewerContent: string = ''
-	let codeViewerLanguage: Script['language'] = 'deno'
-	let codeViewerObj: HubItem | undefined = undefined
+	let codeViewer: Drawer = $state()
+	let codeViewerContent: string = $state('')
+	let codeViewerLanguage: Script['language'] = $state('deno')
+	let codeViewerObj: HubItem | undefined = $state(undefined)
 
 	const breakpoint = writable<EditorBreakpoint>('lg')