move to paths

frontend/src/lib/components/GroupModal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { userStore, workspaceStore } from '../../stores'
 
-	import Modal from '../../routes/components/Modal.svelte'
+	import Modal from './Modal.svelte'
 	import { type Group, GroupService, UserService } from '../../gen'
 	import AutoComplete from 'simple-svelte-autocomplete'
 	import PageHeader from './PageHeader.svelte'

frontend/src/lib/components/InviteGlobalUser.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { sendUserToast } from '../../utils'
-	import Switch from '../components/Switch.svelte'
+	import Switch from './Switch.svelte'
 
 	import type Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'

frontend/src/lib/components/InviteUser.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { sendUserToast } from '../../utils'
-	import Switch from '../components/Switch.svelte'
+	import Switch from './Switch.svelte'
 
 	import type Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'

frontend/src/lib/components/ResourceEditor.svelte

@@ -1,11 +1,6 @@
 <script lang="ts">
-	import {
-		type Resource,
-		ResourceService,
-		type ResourceType,
-		VariableService
-	} from '../../../src/gen'
-	import { allTrue, emptySchema, sendUserToast } from '../../../src/utils'
+	import { type Resource, ResourceService, type ResourceType, VariableService } from '../../gen'
+	import { allTrue, emptySchema, sendUserToast } from '../../utils'
 	import { createEventDispatcher } from 'svelte'
 	import type { Schema } from '../../common'
 	import Modal from './Modal.svelte'

frontend/src/lib/components/SchemaModal.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
 	import type { SchemaProperty } from '../../common'
-	import Modal from '../../routes/components/Modal.svelte'
+	import Modal from './Modal.svelte'
 
 	export const ARG_TYPES = ['integer', 'number', 'string', 'boolean', 'object', 'array'] as const
 	export type ArgType = typeof ARG_TYPES[number]

frontend/src/lib/components/VariableEditor.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import Password from '../components/Password.svelte'
+	import Password from './Password.svelte'
 	import { sendUserToast } from '../../utils'
 	import { VariableService } from '../../gen'
-	import AutosizedTextarea from '../components/AutosizedTextarea.svelte'
-	import Path from '../components/Path.svelte'
+	import AutosizedTextarea from './AutosizedTextarea.svelte'
+	import Path from './Path.svelte'
 	import Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'
 	import { workspaceStore } from '../../stores'

frontend/src/routes/audit_logs.svelte

@@ -4,10 +4,10 @@
 	import { page } from '$app/stores'
 	import { displayDate, sendUserToast } from '../utils'
 	import { goto } from '$app/navigation'
-	import PageHeader from './components/PageHeader.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 	import { userStore, workspaceStore } from '../stores'
-	import TableCustom from './components/TableCustom.svelte'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import { faCross, faEdit, faPlay, faPlus, faQuestion } from '@fortawesome/free-solid-svg-icons'
 

frontend/src/routes/connection_added.svelte

@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation'
 	import { page } from '$app/stores'
 	import { sendUserToast } from '../utils'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 
 	let error = $page.url.searchParams.get('error')
 	let client_name = $page.url.searchParams.get('client_name')

frontend/src/routes/flows.svelte

@@ -16,14 +16,14 @@
 		faShare
 	} from '@fortawesome/free-solid-svg-icons'
 
-	import Dropdown from './components/Dropdown.svelte'
-	import PageHeader from './components/PageHeader.svelte'
-	import Tooltip from './components/Tooltip.svelte'
-	import ShareModal from './components/ShareModal.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import { superadmin, userStore, workspaceStore } from '../stores'
-	import CenteredPage from './components/CenteredPage.svelte'
-	import Tabs from './components/Tabs.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import Tabs from '$lib/components/Tabs.svelte'
 
 	type Tab = 'all' | 'personal' | 'groups' | 'shared'
 	type Section = [string, FlowW[]]

frontend/src/routes/flows/add.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores'
 
