diff --git a/frontend/.gitignore b/frontend/.gitignore
index 51d1e5df7d..f737f7da6d 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -3,6 +3,6 @@ node_modules
 /build
 /.svelte-kit
 /package
-/src/gen
+/src/lib/gen
 CaddyfileRemoteRuben
-cypress/videos
\ No newline at end of file
+cypress/videos
diff --git a/frontend/package.json b/frontend/package.json
index f4c1052b14..9f1b2c8162 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -10,7 +10,7 @@
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
 		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
 		"package": "svelte-kit package && cd package && rm README.md && rm README_DEV.md && sed -i -e 's/windmill/windmill-components/g' package.json",
-		"generate-backend-client": "openapi --input ../backend/openapi.yaml --output ./src/gen --useOptions",
+		"generate-backend-client": "openapi --input ../backend/openapi.yaml --output ./src/lib/gen --useOptions",
 		"cypress:open": "cypress open",
 		"cypress:run": "cypress run"
 	},
diff --git a/frontend/src/common.ts b/frontend/src/lib/common.ts
similarity index 100%
rename from frontend/src/common.ts
rename to frontend/src/lib/common.ts
diff --git a/frontend/src/lib/components/ArgInfo.svelte b/frontend/src/lib/components/ArgInfo.svelte
index ca421caad3..49479cb22c 100644
--- a/frontend/src/lib/components/ArgInfo.svelte
+++ b/frontend/src/lib/components/ArgInfo.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { truncate } from '../../utils'
+	import { truncate } from '$lib/utils'
 	import Modal from './Modal.svelte'
 	import Tooltip from './Tooltip.svelte'
 	import json from 'svelte-highlight/languages/json'
 	import github from 'svelte-highlight/styles/github'
 	import { Highlight } from 'svelte-highlight'
-	import { ResourceService, type Resource } from '../../gen'
-	import { workspaceStore } from '../../stores'
+	import { ResourceService, type Resource } from '$lib/gen'
+	import { workspaceStore } from '$lib/stores'
 
 	export let value: any
 	let resourceViewer: Modal
diff --git a/frontend/src/lib/components/ButtonAndDropdown.svelte b/frontend/src/lib/components/ButtonAndDropdown.svelte
index 4fb3ccc15c..05349ab68f 100644
--- a/frontend/src/lib/components/ButtonAndDropdown.svelte
+++ b/frontend/src/lib/components/ButtonAndDropdown.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { faSortDown } from '@fortawesome/free-solid-svg-icons'
-	import type { DropdownItem } from '../../utils'
+	import type { DropdownItem } from '$lib/utils'
 	import { createEventDispatcher } from 'svelte'
 	import Icon from 'svelte-awesome'
 	import Dropdown from './Dropdown.svelte'
diff --git a/frontend/src/lib/components/Dropdown.svelte b/frontend/src/lib/components/Dropdown.svelte
index ef0f34776a..f9aa585695 100644
--- a/frontend/src/lib/components/Dropdown.svelte
+++ b/frontend/src/lib/components/Dropdown.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { clickOutside } from '../../utils'
-	import type { DropdownItem } from '../../utils'
+	import { clickOutside } from '$lib/utils'
+	import type { DropdownItem } from '$lib/utils'
 	import { createEventDispatcher } from 'svelte'
 	import Icon from 'svelte-awesome'
 	import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
diff --git a/frontend/src/lib/components/FlowBuilder.svelte b/frontend/src/lib/components/FlowBuilder.svelte
index 92731131d7..b9dc69c56f 100644
--- a/frontend/src/lib/components/FlowBuilder.svelte
+++ b/frontend/src/lib/components/FlowBuilder.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { type Flow, FlowService } from '../../gen'
+	import { type Flow, FlowService } from '$lib/gen'
 
-	import { sendUserToast } from '../../utils'
+	import { sendUserToast } from '$lib/utils'
 	import { page } from '$app/stores'
 	import { goto } from '$app/navigation'
 	import Path from './Path.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ScriptSchema from './ScriptSchema.svelte'
 	import Required from './Required.svelte'
 	import FlowEditor from './FlowEditor.svelte'
diff --git a/frontend/src/lib/components/FlowEditor.svelte b/frontend/src/lib/components/FlowEditor.svelte
index d5103d6d73..4e3ad36a8c 100644
--- a/frontend/src/lib/components/FlowEditor.svelte
+++ b/frontend/src/lib/components/FlowEditor.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
-	import type { Schema } from '../../common'
-	import { emptySchema, loadSchema } from '../../utils'
+	import type { Schema } from '$lib/common'
+	import { emptySchema, loadSchema } from '$lib/utils'
 
 	import Icon from 'svelte-awesome'
 
-	import { type Flow, FlowModuleValue, ScriptService } from '../../gen'
+	import { type Flow, FlowModuleValue, ScriptService } from '$lib/gen'
 	import SchemaEditor from './SchemaEditor.svelte'
 	import type SchemaForm from './SchemaForm.svelte'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ModuleStep from './ModuleStep.svelte'
 	import FlowPreview from './FlowPreview.svelte'
 
diff --git a/frontend/src/lib/components/FlowPreview.svelte b/frontend/src/lib/components/FlowPreview.svelte
index 3522d49783..5a1bd466fd 100644
--- a/frontend/src/lib/components/FlowPreview.svelte
+++ b/frontend/src/lib/components/FlowPreview.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
 	import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons'
-	import { sendUserToast, truncateRev } from '../../utils'
+	import { sendUserToast, truncateRev } from '$lib/utils'
 
 	import Icon from 'svelte-awesome'
 
-	import { type Flow, Job, JobService, InputTransform } from '../../gen'
+	import { type Flow, Job, JobService, InputTransform } from '$lib/gen'
 
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import RunForm from './RunForm.svelte'
 	import FlowStatusViewer from './FlowStatusViewer.svelte'
 	import { onDestroy } from 'svelte'
 	import ChevronButton from './ChevronButton.svelte'
 	import DisplayResult from './DisplayResult.svelte'
 	import Tabs from './Tabs.svelte'
-	import type { Schema } from '../../common'
+	import type { Schema } from '$lib/common'
 
 	export let i: number
 	export let flow: Flow
