chore: simplify imports (#9896)

site/e2e/global.setup.ts

@@ -1,7 +1,7 @@
 import { test, expect } from "@playwright/test";
 import * as constants from "./constants";
 import { STORAGE_STATE } from "./playwright.config";
-import { Language } from "../src/pages/CreateUserPage/CreateUserForm";
+import { Language } from "pages/CreateUserPage/CreateUserForm";
 
 test("create first user", async ({ page }) => {
   await page.goto("/", { waitUntil: "domcontentloaded" });

site/src/components/CodeExample/CodeExample.tsx

@@ -1,7 +1,7 @@
 import { makeStyles } from "@mui/styles";
 import { FC } from "react";
-import { MONOSPACE_FONT_FAMILY } from "../../theme/constants";
-import { combineClasses } from "../../utils/combineClasses";
+import { MONOSPACE_FONT_FAMILY } from "theme/constants";
+import { combineClasses } from "utils/combineClasses";
 import { CopyButton } from "../CopyButton/CopyButton";
 import { Theme } from "@mui/material/styles";
 

site/src/components/CopyButton/CopyButton.tsx

@@ -3,7 +3,7 @@ import { makeStyles } from "@mui/styles";
 import Tooltip from "@mui/material/Tooltip";
 import Check from "@mui/icons-material/Check";
 import { useClipboard } from "hooks/useClipboard";
-import { combineClasses } from "../../utils/combineClasses";
+import { combineClasses } from "utils/combineClasses";
 import { FileCopyIcon } from "../Icons/FileCopyIcon";
 
 interface CopyButtonProps {

site/src/components/Dashboard/Navbar/NavbarView.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { MockUser, MockUser2 } from "../../../testHelpers/entities";
+import { MockUser, MockUser2 } from "testHelpers/entities";
 import { NavbarView } from "./NavbarView";
 
 const meta: Meta<typeof NavbarView> = {

site/src/components/Dashboard/Navbar/NavbarView.test.tsx

@@ -1,9 +1,6 @@
 import { screen } from "@testing-library/react";
-import {
-  MockPrimaryWorkspaceProxy,
-  MockUser,
-} from "../../../testHelpers/entities";
-import { renderWithAuth } from "../../../testHelpers/renderHelpers";
+import { MockPrimaryWorkspaceProxy, MockUser } from "testHelpers/entities";
+import { renderWithAuth } from "testHelpers/renderHelpers";
 import { Language as navLanguage, NavbarView } from "./NavbarView";
 import { ProxyContextValue } from "contexts/ProxyContext";
 import { action } from "@storybook/addon-actions";

site/src/components/Dashboard/Navbar/NavbarView.tsx

@@ -8,9 +8,9 @@ import { CoderIcon } from "components/Icons/CoderIcon";
 import { FC, useRef, useState } from "react";
 import { NavLink, useLocation, useNavigate } from "react-router-dom";
 import { colors } from "theme/colors";
-import * as TypesGen from "../../../api/typesGenerated";
-import { navHeight } from "../../../theme/constants";
-import { combineClasses } from "../../../utils/combineClasses";
+import * as TypesGen from "api/typesGenerated";
+import { navHeight } from "theme/constants";
+import { combineClasses } from "utils/combineClasses";
 import { UserDropdown } from "./UserDropdown/UserDropdown";
 import Box from "@mui/material/Box";
 import Menu from "@mui/material/Menu";

site/src/components/Dashboard/Navbar/UserDropdown/UserDropdown.stories.tsx

@@ -1,4 +1,4 @@
-import { MockUser } from "../../../../testHelpers/entities";
+import { MockUser } from "testHelpers/entities";
 import { UserDropdown } from "./UserDropdown";
 import type { Meta, StoryObj } from "@storybook/react";
 

site/src/components/Dialogs/Dialog.tsx

@@ -2,7 +2,7 @@ import MuiDialog, { DialogProps as MuiDialogProps } from "@mui/material/Dialog";
 import { makeStyles } from "@mui/styles";
 import * as React from "react";
 import { colors } from "theme/colors";
-import { combineClasses } from "../../utils/combineClasses";
+import { combineClasses } from "utils/combineClasses";
 import {
   LoadingButton,
   LoadingButtonProps,

site/src/components/EmptyState/EmptyState.tsx

@@ -2,7 +2,7 @@ import Box from "@mui/material/Box";
 import { makeStyles } from "@mui/styles";
 import Typography from "@mui/material/Typography";
 import { FC, ReactNode } from "react";
-import { combineClasses } from "../../utils/combineClasses";
+import { combineClasses } from "utils/combineClasses";
 
 export interface EmptyStateProps {
   /** Text Message to display, placed inside Typography component */

site/src/components/GlobalSnackbar/utils.ts

@@ -1,4 +1,4 @@
-import { dispatchCustomEvent } from "../../utils/events";
+import { dispatchCustomEvent } from "utils/events";
 
 ///////////////////////////////////////////////////////////////////////////////
 // Notification Types

site/src/components/Margins/Margins.tsx

@@ -5,7 +5,7 @@ import {
   containerWidth,
   containerWidthMedium,
   sidePadding,
-} from "../../theme/constants";
+} from "theme/constants";
 
 type Size = "regular" | "medium" | "small";
 

site/src/components/RequireAuth/RequireAuth.tsx

@@ -2,7 +2,7 @@ import axios from "axios";
 import { useAuth } from "components/AuthProvider/AuthProvider";
 import { FC, useEffect } from "react";
 import { Outlet, Navigate, useLocation } from "react-router-dom";
-import { embedRedirect } from "../../utils/redirect";
+import { embedRedirect } from "utils/redirect";
 import { FullScreenLoader } from "../Loader/FullScreenLoader";
 import { DashboardProvider } from "components/Dashboard/DashboardProvider";
 import { ProxyProvider } from "contexts/ProxyContext";

site/src/components/Resources/AppLink/AppLink.tsx

@@ -6,8 +6,8 @@ import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import { PrimaryAgentButton } from "components/Resources/AgentButton";
 import { FC, useState } from "react";
 import { combineClasses } from "utils/combineClasses";
-import * as TypesGen from "../../../api/typesGenerated";
-import { generateRandomString } from "../../../utils/random";
+import * as TypesGen from "api/typesGenerated";
+import { generateRandomString } from "utils/random";
 import { BaseIcon } from "./BaseIcon";
 import { ShareIcon } from "./ShareIcon";
 import { useProxy } from "contexts/ProxyContext";

site/src/components/Resources/AppLink/ShareIcon.tsx

@@ -1,7 +1,7 @@
 import PublicOutlinedIcon from "@mui/icons-material/PublicOutlined";
 import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
 import LaunchOutlinedIcon from "@mui/icons-material/LaunchOutlined";
-import * as TypesGen from "../../../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 import Tooltip from "@mui/material/Tooltip";
 
 export interface ShareIconProps {

site/src/components/Resources/ResourceAvatar.tsx

@@ -1,6 +1,6 @@
 import { Avatar, AvatarIcon } from "components/Avatar/Avatar";
 import { FC } from "react";
-import { WorkspaceResource } from "../../api/typesGenerated";
+import { WorkspaceResource } from "api/typesGenerated";
 
 const FALLBACK_ICON = "/icon/widgets.svg";
 

site/src/components/Resources/ResourceCard.tsx

@@ -1,6 +1,6 @@
 import { makeStyles } from "@mui/styles";
 import { FC, useState } from "react";
-import { WorkspaceAgent, WorkspaceResource } from "../../api/typesGenerated";
+import { WorkspaceAgent, WorkspaceResource } from "api/typesGenerated";
 import { Stack } from "../Stack/Stack";
 import { ResourceAvatar } from "./ResourceAvatar";
 import { SensitiveValue } from "./SensitiveValue";

site/src/components/Resources/Resources.tsx

@@ -5,7 +5,7 @@ import {
   OpenDropdown,
 } from "components/DropdownArrows/DropdownArrows";
 import { FC, useState } from "react";
-import { WorkspaceAgent, WorkspaceResource } from "../../api/typesGenerated";
+import { WorkspaceAgent, WorkspaceResource } from "api/typesGenerated";
 import { Stack } from "../Stack/Stack";
 import { ResourceCard } from "./ResourceCard";
 

site/src/components/Resources/TerminalLink/TerminalLink.tsx

@@ -1,8 +1,8 @@
 import Link from "@mui/material/Link";
 import { SecondaryAgentButton } from "components/Resources/AgentButton";
 import { FC } from "react";
-import * as TypesGen from "../../../api/typesGenerated";
-import { generateRandomString } from "../../../utils/random";
+import * as TypesGen from "api/typesGenerated";
+import { generateRandomString } from "utils/random";
 
 export const Language = {
   linkText: "Terminal",

site/src/components/SettingsLayout/SettingsLayout.tsx

@@ -3,7 +3,7 @@ import { Sidebar } from "./Sidebar";
 import { Stack } from "components/Stack/Stack";
 import { FC, Suspense } from "react";
 import { Helmet } from "react-helmet-async";
-import { pageTitle } from "../../utils/page";
+import { pageTitle } from "utils/page";
 import { Margins } from "../Margins/Margins";
 import { useMe } from "hooks/useMe";
 import { Loader } from "components/Loader/Loader";

site/src/components/Stack/Stack.tsx

@@ -2,7 +2,7 @@ import { makeStyles } from "@mui/styles";
 import { CSSProperties } from "@mui/styles/withStyles";
 import { FC } from "react";
 import { ReactNode } from "react-markdown/lib/react-markdown";
-import { combineClasses } from "../../utils/combineClasses";
+import { combineClasses } from "utils/combineClasses";
 
 type Direction = "column" | "row";
 

site/src/components/TableEmpty/TableEmpty.tsx

@@ -1,10 +1,7 @@
 import TableCell from "@mui/material/TableCell";
 import TableRow from "@mui/material/TableRow";
 import { FC } from "react";
-import {
-  EmptyState,
-  EmptyStateProps,
-} from "../../components/EmptyState/EmptyState";
+import { EmptyState, EmptyStateProps } from "components/EmptyState/EmptyState";
 
 export type TableEmptyProps = EmptyStateProps;
 

site/src/components/TemplateResourcesTable/TemplateResourcesTable.tsx

@@ -1,7 +1,7 @@
 import { AgentRowPreview } from "components/Resources/AgentRowPreview";
 import { Resources } from "components/Resources/Resources";
 import { FC } from "react";
-import { WorkspaceResource } from "../../api/typesGenerated";
+import { WorkspaceResource } from "api/typesGenerated";
 
 export interface TemplateResourcesProps {
   resources: WorkspaceResource[];

site/src/components/Typography/Typography.tsx

@@ -8,7 +8,7 @@ import MuiTypography, {
   TypographyProps as MuiTypographyProps,
 } from "@mui/material/Typography";
 import * as React from "react";
-import { appendCSSString, combineClasses } from "../../utils/combineClasses";
+import { appendCSSString, combineClasses } from "utils/combineClasses";
 
 export interface TypographyProps extends MuiTypographyProps {
   short?: boolean;

site/src/components/UsersLayout/UsersLayout.tsx

@@ -15,8 +15,8 @@ import {
   useNavigate,
 } from "react-router-dom";
 import { combineClasses } from "utils/combineClasses";
-import { Margins } from "../../components/Margins/Margins";
-import { Stack } from "../../components/Stack/Stack";
+import { Margins } from "components/Margins/Margins";
+import { Stack } from "components/Stack/Stack";
 
 export const UsersLayout: FC = () => {
   const styles = useStyles();

site/src/components/WorkspaceBuildLogs/WorkspaceBuildLogs.tsx

@@ -1,8 +1,8 @@
 import { makeStyles } from "@mui/styles";
 import dayjs from "dayjs";
 import { ComponentProps, FC, Fragment } from "react";
-import { ProvisionerJobLog } from "../../api/typesGenerated";
-import { MONOSPACE_FONT_FAMILY } from "../../theme/constants";
+import { ProvisionerJobLog } from "api/typesGenerated";
+import { MONOSPACE_FONT_FAMILY } from "theme/constants";
 import { Logs } from "./Logs";
 import Box from "@mui/material/Box";
 import { combineClasses } from "utils/combineClasses";

site/src/hooks/events.test.ts

@@ -1,5 +1,5 @@
 import { renderHook, waitFor } from "@testing-library/react";
-import { dispatchCustomEvent } from "../utils/events";
+import { dispatchCustomEvent } from "utils/events";
 import { useCustomEvent } from "./events";
 
 describe("useCustomEvent", () => {

site/src/hooks/events.ts

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { CustomEventListener } from "../utils/events";
+import { CustomEventListener } from "utils/events";
 
 /**
  * Handles a custom event with descriptive type information.

site/src/pages/CliAuthPage/CliAuthPage.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, FC, PropsWithChildren } from "react";
 import { Helmet } from "react-helmet-async";
-import { getApiKey } from "../../api/api";
-import { pageTitle } from "../../utils/page";
+import { getApiKey } from "api/api";
+import { pageTitle } from "utils/page";
 import { CliAuthPageView } from "./CliAuthPageView";
 
 export const CliAuthenticationPage: FC<PropsWithChildren<unknown>> = () => {

site/src/pages/CliAuthPage/CliAuthPageView.tsx

@@ -5,7 +5,7 @@ import { SignInLayout } from "components/SignInLayout/SignInLayout";
 import { Welcome } from "components/Welcome/Welcome";
 import { FC } from "react";
 import { Link as RouterLink } from "react-router-dom";
-import { FullScreenLoader } from "../../components/Loader/FullScreenLoader";
+import { FullScreenLoader } from "components/Loader/FullScreenLoader";
 
 export interface CliAuthPageViewProps {
   sessionToken: string | null;

site/src/pages/CreateTemplatePage/VariableInput.tsx

@@ -5,7 +5,7 @@ import { makeStyles } from "@mui/styles";
 import TextField from "@mui/material/TextField";
 import { Stack } from "components/Stack/Stack";
 import { FC } from "react";
-import { TemplateVersionVariable } from "../../api/typesGenerated";
+import { TemplateVersionVariable } from "api/typesGenerated";
 
 const isBoolean = (variable: TemplateVersionVariable) => {
   return variable.type === "bool";

site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx

@@ -6,7 +6,7 @@ import {
   MockTemplateVersionParameter2,
   MockTemplateVersionParameter3,
   MockUser,
-} from "../../testHelpers/entities";
+} from "testHelpers/entities";
 import { CreateWorkspacePageView } from "./CreateWorkspacePageView";
 
 const meta: Meta<typeof CreateWorkspacePageView> = {

site/src/pages/CreateWorkspacePage/SelectedTemplate.stories.tsx

@@ -1,4 +1,4 @@
-import { MockTemplate } from "../../testHelpers/entities";
+import { MockTemplate } from "testHelpers/entities";
 import { SelectedTemplate } from "./SelectedTemplate";
 import type { Meta, StoryObj } from "@storybook/react";
 

site/src/pages/DeploySettingsPage/LicensesSettingsPage/LicenseCard.test.tsx

@@ -1,5 +1,5 @@
 import { screen } from "@testing-library/react";
-import { render } from "../../../testHelpers/renderHelpers";
+import { render } from "testHelpers/renderHelpers";
 import { LicenseCard } from "./LicenseCard";
 import { MockLicenseResponse } from "testHelpers/entities";
 

site/src/pages/LoginPage/LoginPage.tsx

@@ -2,7 +2,7 @@ import { useAuth } from "components/AuthProvider/AuthProvider";
 import { FC } from "react";
 import { Helmet } from "react-helmet-async";
 import { Navigate, useLocation } from "react-router-dom";
-import { retrieveRedirect } from "../../utils/redirect";
+import { retrieveRedirect } from "utils/redirect";
 import { LoginPageView } from "./LoginPageView";
 
 export const LoginPage: FC = () => {

site/src/pages/SetupPage/SetupPageView.tsx

@@ -14,7 +14,7 @@ import {
   onChangeTrimmed,
 } from "utils/formUtils";
 import * as Yup from "yup";
-import * as TypesGen from "../../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 
 export const Language = {
   emailLabel: "Email",

site/src/pages/TemplateSettingsPage/TemplateGeneralSettingsPage/TemplateSettingsPage.test.tsx

@@ -3,11 +3,11 @@ import userEvent from "@testing-library/user-event";
 import * as API from "api/api";
 import { UpdateTemplateMeta } from "api/typesGenerated";
 import { Language as FooterFormLanguage } from "components/FormFooter/FormFooter";
-import { MockTemplate } from "../../../testHelpers/entities";
+import { MockTemplate } from "testHelpers/entities";
 import {
   renderWithTemplateSettingsLayout,
   waitForLoaderToBeRemoved,
-} from "../../../testHelpers/renderHelpers";
+} from "testHelpers/renderHelpers";
 import { getValidationSchema } from "./TemplateSettingsForm";
 import { TemplateSettingsPage } from "./TemplateSettingsPage";
 

site/src/pages/TemplateSettingsPage/TemplateSettingsLayout.tsx

@@ -3,7 +3,7 @@ import { Sidebar } from "./Sidebar";
 import { Stack } from "components/Stack/Stack";
 import { createContext, FC, Suspense, useContext } from "react";
 import { Helmet } from "react-helmet-async";
-import { pageTitle } from "../../utils/page";
+import { pageTitle } from "utils/page";
 import { Loader } from "components/Loader/Loader";
 import { Outlet, useParams } from "react-router-dom";
 import { Margins } from "components/Margins/Margins";

site/src/pages/TemplatesPage/TemplatesPage.tsx

@@ -2,7 +2,7 @@ import { useOrganizationId } from "hooks/useOrganizationId";
 import { usePermissions } from "hooks/usePermissions";
 import { FC } from "react";
 import { Helmet } from "react-helmet-async";
-import { pageTitle } from "../../utils/page";
+import { pageTitle } from "utils/page";
 import { TemplatesPageView } from "./TemplatesPageView";
 import { templateExamples, templates } from "api/queries/templates";
 import { useQuery } from "@tanstack/react-query";

site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx

@@ -3,7 +3,7 @@ import {
   MockTemplate,
   MockTemplateExample,
   MockTemplateExample2,
-} from "../../testHelpers/entities";
+} from "testHelpers/entities";
 import { TemplatesPageView } from "./TemplatesPageView";
 import type { Meta, StoryObj } from "@storybook/react";
 

site/src/pages/TerminalPage/TerminalPage.test.tsx

@@ -11,8 +11,8 @@ import { TextDecoder, TextEncoder } from "util";
 import {
   renderWithAuth,
   waitForLoaderToBeRemoved,
-} from "../../testHelpers/renderHelpers";
-import { server } from "../../testHelpers/server";
+} from "testHelpers/renderHelpers";
+import { server } from "testHelpers/server";
 import TerminalPage, { Language } from "./TerminalPage";
 import * as API from "api/api";
 

site/src/pages/TerminalPage/TerminalPage.tsx

@@ -12,9 +12,9 @@ import { FitAddon } from "xterm-addon-fit";
 import { WebLinksAddon } from "xterm-addon-web-links";
 import { Unicode11Addon } from "xterm-addon-unicode11";
 import "xterm/css/xterm.css";
-import { MONOSPACE_FONT_FAMILY } from "../../theme/constants";
-import { pageTitle } from "../../utils/page";
-import { terminalMachine } from "../../xServices/terminal/terminalXService";
+import { MONOSPACE_FONT_FAMILY } from "theme/constants";
+import { pageTitle } from "utils/page";
+import { terminalMachine } from "xServices/terminal/terminalXService";
 import { useProxy } from "contexts/ProxyContext";
 import Box from "@mui/material/Box";
 import { useDashboard } from "components/Dashboard/DashboardProvider";

site/src/pages/UserSettingsPage/SSHKeysPage/SSHKeysPage.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, screen, within } from "@testing-library/react";
-import * as API from "../../../api/api";
-import { renderWithAuth } from "../../../testHelpers/renderHelpers";
+import * as API from "api/api";
+import { renderWithAuth } from "testHelpers/renderHelpers";
 import { Language as SSHKeysPageLanguage, SSHKeysPage } from "./SSHKeysPage";
 import { MockGitSSHKey, mockApiError } from "testHelpers/entities";
 

site/src/pages/UserSettingsPage/SecurityPage/SecurityPage.test.tsx

@@ -1,10 +1,10 @@
 import { fireEvent, screen, waitFor, within } from "@testing-library/react";
-import * as API from "../../../api/api";
+import * as API from "api/api";
 import * as SecurityForm from "./SettingsSecurityForm";
 import {
   renderWithAuth,
   waitForLoaderToBeRemoved,
-} from "../../../testHelpers/renderHelpers";
+} from "testHelpers/renderHelpers";
 import { SecurityPage } from "./SecurityPage";
 import {
   MockAuthMethodsWithPasswordType,

site/src/pages/UserSettingsPage/SecurityPage/SingleSignOnSection.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Section } from "../../../components/SettingsLayout/Section";
+import { Section } from "components/SettingsLayout/Section";
 import TextField from "@mui/material/TextField";
 import Box from "@mui/material/Box";
 import GitHubIcon from "@mui/icons-material/GitHub";

site/src/pages/UsersPage/UsersPage.tsx

@@ -11,9 +11,9 @@ import { FC, ReactNode, useEffect } from "react";
 import { Helmet } from "react-helmet-async";
 import { useSearchParams, useNavigate } from "react-router-dom";
 import { usersMachine } from "xServices/users/usersXService";
-import { ConfirmDialog } from "../../components/Dialogs/ConfirmDialog/ConfirmDialog";
+import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
 import { ResetPasswordDialog } from "./ResetPasswordDialog";
-import { pageTitle } from "../../utils/page";
+import { pageTitle } from "utils/page";
 import { UsersPageView } from "./UsersPageView";
 import { useStatusFilterMenu } from "./UsersFilter";
 import { useFilter } from "components/Filter/filter";

site/src/pages/UsersPage/UsersPageView.tsx

@@ -1,7 +1,7 @@
 import { PaginationWidget } from "components/PaginationWidget/PaginationWidget";
 import { ComponentProps, FC } from "react";
 import { PaginationMachineRef } from "xServices/pagination/paginationXService";
-import * as TypesGen from "../../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 import { UsersTable } from "./UsersTable/UsersTable";
 import { UsersFilter } from "./UsersFilter";
 import {

site/src/pages/UsersPage/UsersTable/UsersTable.tsx

@@ -5,8 +5,8 @@ import TableContainer from "@mui/material/TableContainer";
 import TableHead from "@mui/material/TableHead";
 import TableRow from "@mui/material/TableRow";
 import { FC } from "react";
-import * as TypesGen from "../../../api/typesGenerated";
-import { Stack } from "../../../components/Stack/Stack";
+import * as TypesGen from "api/typesGenerated";
+import { Stack } from "components/Stack/Stack";
 import { UserRoleHelpTooltip } from "./UserRoleHelpTooltip";
 import { UsersTableBody } from "./UsersTableBody";
 

site/src/pages/UsersPage/UsersTable/UsersTableBody.tsx

@@ -5,15 +5,15 @@ import TableRow from "@mui/material/TableRow";
 import { ChooseOne, Cond } from "components/Conditionals/ChooseOne";
 import { Pill } from "components/Pill/Pill";
 import { type FC } from "react";
-import * as TypesGen from "../../../api/typesGenerated";
-import { combineClasses } from "../../../utils/combineClasses";
-import { AvatarData } from "../../../components/AvatarData/AvatarData";
-import { EmptyState } from "../../../components/EmptyState/EmptyState";
+import * as TypesGen from "api/typesGenerated";
+import { combineClasses } from "utils/combineClasses";
+import { AvatarData } from "components/AvatarData/AvatarData";
+import { EmptyState } from "components/EmptyState/EmptyState";
 import {
   TableLoaderSkeleton,
   TableRowSkeleton,
-} from "../../../components/TableLoader/TableLoader";
-import { TableRowMenu } from "../../../components/TableRowMenu/TableRowMenu";
+} from "components/TableLoader/TableLoader";
+import { TableRowMenu } from "components/TableRowMenu/TableRowMenu";
 import { EditRolesButton } from "./EditRolesButton";
 import { Stack } from "components/Stack/Stack";
 import { EnterpriseBadge } from "components/DeploySettingsLayout/Badges";

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.test.tsx

@@ -1,6 +1,6 @@
 import { screen, waitFor } from "@testing-library/react";
 import WS from "jest-websocket-mock";
-import { renderWithAuth } from "../../testHelpers/renderHelpers";
+import { renderWithAuth } from "testHelpers/renderHelpers";
 import { WorkspaceBuildPage } from "./WorkspaceBuildPage";
 import { MockWorkspace, MockWorkspaceBuild } from "testHelpers/entities";
 import * as API from "api/api";

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.stories.tsx

@@ -3,7 +3,7 @@ import {
   MockFailedWorkspaceBuild,
   MockWorkspaceBuild,
   MockWorkspaceBuildLogs,
-} from "../../testHelpers/entities";
+} from "testHelpers/entities";
 import { WorkspaceBuildPageView } from "./WorkspaceBuildPageView";
 
 const defaultBuilds = Array.from({ length: 15 }, (_, i) => ({

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx

@@ -1,9 +1,9 @@
 import { BuildAvatar } from "components/BuildAvatar/BuildAvatar";
 import { FC } from "react";
-import { ProvisionerJobLog, WorkspaceBuild } from "../../api/typesGenerated";
-import { Loader } from "../../components/Loader/Loader";
-import { Stack } from "../../components/Stack/Stack";
-import { WorkspaceBuildLogs } from "../../components/WorkspaceBuildLogs/WorkspaceBuildLogs";
+import { ProvisionerJobLog, WorkspaceBuild } from "api/typesGenerated";
+import { Loader } from "components/Loader/Loader";
+import { Stack } from "components/Stack/Stack";
+import { WorkspaceBuildLogs } from "components/WorkspaceBuildLogs/WorkspaceBuildLogs";
 import { makeStyles } from "@mui/styles";
 import {
   FullWidthPageHeader,

site/src/pages/WorkspaceSettingsPage/WorkspaceSchedulePage/schedule.ts

@@ -2,7 +2,7 @@ import * as cronParser from "cron-parser";
 import dayjs from "dayjs";
 import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";
-import { extractTimezone, stripTimezone } from "../../../utils/schedule";
+import { extractTimezone, stripTimezone } from "utils/schedule";
 import { Autostop } from "./ttl";
 import { WorkspaceScheduleFormValues } from "./WorkspaceScheduleForm";
 import map from "lodash/map";

site/src/pages/WorkspaceSettingsPage/WorkspaceSettingsLayout.tsx

@@ -3,7 +3,7 @@ import { Sidebar } from "./Sidebar";
 import { Stack } from "components/Stack/Stack";
 import { createContext, FC, Suspense, useContext } from "react";
 import { Helmet } from "react-helmet-async";
-import { pageTitle } from "../../utils/page";
+import { pageTitle } from "utils/page";
 import { Loader } from "components/Loader/Loader";
 import { Outlet, useParams } from "react-router-dom";
 import { Margins } from "components/Margins/Margins";

site/src/testHelpers/handlers.ts

@@ -1,6 +1,6 @@
 import { rest } from "msw";
-import { CreateWorkspaceBuildRequest } from "../api/typesGenerated";
-import { permissionsToCheck } from "../xServices/auth/authXService";
+import { CreateWorkspaceBuildRequest } from "api/typesGenerated";
+import { permissionsToCheck } from "xServices/auth/authXService";
 import * as M from "./entities";
 import { MockGroup, MockWorkspaceQuota } from "./entities";
 import fs from "fs";

site/src/utils/apps.ts

@@ -1,4 +1,4 @@
-import * as TypesGen from "../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 
 export const createAppLinkHref = (
   protocol: string,

site/src/utils/filters.test.ts

@@ -1,4 +1,4 @@
-import * as TypesGen from "../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 import { queryToFilter } from "./filters";
 
 describe("queryToFilter", () => {

site/src/utils/filters.ts

@@ -1,4 +1,4 @@
-import * as TypesGen from "../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 
 export const queryToFilter = (
   query?: string,

site/src/utils/schedule.test.ts

@@ -1,7 +1,7 @@
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
-import { Workspace } from "../api/typesGenerated";
-import * as Mocks from "../testHelpers/entities";
+import { Workspace } from "api/typesGenerated";
+import * as Mocks from "testHelpers/entities";
 import {
   deadlineExtensionMax,
   deadlineExtensionMin,

site/src/utils/workspace.test.ts

@@ -1,6 +1,6 @@
 import dayjs from "dayjs";
-import * as TypesGen from "../api/typesGenerated";
-import * as Mocks from "../testHelpers/entities";
+import * as TypesGen from "api/typesGenerated";
+import * as Mocks from "testHelpers/entities";
 import {
   defaultWorkspaceExtension,
   getDisplayVersionStatus,

site/src/utils/workspace.tsx

@@ -4,7 +4,7 @@ import duration from "dayjs/plugin/duration";
 import minMax from "dayjs/plugin/minMax";
 import utc from "dayjs/plugin/utc";
 import semver from "semver";
-import * as TypesGen from "../api/typesGenerated";
+import * as TypesGen from "api/typesGenerated";
 import CircularProgress from "@mui/material/CircularProgress";
 import ErrorIcon from "@mui/icons-material/ErrorOutline";
 import StopIcon from "@mui/icons-material/StopOutlined";

site/src/xServices/auth/authXService.ts

@@ -1,7 +1,7 @@
 import { assign, createMachine } from "xstate";
-import * as API from "../../api/api";
-import * as TypesGen from "../../api/typesGenerated";
-import { displaySuccess } from "../../components/GlobalSnackbar/utils";
+import * as API from "api/api";
+import * as TypesGen from "api/typesGenerated";
+import { displaySuccess } from "components/GlobalSnackbar/utils";
 
 export const Language = {
   successProfileUpdate: "Updated settings.",

site/src/xServices/users/usersXService.ts

@@ -5,15 +5,12 @@ import {
   PaginationMachineRef,
 } from "xServices/pagination/paginationXService";
 import { assign, createMachine, send, spawn } from "xstate";
-import * as API from "../../api/api";
-import { getErrorMessage } from "../../api/errors";
-import * as TypesGen from "../../api/typesGenerated";
-import {
-  displayError,
-  displaySuccess,
-} from "../../components/GlobalSnackbar/utils";
-import { queryToFilter } from "../../utils/filters";
-import { generateRandomString } from "../../utils/random";
+import * as API from "api/api";
+import { getErrorMessage } from "api/errors";
+import * as TypesGen from "api/typesGenerated";
+import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
+import { queryToFilter } from "utils/filters";
+import { generateRandomString } from "utils/random";
 
 const usersPaginationId = "usersPagination";
 

site/src/xServices/workspaceSchedule/workspaceScheduleBannerXService.ts

@@ -8,11 +8,8 @@ import dayjs from "dayjs";
 import minMax from "dayjs/plugin/minMax";
 import { getDeadline, getMaxDeadline, getMinDeadline } from "utils/schedule";
 import { assign, createMachine } from "xstate";
-import * as API from "../../api/api";
-import {
-  displayError,
-  displaySuccess,
-} from "../../components/GlobalSnackbar/utils";
+import * as API from "api/api";
+import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 
 dayjs.extend(minMax);
 

site/src/xServices/workspaceSchedule/workspaceScheduleXService.ts

@@ -3,8 +3,8 @@
  * an individual workspace's schedule.
  */
 import { assign, createMachine } from "xstate";
-import * as API from "../../api/api";
-import * as TypesGen from "../../api/typesGenerated";
+import * as API from "api/api";
+import * as TypesGen from "api/typesGenerated";
 
 type Permissions = Record<keyof ReturnType<typeof permissionsToCheck>, boolean>;