-	import FlowBuilder from '../components/FlowBuilder.svelte'
+	import FlowBuilder from '$lib/components/FlowBuilder.svelte'
 	import type { Flow } from '../../gen'
 	import { emptySchema } from '../../utils'
 

frontend/src/routes/flows/edit/[...path].svelte

@@ -3,7 +3,7 @@
 
 	import { page } from '$app/stores'
 	import { workspaceStore } from '../../../stores'
-	import FlowBuilder from '../../components/FlowBuilder.svelte'
+	import FlowBuilder from '$lib/components/FlowBuilder.svelte'
 	import { emptySchema } from '../../../utils'
 
 	const initialState = $page.url.searchParams.get('state')

frontend/src/routes/flows/get/[...path].svelte

@@ -15,14 +15,14 @@
 	import json from 'svelte-highlight/languages/json'
 
 	import github from 'svelte-highlight/styles/github'
-	import Tooltip from '../../components/Tooltip.svelte'
-	import ShareModal from '../../components/ShareModal.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
 	import { userStore, workspaceStore } from '../../../stores'
-	import SharedBadge from '../../components/SharedBadge.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
-	import SchemaViewer from '../../components/SchemaViewer.svelte'
-	import Dropdown from '../../components/Dropdown.svelte'
-	import CenteredPage from '../../components/CenteredPage.svelte'
+	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 
 	let flow: Flow | undefined
 	let can_write = false

frontend/src/routes/flows/run/[...path].svelte

@@ -4,9 +4,9 @@
 	import { FlowService, type Flow, JobService } from '../../../gen'
 	import { goto } from '$app/navigation'
 	import { workspaceStore } from '../../../stores'
-	import CenteredPage from '../../components/CenteredPage.svelte'
-	import RunForm from '../../components/RunForm.svelte'
-	import PageHeader from '../../components/PageHeader.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import RunForm from '$lib/components/RunForm.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 
 	const path = $page.params.path
 	let flow: Flow | undefined

frontend/src/routes/groups.svelte

@@ -3,16 +3,16 @@
 	import { GroupService } from '../gen'
 	import type { Group } from '../gen'
 
-	import PageHeader from './components/PageHeader.svelte'
-	import TableCustom from './components/TableCustom.svelte'
-	import Dropdown from './components/Dropdown.svelte'
-	import ShareModal from './components/ShareModal.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import { faEdit, faPlus, faShare } from '@fortawesome/free-solid-svg-icons'
 	import { userStore, workspaceStore } from '../stores'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
-	import GroupModal from './components/GroupModal.svelte'
+	import GroupModal from '$lib/components/GroupModal.svelte'
 
 	type GroupW = Group & { canWrite: boolean }
 

frontend/src/routes/index.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 
 	goto('/scripts')
 </script>

frontend/src/routes/resources.svelte

@@ -2,27 +2,27 @@
 	import { canWrite, emptySchema, sendUserToast } from '../utils'
 	import { ResourceService } from '../gen'
 	import type { Resource, ResourceType } from '../gen'
-	import PageHeader from './components/PageHeader.svelte'
-	import ResourceEditor from './components/ResourceEditor.svelte'
-	import Button from './components/Button.svelte'
-	import TableCustom from './components/TableCustom.svelte'
-	import Modal from './components/Modal.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import ResourceEditor from '$lib/components/ResourceEditor.svelte'
+	import Button from '$lib/components/Button.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import Modal from '$lib/components/Modal.svelte'
 	import Highlight from 'svelte-highlight'
 	import json from 'svelte-highlight/languages/json'
 	import github from 'svelte-highlight/styles/github'
-	import IconedResourceType from './components/IconedResourceType.svelte'
-	import ShareModal from './components/ShareModal.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
+	import IconedResourceType from '$lib/components/IconedResourceType.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
 	import { userStore, workspaceStore, type UserExt } from '../stores'
-	import SchemaEditor from './components/SchemaEditor.svelte'
+	import SchemaEditor from '$lib/components/SchemaEditor.svelte'
 	import type { Schema } from '../common'