diff --git a/frontend/src/lib/components/FlowStatusViewer.svelte b/frontend/src/lib/components/FlowStatusViewer.svelte
index 65d2e2e486..edda9eccd6 100644
--- a/frontend/src/lib/components/FlowStatusViewer.svelte
+++ b/frontend/src/lib/components/FlowStatusViewer.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { faHourglassHalf, faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons'
-	import { truncateRev } from '../../utils'
+	import { truncateRev } from '$lib/utils'
 
 	import Icon from 'svelte-awesome'
 	import { check } from 'svelte-awesome/icons'
 
-	import { CompletedJob, FlowModuleValue, FlowStatusModule, JobService, QueuedJob } from '../../gen'
-	import { workspaceStore } from '../../stores'
+	import { CompletedJob, FlowModuleValue, FlowStatusModule, JobService, QueuedJob } from '$lib/gen'
+	import { workspaceStore } from '$lib/stores'
 	import DisplayResult from './DisplayResult.svelte'
 	import ChevronButton from './ChevronButton.svelte'
 	import JobStatus from './JobStatus.svelte'
diff --git a/frontend/src/lib/components/GroupModal.svelte b/frontend/src/lib/components/GroupModal.svelte
index 52d9b533a6..b968708cab 100644
--- a/frontend/src/lib/components/GroupModal.svelte
+++ b/frontend/src/lib/components/GroupModal.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { userStore, workspaceStore } from '../../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 
 	import Modal from './Modal.svelte'
-	import { type Group, GroupService, UserService } from '../../gen'
+	import { type Group, GroupService, UserService } from '$lib/gen'
 	import AutoComplete from 'simple-svelte-autocomplete'
 	import PageHeader from './PageHeader.svelte'
 	import TableCustom from './TableCustom.svelte'
-	import { canWrite } from '../../utils'
+	import { canWrite } from '$lib/utils'
 
 	let name = ''
 	let modal: Modal
diff --git a/frontend/src/lib/components/InviteGlobalUser.svelte b/frontend/src/lib/components/InviteGlobalUser.svelte
index a41cfc577e..c01fd2698b 100644
--- a/frontend/src/lib/components/InviteGlobalUser.svelte
+++ b/frontend/src/lib/components/InviteGlobalUser.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { sendUserToast } from '../../utils'
+	import { sendUserToast } from '$lib/utils'
 	import Switch from './Switch.svelte'
 
 	import type Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'
-	import { UserService } from '../../gen'
+	import { UserService } from '$lib/gen'
 
 	const dispatch = createEventDispatcher()
 
diff --git a/frontend/src/lib/components/InviteUser.svelte b/frontend/src/lib/components/InviteUser.svelte
index 064c8120fd..85f4697695 100644
--- a/frontend/src/lib/components/InviteUser.svelte
+++ b/frontend/src/lib/components/InviteUser.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { sendUserToast } from '../../utils'
+	import { sendUserToast } from '$lib/utils'
 	import Switch from './Switch.svelte'
 
 	import type Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'
-	import { workspaceStore } from '../../stores'
-	import { WorkspaceService } from '../../gen'
+	import { workspaceStore } from '$lib/stores'
+	import { WorkspaceService } from '$lib/gen'
 
 	const dispatch = createEventDispatcher()
 
diff --git a/frontend/src/lib/components/JobStatus.svelte b/frontend/src/lib/components/JobStatus.svelte
index b079c2f012..574cfb8d56 100644
--- a/frontend/src/lib/components/JobStatus.svelte
+++ b/frontend/src/lib/components/JobStatus.svelte
@@ -6,12 +6,12 @@
 		faHourglassHalf,
 		faTimes
 	} from '@fortawesome/free-solid-svg-icons'
-	import { displayDate, forLater } from '../../utils'
+	import { displayDate, forLater } from '$lib/utils'
 
 	import Icon from 'svelte-awesome'
 	import { check } from 'svelte-awesome/icons'
 
-	import type { CompletedJob, QueuedJob } from '../../gen'
+	import type { CompletedJob, QueuedJob } from '$lib/gen'
 
 	const SMALL_ICON_SCALE = 0.7
 
diff --git a/frontend/src/lib/components/ModuleStep.svelte b/frontend/src/lib/components/ModuleStep.svelte
index 80448e4b4d..c01e57d1a6 100644
--- a/frontend/src/lib/components/ModuleStep.svelte
+++ b/frontend/src/lib/components/ModuleStep.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { Schema } from '../../common'
-	import type { Flow, FlowModule } from '../../gen'
+	import type { Schema } from '$lib/common'
+	import type { Flow, FlowModule } from '$lib/gen'
 
 	import SchemaForm from './SchemaForm.svelte'
 	import ScriptPicker from './ScriptPicker.svelte'
-	import { emptySchema, loadSchema as UloadSchema } from '../../utils'
+	import { emptySchema, loadSchema as UloadSchema } from '$lib/utils'
 	import FlowPreview from './FlowPreview.svelte'
 
 	export let flow: Flow
diff --git a/frontend/src/lib/components/ObjectResourceInput.svelte b/frontend/src/lib/components/ObjectResourceInput.svelte
index 8314aa8a1b..2c65436c43 100644
--- a/frontend/src/lib/components/ObjectResourceInput.svelte
+++ b/frontend/src/lib/components/ObjectResourceInput.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { ResourceService } from '../../gen'
+	import { ResourceService } from '$lib/gen'
 
 	import ResourcePicker from './ResourcePicker.svelte'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import SchemaForm from './SchemaForm.svelte'
 	import RadioButton from './RadioButton.svelte'
 
diff --git a/frontend/src/lib/components/Path.svelte b/frontend/src/lib/components/Path.svelte
index fd4040cd52..4f471f305a 100644
--- a/frontend/src/lib/components/Path.svelte
+++ b/frontend/src/lib/components/Path.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { type Meta, pathToMeta } from '../../common'
+	import { type Meta, pathToMeta } from '$lib/common'
 
-	import type { Group } from '../../gen'
-	import { GroupService } from '../../gen'
+	import type { Group } from '$lib/gen'
+	import { GroupService } from '$lib/gen'
 	import Tooltip from './Tooltip.svelte'
