Make onboarding optional, able to be ignored on desktop (KittyCAD#6564)

* Remove unused `telemetryLoader` * Remove onboarding redirect behavior * Allow subRoute to be passed to navigateToProject * Replace warning dialog routes with toasts * Wire up new utilities and toasts to UI components * Add home sidebar buttons for tutorial flow * Rename menu item * Add flex-1 so home-layout fills available space * Remove onboarding avatar tests, they are becoming irrelevant * Consolidate onboarding tests to one longer one and update it to not use pixel color checks, and use fixtures. * Shorten warning toast button text * tsc, lint, and circular deps * Update circular dep file * Fix mistakes made in circular update tweaking * One more dumb created circular dep * Update src/routes/Onboarding/utils.tsx Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com> * Fix narrow screen home layout breaking * fix: kevin, navigation routes fixed * fix: filename parsing is correct now for onboarding with the last file sep * Fix e2e test state checks that are diff on Linux * Create onboarding project entirely through systemIOMachine * Fix Windows path construction --------- Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com> Co-authored-by: Kevin Nadro <kevin@zoo.dev>

Author: 3 people

e2e/playwright/fixtures/homePageFixture.ts

@@ -24,6 +24,7 @@ export class HomePageFixture {
  projectTextName!: Locator
  sortByDateBtn!: Locator
  sortByNameBtn!: Locator
+ tutorialBtn!: Locator
 
  constructor(page: Page) {
  this.page = page
@@ -43,6 +44,7 @@ export class HomePageFixture {
 
  this.sortByDateBtn = this.page.getByTestId('home-sort-by-modified')
  this.sortByNameBtn = this.page.getByTestId('home-sort-by-name')
+ this.tutorialBtn = this.page.getByTestId('home-tutorial-button')
  }
 
  private _serialiseSortBy = async (): Promise<

e2e/playwright/fixtures/toolbarFixture.ts

@@ -17,6 +17,8 @@ type LengthUnitLabel = (typeof baseUnitLabels)[keyof typeof baseUnitLabels]
 export class ToolbarFixture {
  public page: Page
 
+ projectName!: Locator
+ fileName!: Locator
  extrudeButton!: Locator
  loftButton!: Locator
  sweepButton!: Locator
@@ -53,6 +55,8 @@ export class ToolbarFixture {
  constructor(page: Page) {
  this.page = page
 
+ this.projectName = page.getByTestId('app-header-project-name')
+ this.fileName = page.getByTestId('app-header-file-name')
  this.extrudeButton = page.getByTestId('extrude')
  this.loftButton = page.getByTestId('loft')
  this.sweepButton = page.getByTestId('sweep')

e2e/playwright/native-file-menu.spec.ts

@@ -450,7 +450,7 @@ test.describe(
  )
  await expect(actual).toBeVisible()
  })
- test('Home.Help.Reset onboarding', async ({
+ test('Home.Help.Replay onboarding tutorial', async ({
  tronApp,
  cmdBar,
  page,
@@ -464,7 +464,7 @@ test.describe(
  await tronApp.electron.evaluate(async ({ app }) => {
  if (!app || !app.applicationMenu) return false
  const menu = app.applicationMenu.getMenuItemById(
- 'Help.Reset onboarding'
+ 'Help.Replay onboarding tutorial'
  )
  if (!menu) {
  return false
@@ -2339,7 +2339,7 @@ test.describe(
  await scene.connectionEstablished()
  await expect(toolbar.startSketchBtn).toBeVisible()
  })
- test('Modeling.Help.Reset onboarding', async ({
+ test('Modeling.Help.Replay onboarding tutorial', async ({
  tronApp,
  cmdBar,
  page,
@@ -2358,7 +2358,7 @@ test.describe(
  await tronApp.electron.evaluate(async ({ app }) => {
  if (!app || !app.applicationMenu) fail()
  const menu = app.applicationMenu.getMenuItemById(
- 'Help.Reset onboarding'
+ 'Help.Replay onboarding tutorial'
  )
  if (!menu) fail()
  menu.click()