-	import SchemaViewer from './components/SchemaViewer.svelte'
-	import Dropdown from './components/Dropdown.svelte'
+	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
 	import { faEdit, faPlus, faShare, faTrash } from '@fortawesome/free-solid-svg-icons'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
-	import Required from './components/Required.svelte'
+	import Required from '$lib/components/Required.svelte'
 
 	type ResourceW = Resource & { canWrite: boolean }
 	type ResourceTypeW = ResourceType & { canWrite: boolean }

frontend/src/routes/run/[...run].svelte

@@ -28,18 +28,18 @@
 		faScroll,
 		faWind
 	} from '@fortawesome/free-solid-svg-icons'
-	import Tooltip from '../components/Tooltip.svelte'
-	import DisplayResult from '../components/DisplayResult.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
+	import DisplayResult from '$lib/components/DisplayResult.svelte'
 
 	import Highlight from 'svelte-highlight'
 	import { python, typescript } from 'svelte-highlight/languages'
 	import github from 'svelte-highlight/styles/github'
 	import { userStore, workspaceStore } from '../../stores'
-	import CenteredPage from '../components/CenteredPage.svelte'
-	import FlowStatusViewer from '../components/FlowStatusViewer.svelte'
-	import JobStatus from '../components/JobStatus.svelte'
-	import TableCustom from '../components/TableCustom.svelte'
-	import ArgInfo from '../components/ArgInfo.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import FlowStatusViewer from '$lib/components/FlowStatusViewer.svelte'
+	import JobStatus from '$lib/components/JobStatus.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import ArgInfo from '$lib/components/ArgInfo.svelte'
 
 	let workspace_id_query: string | undefined = $page.url.searchParams.get('workspace') ?? undefined
 	let workspace_id: string | undefined

frontend/src/routes/runs/[...path].svelte

@@ -17,10 +17,10 @@
 	import { page } from '$app/stores'
 	import { sendUserToast } from '../../utils'
 	import { goto } from '$app/navigation'
-	import PageHeader from '../components/PageHeader.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 	import { workspaceStore } from '../../stores'
-	import CenteredPage from '../components/CenteredPage.svelte'
-	import Tabs from '../components/Tabs.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import Tabs from '$lib/components/Tabs.svelte'
 
 	let jobs: Job[] | undefined
 	let error: Error | undefined

frontend/src/routes/schedule/add.svelte

@@ -3,16 +3,16 @@
 	import { sendUserToast, displayDate } from '../../utils'
 	import { ScriptService, type Script, ScheduleService, type Flow, FlowService } from '../../gen'
 
-	import PageHeader from '../components/PageHeader.svelte'
-	import Path from '../components/Path.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import Path from '$lib/components/Path.svelte'
 
-	import Tooltip from '../components/Tooltip.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
 	import { goto } from '$app/navigation'
 	import { workspaceStore } from '../../stores'
-	import CenteredPage from '../components/CenteredPage.svelte'
-	import SchemaForm from '../components/SchemaForm.svelte'
-	import ScriptPicker from '../components/ScriptPicker.svelte'
-	import Required from '../components/Required.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import SchemaForm from '$lib/components/SchemaForm.svelte'
+	import ScriptPicker from '$lib/components/ScriptPicker.svelte'
+	import Required from '$lib/components/Required.svelte'
 
 	let initialPath = $page.url.searchParams.get('edit') || ''
 	let edit = initialPath === '' ? false : true

frontend/src/routes/schedules.svelte

@@ -2,12 +2,12 @@
 	import { sendUserToast, displayDate, canWrite } from '../utils'
 	import { type Schedule, ScheduleService } from '../gen'
 
-	import PageHeader from './components/PageHeader.svelte'
-	import TableCustom from './components/TableCustom.svelte'
-	import Dropdown from './components/Dropdown.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
 	import { goto } from '$app/navigation'
-	import ShareModal from './components/ShareModal.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import {
 		faEdit,
 		faPlus,