-	import { userStore, workspaceStore } from '../../stores'
-	import { sleep } from '../../utils'
+	import { userStore, workspaceStore } from '$lib/stores'
+	import { sleep } from '$lib/utils'
 
 	export let meta: Meta = {
 		ownerKind: 'user',
diff --git a/frontend/src/lib/components/ResourceEditor.svelte b/frontend/src/lib/components/ResourceEditor.svelte
index 5a8b9d52a8..05b7c8ca0e 100644
--- a/frontend/src/lib/components/ResourceEditor.svelte
+++ b/frontend/src/lib/components/ResourceEditor.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { type Resource, ResourceService, type ResourceType, VariableService } from '../../gen'
-	import { allTrue, emptySchema, sendUserToast } from '../../utils'
+	import { type Resource, ResourceService, type ResourceType, VariableService } from '$lib/gen'
+	import { allTrue, emptySchema, sendUserToast } from '$lib/utils'
 	import { createEventDispatcher } from 'svelte'
-	import type { Schema } from '../../common'
+	import type { Schema } from '$lib/common'
 	import Modal from './Modal.svelte'
 	import Path from './Path.svelte'
 	import ArgInput from './ArgInput.svelte'
@@ -11,7 +11,7 @@
 	import VariableEditor from './VariableEditor.svelte'
 	import Required from './Required.svelte'
 
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ResourceTypePicker from './ResourceTypePicker.svelte'
 
 	let path = ''
diff --git a/frontend/src/lib/components/ResourcePicker.svelte b/frontend/src/lib/components/ResourcePicker.svelte
index 9e8c1d0675..c2ee04c51b 100644
--- a/frontend/src/lib/components/ResourcePicker.svelte
+++ b/frontend/src/lib/components/ResourcePicker.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { type Resource, ResourceService } from '../../gen'
-	import { workspaceStore } from '../../stores'
+	import { type Resource, ResourceService } from '$lib/gen'
+	import { workspaceStore } from '$lib/stores'
 
 	let resources: Resource[] = []
 
diff --git a/frontend/src/lib/components/ResourceTypePicker.svelte b/frontend/src/lib/components/ResourceTypePicker.svelte
index 1f243034cb..631209211e 100644
--- a/frontend/src/lib/components/ResourceTypePicker.svelte
+++ b/frontend/src/lib/components/ResourceTypePicker.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { createEventDispatcher } from 'svelte'
 
-	import { ResourceService } from '../../gen'
-	import { workspaceStore } from '../../stores'
+	import { ResourceService } from '$lib/gen'
+	import { workspaceStore } from '$lib/stores'
 	import IconedResourceType from './IconedResourceType.svelte'
 
 	let resources: string[] = []
diff --git a/frontend/src/lib/components/RunForm.svelte b/frontend/src/lib/components/RunForm.svelte
index 5e13932e9a..6c6a26f204 100644
--- a/frontend/src/lib/components/RunForm.svelte
+++ b/frontend/src/lib/components/RunForm.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import type { Script, Flow } from '../../gen'
-	import { getToday } from '../../utils'
+	import type { Script, Flow } from '$lib/gen'
+	import { getToday } from '$lib/utils'
 	import { slide } from 'svelte/transition'
 
 	import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons'
diff --git a/frontend/src/lib/components/SchemaEditor.svelte b/frontend/src/lib/components/SchemaEditor.svelte
index a1bb77d25b..092c1b142b 100644
--- a/frontend/src/lib/components/SchemaEditor.svelte
+++ b/frontend/src/lib/components/SchemaEditor.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import SchemaModal, { DEFAULT_PROPERTY, modalToSchema, schemaToModal } from './SchemaModal.svelte'
 	import type { ModalSchemaProperty } from './SchemaModal.svelte'
-	import type { Schema } from '../../common'
+	import type { Schema } from '$lib/common'
 	import Editor from './Editor.svelte'
-	import { emptySchema, sendUserToast } from '../../utils'
+	import { emptySchema, sendUserToast } from '$lib/utils'
 	import Tooltip from './Tooltip.svelte'
 	import TableCustom from './TableCustom.svelte'
 
diff --git a/frontend/src/lib/components/SchemaForm.svelte b/frontend/src/lib/components/SchemaForm.svelte
index 3124920e6c..66441c9f88 100644
--- a/frontend/src/lib/components/SchemaForm.svelte
+++ b/frontend/src/lib/components/SchemaForm.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { allTrue } from '../../utils'
+	import { allTrue } from '$lib/utils'
 
 	import { slide } from 'svelte/transition'
 
-	import type { Schema } from '../../common'
+	import type { Schema } from '$lib/common'
 	import ArgInput from './ArgInput.svelte'
 	import RadioButton from './RadioButton.svelte'
 	import Editor from './Editor.svelte'
diff --git a/frontend/src/lib/components/SchemaModal.svelte b/frontend/src/lib/components/SchemaModal.svelte
index 74006b8b0f..06204e4e45 100644
--- a/frontend/src/lib/components/SchemaModal.svelte
+++ b/frontend/src/lib/components/SchemaModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-	import type { SchemaProperty } from '../../common'
+	import type { SchemaProperty } from '$lib/common'
 	import Modal from './Modal.svelte'
 
 	export const ARG_TYPES = ['integer', 'number', 'string', 'boolean', 'object', 'array'] as const
diff --git a/frontend/src/lib/components/SchemaViewer.svelte b/frontend/src/lib/components/SchemaViewer.svelte
index a376425a5c..16f12159a8 100644
--- a/frontend/src/lib/components/SchemaViewer.svelte
+++ b/frontend/src/lib/components/SchemaViewer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { Schema } from '../../common'
-	import { emptySchema } from '../../utils'
+	import type { Schema } from '$lib/common'
+	import { emptySchema } from '$lib/utils'
 
 	import Highlight from 'svelte-highlight'
 	import json from 'svelte-highlight/languages/json'
diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte
index 0c57ede726..a26ea72f25 100644
--- a/frontend/src/lib/components/ScriptBuilder.svelte
+++ b/frontend/src/lib/components/ScriptBuilder.svelte
@@ -47,18 +47,18 @@ export async function main(x: string, y: string = 'default arg') {
 </script>
 
 <script lang="ts">
-	import { ScriptService, type Script } from '../../gen'
+	import { ScriptService, type Script } from '$lib/gen'
 
-	import { emptySchema, sendUserToast } from '../../utils'
+	import { emptySchema, sendUserToast } from '$lib/utils'
 	import { onDestroy } from 'svelte'
 	import ScriptEditor from './ScriptEditor.svelte'
 	import { page } from '$app/stores'
 	import { goto } from '$app/navigation'
 	import Path from './Path.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ScriptSchema from './ScriptSchema.svelte'
-	import { inferArgs } from '../../infer'
+	import { inferArgs } from '$lib/infer'
 	import Required from './Required.svelte'
 	import RadioButton from './RadioButton.svelte'
 
diff --git a/frontend/src/lib/components/ScriptEditor.svelte b/frontend/src/lib/components/ScriptEditor.svelte
index a3af381f9a..31e1971b92 100644
--- a/frontend/src/lib/components/ScriptEditor.svelte
+++ b/frontend/src/lib/components/ScriptEditor.svelte
@@ -6,9 +6,9 @@
 		VariableService,
 		ResourceService,
 		ScriptService
-	} from '../../gen'
-	import { sendUserToast, emptySchema, displayDate } from '../../utils'
-	import type { Schema } from '../../common'
+	} from '$lib/gen'
+	import { sendUserToast, emptySchema, displayDate } from '$lib/utils'
+	import type { Schema } from '$lib/common'
 	import { fade } from 'svelte/transition'
 	import Icon from 'svelte-awesome'
 	import {
@@ -24,7 +24,7 @@
 	import Editor from './Editor.svelte'
 	import Tooltip from './Tooltip.svelte'
 	import { onDestroy, onMount } from 'svelte'
-	import { userStore, workspaceStore } from '../../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 	import TableCustom from './TableCustom.svelte'
 	import { check } from 'svelte-awesome/icons'
 	import Modal from './Modal.svelte'
@@ -34,13 +34,13 @@
 	import ItemPicker from './ItemPicker.svelte'
 	import VariableEditor from './VariableEditor.svelte'
 	import ResourceEditor from './ResourceEditor.svelte'
-	import { inferArgs } from '../../infer'
+	import { inferArgs } from '$lib/infer'
 
 	// @ts-ignore
 	import { VSplitPane } from 'svelte-split-pane'
 	import SchemaForm from './SchemaForm.svelte'
 	import DisplayResult from './DisplayResult.svelte'
-	import type { Preview } from '../../gen/models/Preview'
+	import type { Preview } from '$lib/gen/models/Preview'
 
 	// Exported
 	export let schema: Schema = emptySchema()
diff --git a/frontend/src/lib/components/ScriptPicker.svelte b/frontend/src/lib/components/ScriptPicker.svelte
index 7ca8c4b826..4d3e686891 100644
--- a/frontend/src/lib/components/ScriptPicker.svelte
+++ b/frontend/src/lib/components/ScriptPicker.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { sendUserToast } from '../../utils'
-	import { ScriptService, FlowService, Script } from '../../gen'
+	import { sendUserToast } from '$lib/utils'
+	import { ScriptService, FlowService, Script } from '$lib/gen'
 
 	import Icon from 'svelte-awesome'
 	import { faSearch } from '@fortawesome/free-solid-svg-icons'
-	import { hubScripts, workspaceStore } from '../../stores'
+	import { hubScripts, workspaceStore } from '$lib/stores'
 	import { createEventDispatcher } from 'svelte'
 	import ItemPicker from './ItemPicker.svelte'
 	import RadioButton from './RadioButton.svelte'
diff --git a/frontend/src/lib/components/ScriptSchema.svelte b/frontend/src/lib/components/ScriptSchema.svelte
index f20661473d..ab9377213e 100644
--- a/frontend/src/lib/components/ScriptSchema.svelte
+++ b/frontend/src/lib/components/ScriptSchema.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Schema } from '../../common'
+	import type { Schema } from '$lib/common'
 
 	import PageHeader from './PageHeader.svelte'
 	import SchemaForm from './SchemaForm.svelte'
diff --git a/frontend/src/lib/components/ShareModal.svelte b/frontend/src/lib/components/ShareModal.svelte
index 0ce97a5c49..409d24a6cc 100644
--- a/frontend/src/lib/components/ShareModal.svelte
+++ b/frontend/src/lib/components/ShareModal.svelte
@@ -2,12 +2,12 @@
 	import Modal from './Modal.svelte'
 	import TableCustom from './TableCustom.svelte'
 
-	import { GranularAclService } from '../../gen/services/GranularAclService'
-	import { sendUserToast } from '../../utils'
-	import { GroupService, UserService } from '../../gen'
+	import { GranularAclService } from '$lib/gen/services/GranularAclService'
+	import { sendUserToast } from '$lib/utils'
+	import { GroupService, UserService } from '$lib/gen'
 	import { createEventDispatcher } from 'svelte'
 	import AutoComplete from 'simple-svelte-autocomplete'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 
 	const dispatch = createEventDispatcher()
 
diff --git a/frontend/src/lib/components/SharedBadge.svelte b/frontend/src/lib/components/SharedBadge.svelte
index 79f4a73a4f..fa6e131d93 100644
--- a/frontend/src/lib/components/SharedBadge.svelte
+++ b/frontend/src/lib/components/SharedBadge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { userStore } from '../../stores'
+	import { userStore } from '$lib/stores'
 
 	import Badge from './Badge.svelte'
 	export let extraPerms: Record<string, boolean> = {}
diff --git a/frontend/src/lib/components/VariableEditor.svelte b/frontend/src/lib/components/VariableEditor.svelte
index 5f368a459b..fc05831baf 100644
--- a/frontend/src/lib/components/VariableEditor.svelte
+++ b/frontend/src/lib/components/VariableEditor.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import Password from './Password.svelte'
-	import { sendUserToast } from '../../utils'
-	import { VariableService } from '../../gen'
+	import { sendUserToast } from '$lib/utils'
+	import { VariableService } from '$lib/gen'
 	import AutosizedTextarea from './AutosizedTextarea.svelte'
 	import Path from './Path.svelte'
 	import Modal from './Modal.svelte'
 	import { createEventDispatcher } from 'svelte'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import Required from './Required.svelte'
 
 	const dispatch = createEventDispatcher()
diff --git a/frontend/src/infer.ts b/frontend/src/lib/infer.ts
similarity index 96%
rename from frontend/src/infer.ts
rename to frontend/src/lib/infer.ts
index fb0034aeef..b08a7f2f5c 100644
--- a/frontend/src/infer.ts
+++ b/frontend/src/lib/infer.ts
@@ -1,5 +1,5 @@
 import type { Schema, SchemaProperty } from './common'