@@ -16,7 +16,7 @@
 		faToggleOn
 	} from '@fortawesome/free-solid-svg-icons'
 	import { userStore, workspaceStore } from '../stores'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 
 	type ScheduleW = Schedule & { canWrite: boolean }

frontend/src/routes/scripts.svelte

@@ -15,15 +15,15 @@
 	import { ScriptService } from '../gen'
 	import { superadmin, userStore, workspaceStore } from '../stores'
 	import { canWrite, groupBy, sendUserToast, truncateHash } from '../utils'
-	import Badge from './components/Badge.svelte'
-	import CenteredPage from './components/CenteredPage.svelte'
-	import Dropdown from './components/Dropdown.svelte'
-	import Modal from './components/Modal.svelte'
-	import PageHeader from './components/PageHeader.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
-	import ShareModal from './components/ShareModal.svelte'
-	import Tabs from './components/Tabs.svelte'
-	import Tooltip from './components/Tooltip.svelte'
+	import Badge from '$lib/components/Badge.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import Modal from '$lib/components/Modal.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import Tabs from '$lib/components/Tabs.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
 
 	type Tab = 'all' | 'personal' | 'groups' | 'shared' | 'community'
 	type Section = [string, ScriptW[]]

frontend/src/routes/scripts/add.svelte

@@ -3,7 +3,7 @@
 
 	import { page } from '$app/stores'
 	import { workspaceStore } from '../../stores'
-	import ScriptBuilder from '../components/ScriptBuilder.svelte'
+	import ScriptBuilder from '$lib/components/ScriptBuilder.svelte'
 	import type { Schema } from '../../common'
 	import { emptySchema, sendUserToast } from '../../utils'
 

frontend/src/routes/scripts/edit/[...hash].svelte

@@ -3,7 +3,7 @@
 
 	import { page } from '$app/stores'
 	import { workspaceStore } from '../../../stores'
-	import ScriptBuilder from '../../components/ScriptBuilder.svelte'
+	import ScriptBuilder from '$lib/components/ScriptBuilder.svelte'
 
 	const initialState = $page.url.searchParams.get('state')
 	let scriptLoadedFromUrl = initialState != undefined ? JSON.parse(atob(initialState)) : undefined

frontend/src/routes/scripts/get/[...hash].svelte

@@ -17,14 +17,14 @@
 	import { typescript, python } from 'svelte-highlight/languages'
 
 	import github from 'svelte-highlight/styles/github'
-	import Tooltip from '../../components/Tooltip.svelte'
-	import ShareModal from '../../components/ShareModal.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
 	import { userStore, workspaceStore } from '../../../stores'
-	import SharedBadge from '../../components/SharedBadge.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
-	import SchemaViewer from '../../components/SchemaViewer.svelte'
-	import Dropdown from '../../components/Dropdown.svelte'
-	import CenteredPage from '../../components/CenteredPage.svelte'
+	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import { onDestroy } from 'svelte'
 
 	let script: Script | undefined

frontend/src/routes/scripts/run/[...hash].svelte

@@ -5,9 +5,9 @@
 	import { goto } from '$app/navigation'
 	import { workspaceStore } from '../../../stores'
 	import { inferArgs } from '../../../infer'
-	import CenteredPage from '../../components/CenteredPage.svelte'
-	import RunForm from '../../components/RunForm.svelte'
-	import PageHeader from '../../components/PageHeader.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
+	import RunForm from '$lib/components/RunForm.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 
 	const hash = $page.params.hash
 	let script: Script | undefined

frontend/src/routes/user/settings@user.svelte

@@ -4,10 +4,10 @@
 	import type { TruncatedToken, NewToken } from '../../gen'
 	import { UserService, SettingsService } from '../../gen'
 	import { displayDate, sendUserToast, getToday } from '../../utils'
-	import PageHeader from './../components/PageHeader.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
-	import TableCustom from '../components/TableCustom.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
 	import CenteredModal from './CenteredModal.svelte'
 
 	let newPassword: string | undefined