-import { ScriptService, type MainArgSignature } from './gen'
+import { ScriptService, type MainArgSignature } from '$lib/gen'
 import { sendUserToast } from './utils'
 
 export async function inferArgs(
diff --git a/frontend/src/stores.ts b/frontend/src/lib/stores.ts
similarity index 95%
rename from frontend/src/stores.ts
rename to frontend/src/lib/stores.ts
index 8315559b34..2a83a2fd69 100644
--- a/frontend/src/stores.ts
+++ b/frontend/src/lib/stores.ts
@@ -1,6 +1,6 @@
 import { browser } from '$app/env'
 import { writable } from 'svelte/store'
-import type { UserWorkspaceList } from './gen'
+import type { UserWorkspaceList } from '$lib/gen'
 import { getUserExt } from './utils'
 
 export interface UserExt {
diff --git a/frontend/src/utils.ts b/frontend/src/lib/utils.ts
similarity index 99%
rename from frontend/src/utils.ts
rename to frontend/src/lib/utils.ts
index 1dc26dbca0..9e20d46393 100644
--- a/frontend/src/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -2,7 +2,7 @@
 import { goto } from '$app/navigation'
 import { toast } from '@zerodevx/svelte-toast'
 import { get } from 'svelte/store'
-import { ScriptService, UserService, type User } from './gen'
+import { ScriptService, UserService, type User } from '$lib/gen'
 import { inferArgs } from './infer'
 import { clearStores, superadmin, workspaceStore, type UserExt } from './stores'
 
diff --git a/frontend/src/routes/__layout-root.svelte b/frontend/src/routes/__layout-root.svelte
index 495bbeabad..0c38b646eb 100644
--- a/frontend/src/routes/__layout-root.svelte
+++ b/frontend/src/routes/__layout-root.svelte
@@ -3,15 +3,15 @@
 	import { page } from '$app/stores'
 	import { SvelteToast } from '@zerodevx/svelte-toast'
 	import { onMount } from 'svelte'
-	import { WorkspaceService } from '../gen'
-	import { superadmin, userStore, usersWorkspaceStore, workspaceStore } from '../stores'
+	import { WorkspaceService } from '$lib/gen'
+	import { superadmin, userStore, usersWorkspaceStore, workspaceStore } from '$lib/stores'
 	import {
 		getUserExt,
 		logout,
 		logoutWithRedirect,
 		refreshSuperadmin,
 		sendUserToast
-	} from '../utils'
+	} from '$lib/utils'
 
 	// Default toast options
 	const toastOptions = {
diff --git a/frontend/src/routes/__layout@root.svelte b/frontend/src/routes/__layout@root.svelte
index f4e71bac08..5514ae90b2 100644
--- a/frontend/src/routes/__layout@root.svelte
+++ b/frontend/src/routes/__layout@root.svelte
@@ -21,9 +21,15 @@
 	import { onMount } from 'svelte'
 	import Icon from 'svelte-awesome'
 	import '../app.css'
-	import { OpenAPI, ScriptService } from '../gen'
-	import { hubScripts, superadmin, userStore, usersWorkspaceStore, workspaceStore } from '../stores'
-	import { clickOutside, logout } from '../utils'
+	import { OpenAPI, ScriptService } from '$lib/gen'
+	import {
+		hubScripts,
+		superadmin,
+		userStore,
+		usersWorkspaceStore,
+		workspaceStore
+	} from '$lib/stores'
+	import { clickOutside, logout } from '$lib/utils'
 
 	OpenAPI.WITH_CREDENTIALS = true
 
diff --git a/frontend/src/routes/audit_logs.svelte b/frontend/src/routes/audit_logs.svelte
index 14ad6a0c2d..7826bc5fa8 100644
--- a/frontend/src/routes/audit_logs.svelte
+++ b/frontend/src/routes/audit_logs.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { AuditService, AuditLog, UserService } from '../gen'
-	import type { ActionKind } from '../common'
+	import { AuditService, AuditLog, UserService } from '$lib/gen'
+	import type { ActionKind } from '$lib/common'
 	import { page } from '$app/stores'
-	import { displayDate, sendUserToast } from '../utils'
+	import { displayDate, sendUserToast } from '$lib/utils'
 	import { goto } from '$app/navigation'
 	import PageHeader from '$lib/components/PageHeader.svelte'
-	import { userStore, workspaceStore } from '../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 	import TableCustom from '$lib/components/TableCustom.svelte'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
diff --git a/frontend/src/routes/connection_added.svelte b/frontend/src/routes/connection_added.svelte
index 315c1ff58d..2c208ea2d5 100644
--- a/frontend/src/routes/connection_added.svelte
+++ b/frontend/src/routes/connection_added.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { page } from '$app/stores'
-	import { sendUserToast } from '../utils'
+	import { sendUserToast } from '$lib/utils'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 
 	let error = $page.url.searchParams.get('error')
diff --git a/frontend/src/routes/flows.svelte b/frontend/src/routes/flows.svelte
index c1886b8918..cd499acb42 100644
--- a/frontend/src/routes/flows.svelte
+++ b/frontend/src/routes/flows.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import Fuse from 'fuse.js'
-	import { FlowService } from '../gen'
-	import type { Flow } from '../gen'
+	import { FlowService } from '$lib/gen'
+	import type { Flow } from '$lib/gen'
 
-	import { sendUserToast, groupBy, canWrite } from '../utils'
+	import { sendUserToast, groupBy, canWrite } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import {
 		faArchive,
@@ -21,7 +21,7 @@
 	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 { superadmin, userStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Tabs from '$lib/components/Tabs.svelte'
 
diff --git a/frontend/src/routes/flows/add.svelte b/frontend/src/routes/flows/add.svelte
index d2770e5a00..228f51e893 100644
--- a/frontend/src/routes/flows/add.svelte
+++ b/frontend/src/routes/flows/add.svelte
@@ -2,8 +2,8 @@
 	import { page } from '$app/stores'
 
 	import FlowBuilder from '$lib/components/FlowBuilder.svelte'
-	import type { Flow } from '../../gen'
-	import { emptySchema } from '../../utils'
+	import type { Flow } from '$lib/gen'
+	import { emptySchema } from '$lib/utils'
 
 	const initialState = $page.url.searchParams.get('state')
 
diff --git a/frontend/src/routes/flows/edit/[...path].svelte b/frontend/src/routes/flows/edit/[...path].svelte
index 6b172b893a..99640021b4 100644
--- a/frontend/src/routes/flows/edit/[...path].svelte
+++ b/frontend/src/routes/flows/edit/[...path].svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { FlowService, type Flow } from '../../../gen'
+	import { FlowService, type Flow } from '$lib/gen'
 
 	import { page } from '$app/stores'
-	import { workspaceStore } from '../../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import FlowBuilder from '$lib/components/FlowBuilder.svelte'
-	import { emptySchema } from '../../../utils'
+	import { emptySchema } from '$lib/utils'
 
 	const initialState = $page.url.searchParams.get('state')
 	let flowLoadedFromUrl = initialState != undefined ? JSON.parse(atob(initialState)) : undefined
diff --git a/frontend/src/routes/flows/get/[...path].svelte b/frontend/src/routes/flows/get/[...path].svelte
index 6c7d22668f..99f193cfe3 100644
--- a/frontend/src/routes/flows/get/[...path].svelte
+++ b/frontend/src/routes/flows/get/[...path].svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { FlowService, type Flow } from '../../../gen'
-	import { sendUserToast, displayDaysAgo, canWrite } from '../../../utils'
+	import { FlowService, type Flow } from '$lib/gen'
+	import { sendUserToast, displayDaysAgo, canWrite } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import {
 		faPlay,
@@ -17,7 +17,7 @@
 	import github from 'svelte-highlight/styles/github'
 	import Tooltip from '$lib/components/Tooltip.svelte'
 	import ShareModal from '$lib/components/ShareModal.svelte'
-	import { userStore, workspaceStore } from '../../../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
 	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
diff --git a/frontend/src/routes/flows/run/[...path].svelte b/frontend/src/routes/flows/run/[...path].svelte
index 5165c0ba7a..d5f1aae573 100644
--- a/frontend/src/routes/flows/run/[...path].svelte
+++ b/frontend/src/routes/flows/run/[...path].svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { sendUserToast } from '../../../utils'
-	import { FlowService, type Flow, JobService } from '../../../gen'
+	import { sendUserToast } from '$lib/utils'
+	import { FlowService, type Flow, JobService } from '$lib/gen'
 	import { goto } from '$app/navigation'
-	import { workspaceStore } from '../../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import RunForm from '$lib/components/RunForm.svelte'
 	import PageHeader from '$lib/components/PageHeader.svelte'
diff --git a/frontend/src/routes/groups.svelte b/frontend/src/routes/groups.svelte
index 80dca22b2c..1f39d0bf49 100644
--- a/frontend/src/routes/groups.svelte
+++ b/frontend/src/routes/groups.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { canWrite } from '../utils'
-	import { GroupService } from '../gen'
-	import type { Group } from '../gen'
+	import { canWrite } from '$lib/utils'
+	import { GroupService } from '$lib/gen'
+	import type { Group } from '$lib/gen'
 
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import TableCustom from '$lib/components/TableCustom.svelte'
@@ -9,7 +9,7 @@
 	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 { userStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import GroupModal from '$lib/components/GroupModal.svelte'
diff --git a/frontend/src/routes/resources.svelte b/frontend/src/routes/resources.svelte
index aa93af5e16..1eb9e7c916 100644
--- a/frontend/src/routes/resources.svelte
+++ b/frontend/src/routes/resources.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { canWrite, emptySchema, sendUserToast } from '../utils'
-	import { ResourceService } from '../gen'
-	import type { Resource, ResourceType } from '../gen'
+	import { canWrite, emptySchema, sendUserToast } from '$lib/utils'
+	import { ResourceService } from '$lib/gen'
+	import type { Resource, ResourceType } from '$lib/gen'
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import ResourceEditor from '$lib/components/ResourceEditor.svelte'
 	import Button from '$lib/components/Button.svelte'
@@ -14,9 +14,9 @@
 	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 { userStore, workspaceStore, type UserExt } from '$lib/stores'
 	import SchemaEditor from '$lib/components/SchemaEditor.svelte'
-	import type { Schema } from '../common'
+	import type { Schema } from '$lib/common'
 	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'
diff --git a/frontend/src/routes/run/[...run].svelte b/frontend/src/routes/run/[...run].svelte
index c00557a9fa..3952be157c 100644
--- a/frontend/src/routes/run/[...run].svelte
+++ b/frontend/src/routes/run/[...run].svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { JobService, Job } from '../../gen'
+	import { JobService, Job } from '$lib/gen'
 	import { onDestroy } from 'svelte'
 	import {
 		canWrite,
@@ -9,7 +9,7 @@
 		sendUserToast,
 		truncate,
 		truncateHash
-	} from '../../utils'
+	} from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import { check, minus } from 'svelte-awesome/icons'
 	import {
@@ -34,7 +34,7 @@
 	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 { userStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import FlowStatusViewer from '$lib/components/FlowStatusViewer.svelte'
 	import JobStatus from '$lib/components/JobStatus.svelte'
diff --git a/frontend/src/routes/runs/[...path].svelte b/frontend/src/routes/runs/[...path].svelte
index 214d67b939..969be5c570 100644
--- a/frontend/src/routes/runs/[...path].svelte
+++ b/frontend/src/routes/runs/[...path].svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, onMount } from 'svelte'
-	import { JobService, Job, CompletedJob } from '../../gen'
-	import { displayDate, displayDaysAgo, forLater, truncateHash } from '../../utils'
+	import { JobService, Job, CompletedJob } from '$lib/gen'
+	import { displayDate, displayDaysAgo, forLater, truncateHash } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import { check } from 'svelte-awesome/icons'
 	import {
@@ -15,10 +15,10 @@
 		faWind
 	} from '@fortawesome/free-solid-svg-icons'
 	import { page } from '$app/stores'
-	import { sendUserToast } from '../../utils'
+	import { sendUserToast } from '$lib/utils'
 	import { goto } from '$app/navigation'
 	import PageHeader from '$lib/components/PageHeader.svelte'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Tabs from '$lib/components/Tabs.svelte'
 
diff --git a/frontend/src/routes/schedule/add.svelte b/frontend/src/routes/schedule/add.svelte
index 3edf107e40..91bdcf121b 100644
--- a/frontend/src/routes/schedule/add.svelte
+++ b/frontend/src/routes/schedule/add.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { sendUserToast, displayDate } from '../../utils'
-	import { ScriptService, type Script, ScheduleService, type Flow, FlowService } from '../../gen'
+	import { sendUserToast, displayDate } from '$lib/utils'
+	import { ScriptService, type Script, ScheduleService, type Flow, FlowService } from '$lib/gen'
 
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import Path from '$lib/components/Path.svelte'
 
 	import Tooltip from '$lib/components/Tooltip.svelte'
 	import { goto } from '$app/navigation'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import SchemaForm from '$lib/components/SchemaForm.svelte'
 	import ScriptPicker from '$lib/components/ScriptPicker.svelte'
diff --git a/frontend/src/routes/schedules.svelte b/frontend/src/routes/schedules.svelte
index 62f31036ce..b580d5af40 100644
--- a/frontend/src/routes/schedules.svelte
+++ b/frontend/src/routes/schedules.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { sendUserToast, displayDate, canWrite } from '../utils'
-	import { type Schedule, ScheduleService } from '../gen'
+	import { sendUserToast, displayDate, canWrite } from '$lib/utils'
+	import { type Schedule, ScheduleService } from '$lib/gen'
 
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import TableCustom from '$lib/components/TableCustom.svelte'
@@ -15,7 +15,7 @@
 		faToggleOff,
 		faToggleOn
 	} from '@fortawesome/free-solid-svg-icons'
-	import { userStore, workspaceStore } from '../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 
diff --git a/frontend/src/routes/scripts.svelte b/frontend/src/routes/scripts.svelte
index 90fc75b575..a4dff4346e 100644
--- a/frontend/src/routes/scripts.svelte
+++ b/frontend/src/routes/scripts.svelte
@@ -11,10 +11,10 @@
 	} from '@fortawesome/free-solid-svg-icons'
 	import Fuse from 'fuse.js'
 	import Icon from 'svelte-awesome'
-	import type { Script } from '../gen'
-	import { ScriptService } from '../gen'
-	import { superadmin, userStore, workspaceStore } from '../stores'
-	import { canWrite, groupBy, sendUserToast, truncateHash } from '../utils'
+	import type { Script } from '$lib/gen'
+	import { ScriptService } from '$lib/gen'
+	import { superadmin, userStore, workspaceStore } from '$lib/stores'
+	import { canWrite, groupBy, sendUserToast, truncateHash } from '$lib/utils'
 	import Badge from '$lib/components/Badge.svelte'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Dropdown from '$lib/components/Dropdown.svelte'
diff --git a/frontend/src/routes/scripts/add.svelte b/frontend/src/routes/scripts/add.svelte
index 92f3c92a01..6deeb5f661 100644
--- a/frontend/src/routes/scripts/add.svelte
+++ b/frontend/src/routes/scripts/add.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { ScriptService, type Script } from '../../gen'
+	import { ScriptService, type Script } from '$lib/gen'
 
 	import { page } from '$app/stores'
-	import { workspaceStore } from '../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ScriptBuilder from '$lib/components/ScriptBuilder.svelte'
-	import type { Schema } from '../../common'
-	import { emptySchema, sendUserToast } from '../../utils'
+	import type { Schema } from '$lib/common'
+	import { emptySchema, sendUserToast } from '$lib/utils'
 
 	// Default
 	let schema: Schema = emptySchema()
diff --git a/frontend/src/routes/scripts/edit/[...hash].svelte b/frontend/src/routes/scripts/edit/[...hash].svelte
index 30ff6657d7..afc9626876 100644
--- a/frontend/src/routes/scripts/edit/[...hash].svelte
+++ b/frontend/src/routes/scripts/edit/[...hash].svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { ScriptService, type Script } from '../../../gen'
+	import { ScriptService, type Script } from '$lib/gen'
 
 	import { page } from '$app/stores'
-	import { workspaceStore } from '../../../stores'
+	import { workspaceStore } from '$lib/stores'
 	import ScriptBuilder from '$lib/components/ScriptBuilder.svelte'
 
 	const initialState = $page.url.searchParams.get('state')
diff --git a/frontend/src/routes/scripts/get/[...hash].svelte b/frontend/src/routes/scripts/get/[...hash].svelte
index 67479ec9b8..c78da2ca2e 100644
--- a/frontend/src/routes/scripts/get/[...hash].svelte
+++ b/frontend/src/routes/scripts/get/[...hash].svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { ScriptService, type Script } from '../../../gen'
-	import { truncateHash, sendUserToast, displayDaysAgo, canWrite } from '../../../utils'
+	import { ScriptService, type Script } from '$lib/gen'
+	import { truncateHash, sendUserToast, displayDaysAgo, canWrite } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import {
 		faPlay,
@@ -19,7 +19,7 @@
 	import github from 'svelte-highlight/styles/github'
 	import Tooltip from '$lib/components/Tooltip.svelte'
 	import ShareModal from '$lib/components/ShareModal.svelte'
-	import { userStore, workspaceStore } from '../../../stores'
+	import { userStore, workspaceStore } from '$lib/stores'
 	import SharedBadge from '$lib/components/SharedBadge.svelte'
 	import SvelteMarkdown from 'svelte-markdown'
 	import SchemaViewer from '$lib/components/SchemaViewer.svelte'
diff --git a/frontend/src/routes/scripts/run/[...hash].svelte b/frontend/src/routes/scripts/run/[...hash].svelte
index b9c3316d56..4290f1934b 100644
--- a/frontend/src/routes/scripts/run/[...hash].svelte
+++ b/frontend/src/routes/scripts/run/[...hash].svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { page } from '$app/stores'
-	import { emptySchema, sendUserToast } from '../../../utils'
-	import { ScriptService, type Script, JobService } from '../../../gen'
+	import { emptySchema, sendUserToast } from '$lib/utils'
+	import { ScriptService, type Script, JobService } from '$lib/gen'
 	import { goto } from '$app/navigation'
-	import { workspaceStore } from '../../../stores'
-	import { inferArgs } from '../../../infer'
+	import { workspaceStore } from '$lib/stores'
+	import { inferArgs } from '$lib/infer'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import RunForm from '$lib/components/RunForm.svelte'
 	import PageHeader from '$lib/components/PageHeader.svelte'
diff --git a/frontend/src/routes/user/CenteredModal.svelte b/frontend/src/routes/user/CenteredModal.svelte
index 11c9e2d9a5..8ef370f2cd 100644
--- a/frontend/src/routes/user/CenteredModal.svelte
+++ b/frontend/src/routes/user/CenteredModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { SettingsService } from '../../gen'
+	import { SettingsService } from '$lib/gen'
 
 	export let subtitle: string | undefined = undefined
 	export let title = 'Welcome to Windmill (beta)'
diff --git a/frontend/src/routes/user/accept_invite@user.svelte b/frontend/src/routes/user/accept_invite@user.svelte
index 055b73de99..61f20a2d02 100644
--- a/frontend/src/routes/user/accept_invite@user.svelte
+++ b/frontend/src/routes/user/accept_invite@user.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 
-	import { UserService, WorkspaceService } from '../../gen'
-	import { sendUserToast } from '../../utils'
+	import { UserService, WorkspaceService } from '$lib/gen'
+	import { sendUserToast } from '$lib/utils'
 	import { page } from '$app/stores'
-	import { usersWorkspaceStore, workspaceStore } from '../../stores'
+	import { usersWorkspaceStore, workspaceStore } from '$lib/stores'
 	import CenteredModal from './CenteredModal.svelte'
 
 	let workspace_id = $page.url.searchParams.get('workspace') ?? ''
diff --git a/frontend/src/routes/user/create_workspace@user.svelte b/frontend/src/routes/user/create_workspace@user.svelte
index 3e83d804df..87e6106e6a 100644
--- a/frontend/src/routes/user/create_workspace@user.svelte
+++ b/frontend/src/routes/user/create_workspace@user.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 
-	import { UserService, WorkspaceService } from '../../gen'
-	import { logoutWithRedirect, sendUserToast } from '../../utils'
+	import { UserService, WorkspaceService } from '$lib/gen'
+	import { logoutWithRedirect, sendUserToast } from '$lib/utils'
 	import { page } from '$app/stores'
-	import { usersWorkspaceStore, workspaceStore } from '../../stores'
+	import { usersWorkspaceStore, workspaceStore } from '$lib/stores'
 	import CenteredModal from './CenteredModal.svelte'
 
 	let id = ''
diff --git a/frontend/src/routes/user/login@user.svelte b/frontend/src/routes/user/login@user.svelte
index d47edacd43..2e85d66bfe 100644
--- a/frontend/src/routes/user/login@user.svelte
+++ b/frontend/src/routes/user/login@user.svelte
@@ -5,9 +5,9 @@
 	import { onMount } from 'svelte'
 	import Icon from 'svelte-awesome'
 	import { slide } from 'svelte/transition'
-	import { UserService, WorkspaceService } from '../../gen'
-	import { clearStores, userStore, usersWorkspaceStore, workspaceStore } from '../../stores'
-	import { refreshSuperadmin, sendUserToast } from '../../utils'
+	import { UserService, WorkspaceService } from '$lib/gen'
+	import { clearStores, userStore, usersWorkspaceStore, workspaceStore } from '$lib/stores'
+	import { refreshSuperadmin, sendUserToast } from '$lib/utils'
 	import CenteredModal from './CenteredModal.svelte'
 
 	let email = $page.url.searchParams.get('email') ?? ''
diff --git a/frontend/src/routes/user/settings@user.svelte b/frontend/src/routes/user/settings@user.svelte
index 78cf27ac86..fd24e37afa 100644
--- a/frontend/src/routes/user/settings@user.svelte
+++ b/frontend/src/routes/user/settings@user.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { usersWorkspaceStore } from '../../stores'
+	import { usersWorkspaceStore } from '$lib/stores'
 
-	import type { TruncatedToken, NewToken } from '../../gen'
-	import { UserService, SettingsService } from '../../gen'
-	import { displayDate, sendUserToast, getToday } from '../../utils'
+	import type { TruncatedToken, NewToken } from '$lib/gen'
+	import { UserService, SettingsService } from '$lib/gen'
+	import { displayDate, sendUserToast, getToday } from '$lib/utils'
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
diff --git a/frontend/src/routes/user/superadmin_settings@user.svelte b/frontend/src/routes/user/superadmin_settings@user.svelte
index 36fcab0853..2fbb4cb9b4 100644
--- a/frontend/src/routes/user/superadmin_settings@user.svelte
+++ b/frontend/src/routes/user/superadmin_settings@user.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import Fuse from 'fuse.js'
 
-	import { superadmin, usersWorkspaceStore } from '../../stores'
+	import { superadmin, usersWorkspaceStore } from '$lib/stores'
 
-	import { UserService, SettingsService, GlobalUserInfo } from '../../gen'
-	import { displayDate, sendUserToast, getToday } from '../../utils'
+	import { UserService, SettingsService, GlobalUserInfo } from '$lib/gen'
+	import { displayDate, sendUserToast, getToday } from '$lib/utils'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
 	import TableCustom from '$lib/components/TableCustom.svelte'
diff --git a/frontend/src/routes/user/workspaces@user.svelte b/frontend/src/routes/user/workspaces@user.svelte
index 88ea61cd17..54e696b12a 100644
--- a/frontend/src/routes/user/workspaces@user.svelte
+++ b/frontend/src/routes/user/workspaces@user.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { page } from '$app/stores'
-	import { logout, logoutWithRedirect, sendUserToast } from '../../utils'
-	import { UserService, type WorkspaceInvite, WorkspaceService } from '../../gen'
-	import { superadmin, usersWorkspaceStore, workspaceStore } from '../../stores'
+	import { logout, logoutWithRedirect, sendUserToast } from '$lib/utils'
+	import { UserService, type WorkspaceInvite, WorkspaceService } from '$lib/gen'
+	import { superadmin, usersWorkspaceStore, workspaceStore } from '$lib/stores'
 	import CenteredModal from './CenteredModal.svelte'
 	import Switch from '$lib/components/Switch.svelte'
 	import { faCrown, faUser, faUserAlt, faUserCog } from '@fortawesome/free-solid-svg-icons'
diff --git a/frontend/src/routes/variables.svelte b/frontend/src/routes/variables.svelte
index 577c2459f0..e0378ece71 100644
--- a/frontend/src/routes/variables.svelte
+++ b/frontend/src/routes/variables.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { canWrite, sendUserToast } from '../utils'
-	import { VariableService } from '../gen'
-	import type { ListableVariable, ContextualVariable } from '../gen'
+	import { canWrite, sendUserToast } from '$lib/utils'
+	import { VariableService } from '$lib/gen'
+	import type { ListableVariable, ContextualVariable } from '$lib/gen'
 	import Dropdown from '$lib/components/Dropdown.svelte'
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import TableSimple from '$lib/components/TableSimple.svelte'
@@ -9,7 +9,7 @@
 	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 { userStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import { faPlus } from '@fortawesome/free-solid-svg-icons'
diff --git a/frontend/src/routes/workers.svelte b/frontend/src/routes/workers.svelte
index cb77c923aa..7ceabf3885 100644
--- a/frontend/src/routes/workers.svelte
+++ b/frontend/src/routes/workers.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { WorkerService, type WorkerPing } from '../gen'
+	import { WorkerService, type WorkerPing } from '$lib/gen'
 	import { onDestroy, onMount } from 'svelte'
-	import { displayDate, elapsedSinceSecs, groupBy, sendUserToast } from '../utils'
+	import { displayDate, elapsedSinceSecs, groupBy, sendUserToast } from '$lib/utils'
 	import PageHeader from '$lib/components/PageHeader.svelte'
 	import TableCustom from '$lib/components/TableCustom.svelte'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
diff --git a/frontend/src/routes/workspace_settings.svelte b/frontend/src/routes/workspace_settings.svelte
index b4e2e761c1..cf7c95d8ad 100644
--- a/frontend/src/routes/workspace_settings.svelte
+++ b/frontend/src/routes/workspace_settings.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import Fuse from 'fuse.js'
-	import { UserService, type WorkspaceInvite, WorkspaceService } from '../gen'
-	import type { User } from '../gen'
-	import { sendUserToast } from '../utils'
+	import { UserService, type WorkspaceInvite, WorkspaceService } from '$lib/gen'
+	import type { User } from '$lib/gen'
+	import { sendUserToast } from '$lib/utils'
 	import PageHeader from '$lib/components/PageHeader.svelte'
-	import { userStore, usersWorkspaceStore, workspaceStore } from '../stores'
+	import { userStore, usersWorkspaceStore, workspaceStore } from '$lib/stores'
 	import CenteredPage from '$lib/components/CenteredPage.svelte'
 	import Icon from 'svelte-awesome'
 	import { faSlack } from '@fortawesome/free-brands-svg-icons'