frontend/src/routes/user/superadmin_settings@user.svelte

@@ -7,10 +7,10 @@
 	import { displayDate, sendUserToast, getToday } from '../../utils'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
-	import TableCustom from '../components/TableCustom.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
 	import CenteredModal from './CenteredModal.svelte'
-	import PageHeader from '../components/PageHeader.svelte'
-	import InviteGlobalUser from '../components/InviteGlobalUser.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import InviteGlobalUser from '$lib/components/InviteGlobalUser.svelte'
 
 	let version: string | undefined
 	let users: GlobalUserInfo[] = []

frontend/src/routes/user/workspaces@user.svelte

@@ -5,7 +5,7 @@
 	import { UserService, type WorkspaceInvite, WorkspaceService } from '../../gen'
 	import { superadmin, usersWorkspaceStore, workspaceStore } from '../../stores'
 	import CenteredModal from './CenteredModal.svelte'
-	import Switch from '../components/Switch.svelte'
+	import Switch from '$lib/components/Switch.svelte'
 	import { faCrown, faUser, faUserAlt, faUserCog } from '@fortawesome/free-solid-svg-icons'
 	import Icon from 'svelte-awesome'
 

frontend/src/routes/variables.svelte

@@ -2,15 +2,15 @@
 	import { canWrite, sendUserToast } from '../utils'
 	import { VariableService } from '../gen'
 	import type { ListableVariable, ContextualVariable } from '../gen'
-	import Dropdown from './components/Dropdown.svelte'
-	import PageHeader from './components/PageHeader.svelte'
-	import TableSimple from './components/TableSimple.svelte'
-	import TableCustom from './components/TableCustom.svelte'
-	import ShareModal from './components/ShareModal.svelte'
-	import SharedBadge from './components/SharedBadge.svelte'
-	import VariableEditor from './components/VariableEditor.svelte'
+	import Dropdown from '$lib/components/Dropdown.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import TableSimple from '$lib/components/TableSimple.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import ShareModal from '$lib/components/ShareModal.svelte'
+	import SharedBadge from '$lib/components/SharedBadge.svelte'
+	import VariableEditor from '$lib/components/VariableEditor.svelte'
 	import { userStore, workspaceStore } from './../stores'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
 

frontend/src/routes/workers.svelte

@@ -2,9 +2,9 @@
 	import { WorkerService, type WorkerPing } from '../gen'
 	import { onDestroy, onMount } from 'svelte'
 	import { displayDate, elapsedSinceSecs, groupBy, sendUserToast } from '../utils'
-	import PageHeader from './components/PageHeader.svelte'
-	import TableCustom from './components/TableCustom.svelte'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 
 	let workers: WorkerPing[] = []
 	let filteredWorkers: WorkerPing[] = []

frontend/src/routes/workspace_settings.svelte

@@ -3,15 +3,15 @@
 	import { UserService, type WorkspaceInvite, WorkspaceService } from '../gen'
 	import type { User } from '../gen'
 	import { sendUserToast } from '../utils'
-	import PageHeader from './components/PageHeader.svelte'
+	import PageHeader from '$lib/components/PageHeader.svelte'
 	import { userStore, usersWorkspaceStore, workspaceStore } from '../stores'
-	import CenteredPage from './components/CenteredPage.svelte'
+	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import { faSlack } from '@fortawesome/free-brands-svg-icons'
-	import TableCustom from './components/TableCustom.svelte'
+	import TableCustom from '$lib/components/TableCustom.svelte'
 	import { goto } from '$app/navigation'
-	import InviteUser from './components/InviteUser.svelte'
-	import ScriptPicker from './components/ScriptPicker.svelte'
+	import InviteUser from '$lib/components/InviteUser.svelte'
+	import ScriptPicker from '$lib/components/ScriptPicker.svelte'
 
 	let users: User[] = []
 	let invites: WorkspaceInvite[] = []