From 9bcac1af2da5c9c915584747116a04829e0ab17b Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Sat, 21 Mar 2026 00:08:32 -0700
Subject: [PATCH] Remove JS module import prefixes and use absolute paths to
 the frontend directory (#3924)

* Remove JS module import prefixes

* Fix code review mistakes
---
 frontend/branding-installer.js                |   1 -
 frontend/eslint.config.js                     |  35 +-
 frontend/src/App.svelte                       |  12 +-
 frontend/src/components/Editor.svelte         |  44 +-
 .../floating-menus/ColorPicker.svelte         |  30 +-
 .../components/floating-menus/Dialog.svelte   |  22 +-
 .../floating-menus/EyedropperPreview.svelte   |   3 +-
 .../components/floating-menus/MenuList.svelte |  22 +-
 .../floating-menus/NodeCatalog.svelte         |  14 +-
 .../components/floating-menus/Tooltip.svelte  |  14 +-
 .../src/components/layout/FloatingMenu.svelte |   8 +-
 .../src/components/layout/LayoutCol.svelte    |   2 +-
 .../src/components/layout/LayoutRow.svelte    |   2 +-
 frontend/src/components/panels/Data.svelte    |  10 +-
 .../src/components/panels/Document.svelte     |  34 +-
 frontend/src/components/panels/Layers.svelte  |  26 +-
 .../src/components/panels/Properties.svelte   |  10 +-
 frontend/src/components/panels/Welcome.svelte |  20 +-
 frontend/src/components/views/Graph.svelte    |  22 +-
 .../components/widgets/WidgetLayout.svelte    |   9 +-
 .../components/widgets/WidgetSection.svelte   |  12 +-
 .../src/components/widgets/WidgetSpan.svelte  |  50 ++-
 .../src/components/widgets/WidgetTable.svelte |   5 +-
 .../buttons/BreadcrumbTrailButtons.svelte     |   7 +-
 .../widgets/buttons/IconButton.svelte         |   7 +-
 .../widgets/buttons/ImageButton.svelte        |   4 +-
 .../buttons/ParameterExposeButton.svelte      |   5 +-
 .../widgets/buttons/PopoverButton.svelte      |  15 +-
 .../widgets/buttons/TextButton.svelte         |  14 +-
 .../widgets/inputs/CheckboxInput.svelte       |  10 +-
 .../widgets/inputs/ColorInput.svelte          |  10 +-
 .../widgets/inputs/CurveInput.svelte          |   6 +-
 .../widgets/inputs/DropdownInput.svelte       |  12 +-
 .../widgets/inputs/FieldInput.svelte          |  10 +-
 .../widgets/inputs/NumberInput.svelte         |  14 +-
 .../widgets/inputs/RadioInput.svelte          |  10 +-
 .../widgets/inputs/ReferencePointInput.svelte |   3 +-
 .../widgets/inputs/ScrollbarInput.svelte      |   3 +-
 .../widgets/inputs/SpectrumInput.svelte       |  14 +-
 .../widgets/inputs/TextAreaInput.svelte       |   6 +-
 .../widgets/inputs/TextInput.svelte           |   6 +-
 .../widgets/inputs/WorkingColorsInput.svelte  |  12 +-
 .../widgets/labels/IconLabel.svelte           |   9 +-
 .../widgets/labels/ImageLabel.svelte          |   2 +-
 .../widgets/labels/Separator.svelte           |   2 +-
 .../widgets/labels/ShortcutLabel.svelte       |  13 +-
 .../widgets/labels/TextLabel.svelte           |   3 +-
 .../src/components/window/MainWindow.svelte   |  24 +-
 frontend/src/components/window/Panel.svelte   |  22 +-
 .../src/components/window/StatusBar.svelte    |  12 +-
 .../src/components/window/TitleBar.svelte     |  22 +-
 .../src/components/window/Workspace.svelte    |  12 +-
 frontend/src/icons.ts                         | 390 +++++++++---------
 frontend/src/main.ts                          |   3 +-
 frontend/src/managers/clipboard.ts            |   4 +-
 frontend/src/managers/fonts.ts                |   2 +-
 frontend/src/managers/input.ts                |  14 +-
 frontend/src/managers/localization.ts         |   4 +-
 frontend/src/managers/panic.ts                |   2 +-
 frontend/src/managers/persistence.ts          |   6 +-
 frontend/src/stores/app-window.ts             |   3 +-
 frontend/src/stores/dialog.ts                 |   7 +-
 frontend/src/stores/document.ts               |   5 +-
 frontend/src/stores/fullscreen.ts             |   1 -
 frontend/src/stores/node-graph.ts             |   3 +-
 frontend/src/stores/portfolio.ts              |   7 +-
 frontend/src/stores/tooltip.ts                |   5 +-
 frontend/src/subscriptions-router.ts          |   2 +-
 frontend/src/utility-functions/clipboard.ts   |   6 +-
 frontend/src/utility-functions/colors.ts      |   4 +-
 .../src/utility-functions/crash-report.ts     |   4 +-
 frontend/src/utility-functions/files.ts       |   4 +-
 frontend/src/utility-functions/images.ts      |  14 +-
 frontend/src/utility-functions/input.ts       |  19 +-
 frontend/src/utility-functions/network.ts     |   2 +-
 frontend/src/utility-functions/persistence.ts |   5 +-
 frontend/src/utility-functions/viewports.ts   |   2 +-
 frontend/src/utility-functions/widgets.ts     |   2 +-
 frontend/tsconfig.json                        |   6 +-
 frontend/vite.config.ts                       |  10 +-
 80 files changed, 574 insertions(+), 658 deletions(-)

diff --git a/frontend/branding-installer.js b/frontend/branding-installer.js
index d8a6aca7b5..640d0fa355 100644
--- a/frontend/branding-installer.js
+++ b/frontend/branding-installer.js
@@ -7,7 +7,6 @@ import https from "https";
 import path from "path";
 import { fileURLToPath } from "url";
 import zlib from "zlib";
-
 import * as tar from "tar";
 
 const __filename = fileURLToPath(import.meta.url);
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
index 5faa1d3bce..66206b3f7a 100644
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -6,6 +6,17 @@ import pluginSvelte from "eslint-plugin-svelte";
 import globals from "globals";
 import ts from "typescript-eslint";
 
+const importOrder = {
+	alphabetize: { order: "asc", caseInsensitive: true },
+	"newlines-between": "never",
+	warnOnUnassignedImports: true,
+	pathGroups: [
+		{ pattern: "/**", group: "internal" },
+		{ pattern: "/../**", group: "internal" },
+	],
+	pathGroupsExcludedImportTypes: [],
+};
+
 export default defineConfig([
 	js.configs.recommended,
 	ts.configs.recommended,
@@ -52,7 +63,15 @@ export default defineConfig([
 			"no-bitwise": "off",
 			"no-shadow": "off",
 			"no-use-before-define": "off",
-			"no-restricted-imports": ["error", { patterns: [".*", "!@graphite/*"] }],
+			"no-restricted-imports": [
+				"error",
+				{
+					patterns: [
+						{ group: ["./**", "../**"], message: "\nImports must be absolute (e.g. '/src/<subpath>') not relative (e.g. './<subpath>')." },
+						{ group: ["src/**", "assets/**", "wasm/**"], message: "\nLocal imports must start with '/' (e.g. '/src/<subpath>' not 'src/<subpath>')." },
+					],
+				},
+			],
 
 			// TypeScript plugin config (for TS-specific linting)
 			"@typescript-eslint/indent": "off",
@@ -95,17 +114,13 @@ export default defineConfig([
 			"import/prefer-default-export": "off",
 			"import/no-relative-packages": "error",
 			"import/no-named-as-default-member": "off",
-			"import/order": [
-				"error",
-				{
-					alphabetize: { order: "asc", caseInsensitive: true },
-					pathGroups: [{ pattern: "**/*.svelte", group: "unknown", position: "after" }],
-					"newlines-between": "always-and-inside-groups",
-					warnOnUnassignedImports: true,
-				},
-			],
+			"import/order": ["error", importOrder],
 		},
 	},
+	{
+		files: ["**/icons.ts"],
+		rules: { "import/order": ["error", { ...importOrder, "newlines-between": "ignore" }] },
+	},
 	{
 		files: ["**/*.svelte"],
 		languageOptions: {
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 4ad22865d1..dd94bd4037 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
 	import { onMount, onDestroy } from "svelte";
-
-	import init, { EditorHandle, receiveNativeMessage } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { FrontendMessage } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { loadDemoArtwork } from "@graphite/utility-functions/network";
-	import { operatingSystem } from "@graphite/utility-functions/platform";
+	import Editor from "/src/components/Editor.svelte";
 	import { createSubscriptionsRouter } from "/src/subscriptions-router";
 	import type { MessageName, SubscriptionsRouter } from "/src/subscriptions-router";
-
-	import Editor from "@graphite/components/Editor.svelte";
+	import { loadDemoArtwork } from "/src/utility-functions/network";
+	import { operatingSystem } from "/src/utility-functions/platform";
+	import init, { EditorHandle, receiveNativeMessage } from "/wasm/pkg/graphite_wasm";
+	import type { FrontendMessage } from "/wasm/pkg/graphite_wasm";
 
 	let subscriptions: SubscriptionsRouter | undefined = undefined;
 	let editor: EditorHandle | undefined = undefined;
diff --git a/frontend/src/components/Editor.svelte b/frontend/src/components/Editor.svelte
index a92d6c39b1..85b0ee54e3 100644
--- a/frontend/src/components/Editor.svelte
+++ b/frontend/src/components/Editor.svelte
@@ -1,24 +1,22 @@
 <script lang="ts">
 	import { onMount, onDestroy, setContext } from "svelte";
-
-	import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { createClipboardManager, destroyClipboardManager } from "@graphite/managers/clipboard";
-	import { createFontsManager, destroyFontsManager } from "@graphite/managers/fonts";
-	import { createHyperlinkManager, destroyHyperlinkManager } from "@graphite/managers/hyperlink";
-	import { createInputManager, destroyInputManager } from "@graphite/managers/input";
-	import { createLocalizationManager, destroyLocalizationManager } from "@graphite/managers/localization";
-	import { createPanicManager, destroyPanicManager } from "@graphite/managers/panic";
-	import { createPersistenceManager, destroyPersistenceManager } from "@graphite/managers/persistence";
-	import { createAppWindowStore, destroyAppWindowStore } from "@graphite/stores/app-window";
-	import { createDialogStore, destroyDialogStore } from "@graphite/stores/dialog";
-	import { createDocumentStore, destroyDocumentStore } from "@graphite/stores/document";
-	import { createFullscreenStore, destroyFullscreenStore } from "@graphite/stores/fullscreen";
-	import { createNodeGraphStore, destroyNodeGraphStore } from "@graphite/stores/node-graph";
-	import { createPortfolioStore, destroyPortfolioStore } from "@graphite/stores/portfolio";
-	import { createTooltipStore, destroyTooltipStore } from "@graphite/stores/tooltip";
+	import MainWindow from "/src/components/window/MainWindow.svelte";
+	import { createClipboardManager, destroyClipboardManager } from "/src/managers/clipboard";
+	import { createFontsManager, destroyFontsManager } from "/src/managers/fonts";
+	import { createHyperlinkManager, destroyHyperlinkManager } from "/src/managers/hyperlink";
+	import { createInputManager, destroyInputManager } from "/src/managers/input";
+	import { createLocalizationManager, destroyLocalizationManager } from "/src/managers/localization";
+	import { createPanicManager, destroyPanicManager } from "/src/managers/panic";
+	import { createPersistenceManager, destroyPersistenceManager } from "/src/managers/persistence";
+	import { createAppWindowStore, destroyAppWindowStore } from "/src/stores/app-window";
+	import { createDialogStore, destroyDialogStore } from "/src/stores/dialog";
+	import { createDocumentStore, destroyDocumentStore } from "/src/stores/document";
+	import { createFullscreenStore, destroyFullscreenStore } from "/src/stores/fullscreen";
+	import { createNodeGraphStore, destroyNodeGraphStore } from "/src/stores/node-graph";
+	import { createPortfolioStore, destroyPortfolioStore } from "/src/stores/portfolio";
+	import { createTooltipStore, destroyTooltipStore } from "/src/stores/tooltip";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-
-	import MainWindow from "@graphite/components/window/MainWindow.svelte";
+	import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 	// Graphite Wasm editor and subscriptions router
 	export let subscriptions: SubscriptionsRouter;
@@ -346,7 +344,7 @@
 		font-weight: 400;
 		font-style: normal;
 		font-stretch: normal;
-		src: url("@graphite/../node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2") format("woff2");
+		src: url("/node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2") format("woff2");
 	}
 
 	@font-face {
@@ -354,7 +352,7 @@
 		font-weight: 400;
 		font-style: italic;
 		font-stretch: normal;
-		src: url("@graphite/../node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2") format("woff2");
+		src: url("/node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2") format("woff2");
 	}
 
 	@font-face {
@@ -362,7 +360,7 @@
 		font-weight: 700;
 		font-style: normal;
 		font-stretch: normal;
-		src: url("@graphite/../node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2") format("woff2");
+		src: url("/node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2") format("woff2");
 	}
 
 	@font-face {
@@ -370,7 +368,7 @@
 		font-weight: 700;
 		font-style: italic;
 		font-stretch: normal;
-		src: url("@graphite/../node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2") format("woff2");
+		src: url("/node_modules/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2") format("woff2");
 	}
 
 	@font-face {
@@ -378,6 +376,6 @@
 		font-weight: 400;
 		font-style: normal;
 		font-stretch: normal;
-		src: url("@graphite/../node_modules/source-code-pro/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2") format("woff2");
+		src: url("/node_modules/source-code-pro/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2") format("woff2");
 	}
 </style>
diff --git a/frontend/src/components/floating-menus/ColorPicker.svelte b/frontend/src/components/floating-menus/ColorPicker.svelte
index ccc7edf0c6..eb596bc29f 100644
--- a/frontend/src/components/floating-menus/ColorPicker.svelte
+++ b/frontend/src/components/floating-menus/ColorPicker.svelte
@@ -1,9 +1,16 @@
 <script lang="ts">
 	import { getContext, onDestroy, createEventDispatcher, tick } from "svelte";
-
-	import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { FillChoice, MenuDirection, Color } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { TooltipStore } from "@graphite/stores/tooltip";
+	import FloatingMenu, { preventEscapeClosingParentFloatingMenu } from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import NumberInput from "/src/components/widgets/inputs/NumberInput.svelte";
+	import SpectrumInput, { MAX_MIDPOINT, MIN_MIDPOINT } from "/src/components/widgets/inputs/SpectrumInput.svelte";
+	import TextInput from "/src/components/widgets/inputs/TextInput.svelte";
+	import Separator from "/src/components/widgets/labels/Separator.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { TooltipStore } from "/src/stores/tooltip";
+	import type { HSV, RGB } from "/src/utility-functions/colors";
 	import {
 		contrastingOutlineFactor,
 		fillChoiceColor,
@@ -20,18 +27,9 @@
 		colorOpaque,
 		colorEquals,
 		gradientFirstColor,
-	} from "@graphite/utility-functions/colors";
-	import type { HSV, RGB } from "@graphite/utility-functions/colors";
-
-	import FloatingMenu, { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import NumberInput from "@graphite/components/widgets/inputs/NumberInput.svelte";
-	import SpectrumInput, { MAX_MIDPOINT, MIN_MIDPOINT } from "@graphite/components/widgets/inputs/SpectrumInput.svelte";
-	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
-	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	} from "/src/utility-functions/colors";
+	import { isPlatformNative } from "/wasm/pkg/graphite_wasm";
+	import type { FillChoice, MenuDirection, Color } from "/wasm/pkg/graphite_wasm";
 
 	type PresetColors = "None" | "Black" | "White" | "Red" | "Yellow" | "Green" | "Cyan" | "Blue" | "Magenta";
 
diff --git a/frontend/src/components/floating-menus/Dialog.svelte b/frontend/src/components/floating-menus/Dialog.svelte
index 846a510688..5a83073adf 100644
--- a/frontend/src/components/floating-menus/Dialog.svelte
+++ b/frontend/src/components/floating-menus/Dialog.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
 	import { getContext, onMount } from "svelte";
-
-	import type { DialogStore } from "@graphite/stores/dialog";
-	import { crashReportUrl } from "@graphite/utility-functions/crash-report";
-	import { wipeDocuments } from "@graphite/utility-functions/persistence";
-
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import TextButton from "/src/components/widgets/buttons/TextButton.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
+	import type { DialogStore } from "/src/stores/dialog";
+	import { crashReportUrl } from "/src/utility-functions/crash-report";
+	import { wipeDocuments } from "/src/utility-functions/persistence";
 
 	const dialog = getContext<DialogStore>("dialog");
 
diff --git a/frontend/src/components/floating-menus/EyedropperPreview.svelte b/frontend/src/components/floating-menus/EyedropperPreview.svelte
index 2457ceee35..b89e777fc2 100644
--- a/frontend/src/components/floating-menus/EyedropperPreview.svelte
+++ b/frontend/src/components/floating-menus/EyedropperPreview.svelte
@@ -9,8 +9,7 @@
 
 <script lang="ts">
 	import { onMount } from "svelte";
-
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
 
 	let temporaryCanvas: HTMLCanvasElement | undefined;
 	let zoomPreviewCanvas: HTMLCanvasElement | undefined;
diff --git a/frontend/src/components/floating-menus/MenuList.svelte b/frontend/src/components/floating-menus/MenuList.svelte
index 6c639f90ff..5e487e035d 100644
--- a/frontend/src/components/floating-menus/MenuList.svelte
+++ b/frontend/src/components/floating-menus/MenuList.svelte
@@ -2,18 +2,16 @@
 
 <script lang="ts">
 	import { createEventDispatcher, tick, onDestroy, onMount } from "svelte";
-
-	import type { MenuListEntry, MenuDirection } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
-	import ShortcutLabel from "@graphite/components/widgets/labels/ShortcutLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import MenuList from "/src/components/floating-menus/MenuList.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import TextInput from "/src/components/widgets/inputs/TextInput.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import Separator from "/src/components/widgets/labels/Separator.svelte";
+	import ShortcutLabel from "/src/components/widgets/labels/ShortcutLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { MenuListEntry, MenuDirection } from "/wasm/pkg/graphite_wasm";
 
 	let self: FloatingMenu | undefined;
 	let scroller: LayoutCol | undefined;
diff --git a/frontend/src/components/floating-menus/NodeCatalog.svelte b/frontend/src/components/floating-menus/NodeCatalog.svelte
index 43cc6a4b56..8186450e47 100644
--- a/frontend/src/components/floating-menus/NodeCatalog.svelte
+++ b/frontend/src/components/floating-menus/NodeCatalog.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
 	import { createEventDispatcher, getContext, onMount } from "svelte";
 	import { SvelteMap } from "svelte/reactivity";
-
-	import type { FrontendNodeType } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { NodeGraphStore } from "@graphite/stores/node-graph";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
-	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import TextButton from "/src/components/widgets/buttons/TextButton.svelte";
+	import TextInput from "/src/components/widgets/inputs/TextInput.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { NodeGraphStore } from "/src/stores/node-graph";
+	import type { FrontendNodeType } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ selectNodeType: string }>();
 	const nodeGraph = getContext<NodeGraphStore>("nodeGraph");
diff --git a/frontend/src/components/floating-menus/Tooltip.svelte b/frontend/src/components/floating-menus/Tooltip.svelte
index 005ac3e9b2..0a249ac589 100644
--- a/frontend/src/components/floating-menus/Tooltip.svelte
+++ b/frontend/src/components/floating-menus/Tooltip.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
 	import { getContext } from "svelte";
-
-	import type { EditorHandle, LabeledShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { TooltipStore } from "@graphite/stores/tooltip";
-
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import ShortcutLabel from "@graphite/components/widgets/labels/ShortcutLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import ShortcutLabel from "/src/components/widgets/labels/ShortcutLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { TooltipStore } from "/src/stores/tooltip";
+	import type { EditorHandle, LabeledShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const tooltip = getContext<TooltipStore>("tooltip");
 	const editor = getContext<EditorHandle>("editor");
diff --git a/frontend/src/components/layout/FloatingMenu.svelte b/frontend/src/components/layout/FloatingMenu.svelte
index 1ff1f7d1cb..7282fb5470 100644
--- a/frontend/src/components/layout/FloatingMenu.svelte
+++ b/frontend/src/components/layout/FloatingMenu.svelte
@@ -18,11 +18,9 @@
 
 <script lang="ts">
 	import { onMount, onDestroy, afterUpdate, createEventDispatcher, tick } from "svelte";
-
-	import type { MenuDirection } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { browserVersion } from "@graphite/utility-functions/platform";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import { browserVersion } from "/src/utility-functions/platform";
+	import type { MenuDirection } from "/wasm/pkg/graphite_wasm";
 
 	const BUTTON_LEFT = 0;
 	const POINTER_STRAY_DISTANCE = 100;
diff --git a/frontend/src/components/layout/LayoutCol.svelte b/frontend/src/components/layout/LayoutCol.svelte
index bd846fa6b7..8946fcda65 100644
--- a/frontend/src/components/layout/LayoutCol.svelte
+++ b/frontend/src/components/layout/LayoutCol.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/layout/LayoutRow.svelte b/frontend/src/components/layout/LayoutRow.svelte
index 5207877361..6db3b63828 100644
--- a/frontend/src/components/layout/LayoutRow.svelte
+++ b/frontend/src/components/layout/LayoutRow.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/panels/Data.svelte b/frontend/src/components/panels/Data.svelte
index 0a0f043004..bba3306e22 100644
--- a/frontend/src/components/panels/Data.svelte
+++ b/frontend/src/components/panels/Data.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy } from "svelte";
-
-	import type { Layout } from "@graphite/../wasm/pkg/graphite_wasm";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import type { Layout } from "/wasm/pkg/graphite_wasm";
 
 	const subscriptions = getContext<SubscriptionsRouter>("subscriptions");
 
diff --git a/frontend/src/components/panels/Document.svelte b/frontend/src/components/panels/Document.svelte
index 881cca656a..8d6169c95f 100644
--- a/frontend/src/components/panels/Document.svelte
+++ b/frontend/src/components/panels/Document.svelte
@@ -1,25 +1,23 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy, tick } from "svelte";
-
-	import type { Color, EditorHandle, MenuDirection, MouseCursorIcon } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { AppWindowStore } from "@graphite/stores/app-window";
-	import type { DocumentStore } from "@graphite/stores/document";
+	import ColorPicker from "/src/components/floating-menus/ColorPicker.svelte";
+	import EyedropperPreview, { ZOOM_WINDOW_DIMENSIONS } from "/src/components/floating-menus/EyedropperPreview.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import Graph from "/src/components/views/Graph.svelte";
+	import RulerInput from "/src/components/widgets/inputs/RulerInput.svelte";
+	import ScrollbarInput from "/src/components/widgets/inputs/ScrollbarInput.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
+	import type { AppWindowStore } from "/src/stores/app-window";
+	import type { DocumentStore } from "/src/stores/document";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
 	import type { MessageBody } from "/src/subscriptions-router";
-	import { fillChoiceColor, createColor } from "@graphite/utility-functions/colors";
-	import { pasteFile } from "@graphite/utility-functions/files";
-	import { textInputCleanup } from "@graphite/utility-functions/keyboard-entry";
-	import { rasterizeSVGCanvas } from "@graphite/utility-functions/rasterization";
-	import { setupViewportResizeObserver } from "@graphite/utility-functions/viewports";
-
-	import ColorPicker from "@graphite/components/floating-menus/ColorPicker.svelte";
-	import EyedropperPreview, { ZOOM_WINDOW_DIMENSIONS } from "@graphite/components/floating-menus/EyedropperPreview.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import Graph from "@graphite/components/views/Graph.svelte";
-	import RulerInput from "@graphite/components/widgets/inputs/RulerInput.svelte";
-	import ScrollbarInput from "@graphite/components/widgets/inputs/ScrollbarInput.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { fillChoiceColor, createColor } from "/src/utility-functions/colors";
+	import { pasteFile } from "/src/utility-functions/files";
+	import { textInputCleanup } from "/src/utility-functions/keyboard-entry";
+	import { rasterizeSVGCanvas } from "/src/utility-functions/rasterization";
+	import { setupViewportResizeObserver } from "/src/utility-functions/viewports";
+	import type { Color, EditorHandle, MenuDirection, MouseCursorIcon } from "/wasm/pkg/graphite_wasm";
 
 	let rulerHorizontal: RulerInput | undefined;
 	let rulerVertical: RulerInput | undefined;
diff --git a/frontend/src/components/panels/Layers.svelte b/frontend/src/components/panels/Layers.svelte
index 6ea82ecfc4..c1da90aa96 100644
--- a/frontend/src/components/panels/Layers.svelte
+++ b/frontend/src/components/panels/Layers.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy, tick } from "svelte";
 	import { SvelteMap } from "svelte/reactivity";
-
-	import type { EditorHandle, LayerPanelEntry, LayerStructureEntry, Layout } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { NodeGraphStore } from "@graphite/stores/node-graph";
-	import type { TooltipStore } from "@graphite/stores/tooltip";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import Separator from "/src/components/widgets/labels/Separator.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
+	import type { NodeGraphStore } from "/src/stores/node-graph";
+	import type { TooltipStore } from "/src/stores/tooltip";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { pasteFile } from "@graphite/utility-functions/files";
-	import { operatingSystem } from "@graphite/utility-functions/platform";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { pasteFile } from "/src/utility-functions/files";
+	import { operatingSystem } from "/src/utility-functions/platform";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import type { EditorHandle, LayerPanelEntry, LayerStructureEntry, Layout } from "/wasm/pkg/graphite_wasm";
 
 	type LayerListingInfo = {
 		folderIndex: number;
diff --git a/frontend/src/components/panels/Properties.svelte b/frontend/src/components/panels/Properties.svelte
index cd551a7cea..9986714ffa 100644
--- a/frontend/src/components/panels/Properties.svelte
+++ b/frontend/src/components/panels/Properties.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy } from "svelte";
-
-	import type { Layout } from "@graphite/../wasm/pkg/graphite_wasm";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import type { Layout } from "/wasm/pkg/graphite_wasm";
 
 	const subscriptions = getContext<SubscriptionsRouter>("subscriptions");
 
diff --git a/frontend/src/components/panels/Welcome.svelte b/frontend/src/components/panels/Welcome.svelte
index d89fd637c7..bef5df5637 100644
--- a/frontend/src/components/panels/Welcome.svelte
+++ b/frontend/src/components/panels/Welcome.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy } from "svelte";
-
-	import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { EditorHandle, Layout } from "@graphite/../wasm/pkg/graphite_wasm";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { pasteFile } from "@graphite/utility-functions/files";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { pasteFile } from "/src/utility-functions/files";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import { isPlatformNative } from "/wasm/pkg/graphite_wasm";
+	import type { EditorHandle, Layout } from "/wasm/pkg/graphite_wasm";
 
 	const subscriptions = getContext<SubscriptionsRouter>("subscriptions");
 	const editor = getContext<EditorHandle>("editor");
diff --git a/frontend/src/components/views/Graph.svelte b/frontend/src/components/views/Graph.svelte
index 705226d0c0..51dcb2bbf5 100644
--- a/frontend/src/components/views/Graph.svelte
+++ b/frontend/src/components/views/Graph.svelte
@@ -2,18 +2,16 @@
 	import { getContext } from "svelte";
 	import { cubicInOut } from "svelte/easing";
 	import { fade } from "svelte/transition";
-
-	import type { EditorHandle, FrontendGraphInput, FrontendGraphOutput, FrontendNode } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { DocumentStore } from "@graphite/stores/document";
-	import { closeContextMenu } from "@graphite/stores/node-graph";
-	import type { NodeGraphStore } from "@graphite/stores/node-graph";
-
-	import NodeCatalog from "@graphite/components/floating-menus/NodeCatalog.svelte";
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import NodeCatalog from "/src/components/floating-menus/NodeCatalog.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import TextButton from "/src/components/widgets/buttons/TextButton.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { DocumentStore } from "/src/stores/document";
+	import type { NodeGraphStore } from "/src/stores/node-graph";
+	import { closeContextMenu } from "/src/stores/node-graph";
+	import type { EditorHandle, FrontendGraphInput, FrontendGraphOutput, FrontendNode } from "/wasm/pkg/graphite_wasm";
 
 	const GRID_COLLAPSE_SPACING = 10;
 	const GRID_SIZE = 24;
diff --git a/frontend/src/components/widgets/WidgetLayout.svelte b/frontend/src/components/widgets/WidgetLayout.svelte
index 333743530e..fb4bb877a5 100644
--- a/frontend/src/components/widgets/WidgetLayout.svelte
+++ b/frontend/src/components/widgets/WidgetLayout.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
-	import type { Layout, LayoutTarget } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import WidgetSection from "@graphite/components/widgets/WidgetSection.svelte";
-	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
-	import WidgetTable from "@graphite/components/widgets/WidgetTable.svelte";
+	import WidgetSection from "/src/components/widgets/WidgetSection.svelte";
+	import WidgetSpan from "/src/components/widgets/WidgetSpan.svelte";
+	import WidgetTable from "/src/components/widgets/WidgetTable.svelte";
+	import type { Layout, LayoutTarget } from "/wasm/pkg/graphite_wasm";
 
 	export let layout: Layout;
 	export let layoutTarget: LayoutTarget;
diff --git a/frontend/src/components/widgets/WidgetSection.svelte b/frontend/src/components/widgets/WidgetSection.svelte
index db82e9515e..c3eaa50084 100644
--- a/frontend/src/components/widgets/WidgetSection.svelte
+++ b/frontend/src/components/widgets/WidgetSection.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { getContext } from "svelte";
-
-	import type { EditorHandle, LayoutTarget, WidgetSection as WidgetSectionData } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
-	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import WidgetSpan from "/src/components/widgets/WidgetSpan.svelte";
+	import type { EditorHandle, LayoutTarget, WidgetSection as WidgetSectionData } from "/wasm/pkg/graphite_wasm";
 
 	export let widgetData: WidgetSectionData;
 	export let layoutTarget: LayoutTarget;
diff --git a/frontend/src/components/widgets/WidgetSpan.svelte b/frontend/src/components/widgets/WidgetSpan.svelte
index 3feaebe11d..9d9ef75e6c 100644
--- a/frontend/src/components/widgets/WidgetSpan.svelte
+++ b/frontend/src/components/widgets/WidgetSpan.svelte
@@ -1,31 +1,29 @@
 <script lang="ts">
 	import { getContext } from "svelte";
-
-	import type { EditorHandle, LayoutTarget, Widget, WidgetInstance } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { parseFillChoice } from "@graphite/utility-functions/colors";
-
-	import NodeCatalog from "@graphite/components/floating-menus/NodeCatalog.svelte";
-	import BreadcrumbTrailButtons from "@graphite/components/widgets/buttons/BreadcrumbTrailButtons.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import ImageButton from "@graphite/components/widgets/buttons/ImageButton.svelte";
-	import ParameterExposeButton from "@graphite/components/widgets/buttons/ParameterExposeButton.svelte";
-	import PopoverButton from "@graphite/components/widgets/buttons/PopoverButton.svelte";
-	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
-	import CheckboxInput from "@graphite/components/widgets/inputs/CheckboxInput.svelte";
-	import ColorInput from "@graphite/components/widgets/inputs/ColorInput.svelte";
-	import CurveInput from "@graphite/components/widgets/inputs/CurveInput.svelte";
-	import DropdownInput from "@graphite/components/widgets/inputs/DropdownInput.svelte";
-	import NumberInput from "@graphite/components/widgets/inputs/NumberInput.svelte";
-	import RadioInput from "@graphite/components/widgets/inputs/RadioInput.svelte";
-	import ReferencePointInput from "@graphite/components/widgets/inputs/ReferencePointInput.svelte";
-	import TextAreaInput from "@graphite/components/widgets/inputs/TextAreaInput.svelte";
-	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
-	import WorkingColorsInput from "@graphite/components/widgets/inputs/WorkingColorsInput.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import ImageLabel from "@graphite/components/widgets/labels/ImageLabel.svelte";
-	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
-	import ShortcutLabel from "@graphite/components/widgets/labels/ShortcutLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import NodeCatalog from "/src/components/floating-menus/NodeCatalog.svelte";
+	import BreadcrumbTrailButtons from "/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import ImageButton from "/src/components/widgets/buttons/ImageButton.svelte";
+	import ParameterExposeButton from "/src/components/widgets/buttons/ParameterExposeButton.svelte";
+	import PopoverButton from "/src/components/widgets/buttons/PopoverButton.svelte";
+	import TextButton from "/src/components/widgets/buttons/TextButton.svelte";
+	import CheckboxInput from "/src/components/widgets/inputs/CheckboxInput.svelte";
+	import ColorInput from "/src/components/widgets/inputs/ColorInput.svelte";
+	import CurveInput from "/src/components/widgets/inputs/CurveInput.svelte";
+	import DropdownInput from "/src/components/widgets/inputs/DropdownInput.svelte";
+	import NumberInput from "/src/components/widgets/inputs/NumberInput.svelte";
+	import RadioInput from "/src/components/widgets/inputs/RadioInput.svelte";
+	import ReferencePointInput from "/src/components/widgets/inputs/ReferencePointInput.svelte";
+	import TextAreaInput from "/src/components/widgets/inputs/TextAreaInput.svelte";
+	import TextInput from "/src/components/widgets/inputs/TextInput.svelte";
+	import WorkingColorsInput from "/src/components/widgets/inputs/WorkingColorsInput.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import ImageLabel from "/src/components/widgets/labels/ImageLabel.svelte";
+	import Separator from "/src/components/widgets/labels/Separator.svelte";
+	import ShortcutLabel from "/src/components/widgets/labels/ShortcutLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import { parseFillChoice } from "/src/utility-functions/colors";
+	import type { EditorHandle, LayoutTarget, Widget, WidgetInstance } from "/wasm/pkg/graphite_wasm";
 
 	// Extract the discriminant key names from the Widget tagged enum union (e.g. "TextButton" | "CheckboxInput" | ...)
 	type WidgetKind = Widget extends infer T ? (T extends Record<infer K, unknown> ? K & string : never) : never;
diff --git a/frontend/src/components/widgets/WidgetTable.svelte b/frontend/src/components/widgets/WidgetTable.svelte
index ffb1dc1bfe..a4da56689c 100644
--- a/frontend/src/components/widgets/WidgetTable.svelte
+++ b/frontend/src/components/widgets/WidgetTable.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-	import type { LayoutTarget, WidgetTable } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+	import WidgetSpan from "/src/components/widgets/WidgetSpan.svelte";
+	import type { LayoutTarget, WidgetTable } from "/wasm/pkg/graphite_wasm";
 
 	export let widgetData: WidgetTable;
 	export let layoutTarget: LayoutTarget;
diff --git a/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte b/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
index 3c70b74681..f973396d3a 100644
--- a/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
+++ b/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import TextButton from "/src/components/widgets/buttons/TextButton.svelte";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	// Content
 	export let labels: string[];
diff --git a/frontend/src/components/widgets/buttons/IconButton.svelte b/frontend/src/components/widgets/buttons/IconButton.svelte
index 58d773edfe..e44181688d 100644
--- a/frontend/src/components/widgets/buttons/IconButton.svelte
+++ b/frontend/src/components/widgets/buttons/IconButton.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { IconName, IconSize } from "@graphite/icons";
-
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import type { IconName, IconSize } from "/src/icons";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	// Content
 	export let icon: IconName;
diff --git a/frontend/src/components/widgets/buttons/ImageButton.svelte b/frontend/src/components/widgets/buttons/ImageButton.svelte
index 5f1741f535..cb74bd5eeb 100644
--- a/frontend/src/components/widgets/buttons/ImageButton.svelte
+++ b/frontend/src/components/widgets/buttons/ImageButton.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { IMAGE_BASE64_STRINGS } from "@graphite/utility-functions/images";
+	import { IMAGE_BASE64_STRINGS } from "/src/utility-functions/images";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte b/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte
index 49a52b47f9..904928d293 100644
--- a/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte
+++ b/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
-	import type { FrontendGraphDataType, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import type { FrontendGraphDataType, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	// Content
 	export let exposed: boolean;
diff --git a/frontend/src/components/widgets/buttons/PopoverButton.svelte b/frontend/src/components/widgets/buttons/PopoverButton.svelte
index e3092604a2..2091fb7ded 100644
--- a/frontend/src/components/widgets/buttons/PopoverButton.svelte
+++ b/frontend/src/components/widgets/buttons/PopoverButton.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
-	import type { MenuDirection, ActionShortcut, Layout, LayoutTarget } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { IconName, PopoverButtonStyle } from "@graphite/icons";
-
-	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import FloatingMenu from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
+	import type { IconName, PopoverButtonStyle } from "/src/icons";
+	import type { MenuDirection, ActionShortcut, Layout, LayoutTarget } from "/wasm/pkg/graphite_wasm";
 
 	export let layoutTarget: LayoutTarget;
 
diff --git a/frontend/src/components/widgets/buttons/TextButton.svelte b/frontend/src/components/widgets/buttons/TextButton.svelte
index 9242344980..2addf114ea 100644
--- a/frontend/src/components/widgets/buttons/TextButton.svelte
+++ b/frontend/src/components/widgets/buttons/TextButton.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { MenuListEntry, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { IconName } from "@graphite/icons";
-
-	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
-	import ConditionalWrapper from "@graphite/components/layout/ConditionalWrapper.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import MenuList from "/src/components/floating-menus/MenuList.svelte";
+	import ConditionalWrapper from "/src/components/layout/ConditionalWrapper.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { IconName } from "/src/icons";
+	import type { MenuListEntry, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ selectedEntryValuePath: string[] }>();
 
diff --git a/frontend/src/components/widgets/inputs/CheckboxInput.svelte b/frontend/src/components/widgets/inputs/CheckboxInput.svelte
index 0f48c3e539..8daceadc6a 100644
--- a/frontend/src/components/widgets/inputs/CheckboxInput.svelte
+++ b/frontend/src/components/widgets/inputs/CheckboxInput.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { IconName } from "@graphite/icons";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import type { IconName } from "/src/icons";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ checked: boolean }>();
 	const backupId = String(Math.random()).substring(2);
diff --git a/frontend/src/components/widgets/inputs/ColorInput.svelte b/frontend/src/components/widgets/inputs/ColorInput.svelte
index 7b606f4394..95c2f5d959 100644
--- a/frontend/src/components/widgets/inputs/ColorInput.svelte
+++ b/frontend/src/components/widgets/inputs/ColorInput.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { FillChoice, MenuDirection, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { contrastingOutlineFactor, fillChoiceColor, fillChoiceGradientStops, colorToHexOptionalAlpha, gradientToLinearGradientCSS } from "@graphite/utility-functions/colors";
-
-	import ColorPicker from "@graphite/components/floating-menus/ColorPicker.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import ColorPicker from "/src/components/floating-menus/ColorPicker.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import { contrastingOutlineFactor, fillChoiceColor, fillChoiceGradientStops, colorToHexOptionalAlpha, gradientToLinearGradientCSS } from "/src/utility-functions/colors";
+	import type { FillChoice, MenuDirection, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ value: FillChoice; startHistoryTransaction: undefined }>();
 
diff --git a/frontend/src/components/widgets/inputs/CurveInput.svelte b/frontend/src/components/widgets/inputs/CurveInput.svelte
index 8fbcd27164..26374fe580 100644
--- a/frontend/src/components/widgets/inputs/CurveInput.svelte
+++ b/frontend/src/components/widgets/inputs/CurveInput.svelte
@@ -1,9 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { Curve, CurveManipulatorGroup, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import type { Curve, CurveManipulatorGroup, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{
 		value: Curve;
diff --git a/frontend/src/components/widgets/inputs/DropdownInput.svelte b/frontend/src/components/widgets/inputs/DropdownInput.svelte
index 59a81fe8ae..0a9d60dc5d 100644
--- a/frontend/src/components/widgets/inputs/DropdownInput.svelte
+++ b/frontend/src/components/widgets/inputs/DropdownInput.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { MenuListEntry, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import MenuList from "/src/components/floating-menus/MenuList.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { MenuListEntry, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const DASH_ENTRY: MenuListEntry = {
 		value: "",
diff --git a/frontend/src/components/widgets/inputs/FieldInput.svelte b/frontend/src/components/widgets/inputs/FieldInput.svelte
index 7ae945cd53..e88afdaeec 100644
--- a/frontend/src/components/widgets/inputs/FieldInput.svelte
+++ b/frontend/src/components/widgets/inputs/FieldInput.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { operatingSystem } from "@graphite/utility-functions/platform";
-
-	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import { preventEscapeClosingParentFloatingMenu } from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import { operatingSystem } from "/src/utility-functions/platform";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{
 		value: string;
diff --git a/frontend/src/components/widgets/inputs/NumberInput.svelte b/frontend/src/components/widgets/inputs/NumberInput.svelte
index bddaa05b97..67ad00e3d6 100644
--- a/frontend/src/components/widgets/inputs/NumberInput.svelte
+++ b/frontend/src/components/widgets/inputs/NumberInput.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
 	import { createEventDispatcher, onMount, onDestroy, getContext } from "svelte";
-
-	import { evaluateMathExpression, isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { ActionShortcut, EditorHandle, NumberInputIncrementBehavior, NumberInputMode } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS } from "@graphite/managers/input";
-	import { browserVersion } from "@graphite/utility-functions/platform";
-
-	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
-	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+	import { preventEscapeClosingParentFloatingMenu } from "/src/components/layout/FloatingMenu.svelte";
+	import FieldInput from "/src/components/widgets/inputs/FieldInput.svelte";
+	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS } from "/src/managers/input";
+	import { browserVersion } from "/src/utility-functions/platform";
+	import { evaluateMathExpression, isPlatformNative } from "/wasm/pkg/graphite_wasm";
+	import type { ActionShortcut, EditorHandle, NumberInputIncrementBehavior, NumberInputMode } from "/wasm/pkg/graphite_wasm";
 
 	const BUTTONS_LEFT = 0b0000_0001;
 	const BUTTONS_RIGHT = 0b0000_0010;
diff --git a/frontend/src/components/widgets/inputs/RadioInput.svelte b/frontend/src/components/widgets/inputs/RadioInput.svelte
index a714324643..d4d81b7c9e 100644
--- a/frontend/src/components/widgets/inputs/RadioInput.svelte
+++ b/frontend/src/components/widgets/inputs/RadioInput.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { RadioEntryData } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { RadioEntryData } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ selectedIndex: number }>();
 
diff --git a/frontend/src/components/widgets/inputs/ReferencePointInput.svelte b/frontend/src/components/widgets/inputs/ReferencePointInput.svelte
index 46a8a7ab11..a35f20003b 100644
--- a/frontend/src/components/widgets/inputs/ReferencePointInput.svelte
+++ b/frontend/src/components/widgets/inputs/ReferencePointInput.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { ReferencePoint, ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { ReferencePoint, ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ value: ReferencePoint }>();
 
diff --git a/frontend/src/components/widgets/inputs/ScrollbarInput.svelte b/frontend/src/components/widgets/inputs/ScrollbarInput.svelte
index c757ad7883..f4d610a2b8 100644
--- a/frontend/src/components/widgets/inputs/ScrollbarInput.svelte
+++ b/frontend/src/components/widgets/inputs/ScrollbarInput.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { createEventDispatcher, onDestroy } from "svelte";
-
-	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS, PRESS_REPEAT_INTERVAL_RAPID_MS } from "@graphite/managers/input";
+	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS, PRESS_REPEAT_INTERVAL_RAPID_MS } from "/src/managers/input";
 
 	const ARROW_CLICK_DISTANCE = 0.05;
 	const ARROW_REPEAT_DISTANCE = 0.01;
diff --git a/frontend/src/components/widgets/inputs/SpectrumInput.svelte b/frontend/src/components/widgets/inputs/SpectrumInput.svelte
index 4def6f9c96..47ddc02348 100644
--- a/frontend/src/components/widgets/inputs/SpectrumInput.svelte
+++ b/frontend/src/components/widgets/inputs/SpectrumInput.svelte
@@ -5,14 +5,12 @@
 
 <script lang="ts">
 	import { createEventDispatcher, onMount, onDestroy } from "svelte";
-
-	import { evaluateGradientAtPosition } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { Color, GradientStops } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { colorToHexOptionalAlpha, colorToRgbCSS, gradientFirstColor, gradientLastColor, gradientToLinearGradientCSS } from "@graphite/utility-functions/colors";
-
-	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import { preventEscapeClosingParentFloatingMenu } from "/src/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import { colorToHexOptionalAlpha, colorToRgbCSS, gradientFirstColor, gradientLastColor, gradientToLinearGradientCSS } from "/src/utility-functions/colors";
+	import { evaluateGradientAtPosition } from "/wasm/pkg/graphite_wasm";
+	import type { Color, GradientStops } from "/wasm/pkg/graphite_wasm";
 
 	const BUTTON_LEFT = 0;
 	const BUTTON_RIGHT = 2;
diff --git a/frontend/src/components/widgets/inputs/TextAreaInput.svelte b/frontend/src/components/widgets/inputs/TextAreaInput.svelte
index 963f574b30..7517af3f96 100644
--- a/frontend/src/components/widgets/inputs/TextAreaInput.svelte
+++ b/frontend/src/components/widgets/inputs/TextAreaInput.svelte
@@ -1,9 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+	import FieldInput from "/src/components/widgets/inputs/FieldInput.svelte";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ commitText: string }>();
 
diff --git a/frontend/src/components/widgets/inputs/TextInput.svelte b/frontend/src/components/widgets/inputs/TextInput.svelte
index 62e211fbfa..23f019a158 100644
--- a/frontend/src/components/widgets/inputs/TextInput.svelte
+++ b/frontend/src/components/widgets/inputs/TextInput.svelte
@@ -1,9 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher } from "svelte";
-
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+	import FieldInput from "/src/components/widgets/inputs/FieldInput.svelte";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	const dispatch = createEventDispatcher<{ commitText: string }>();
 
diff --git a/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte b/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte
index ed9540c92d..2909abd604 100644
--- a/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte
+++ b/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { getContext } from "svelte";
-
-	import type { Color, EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { fillChoiceColor, colorToRgbaCSS } from "@graphite/utility-functions/colors";
-
-	import ColorPicker from "@graphite/components/floating-menus/ColorPicker.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import ColorPicker from "/src/components/floating-menus/ColorPicker.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import { fillChoiceColor, colorToRgbaCSS } from "/src/utility-functions/colors";
+	import type { Color, EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 	const editor = getContext<EditorHandle>("editor");
 
diff --git a/frontend/src/components/widgets/labels/IconLabel.svelte b/frontend/src/components/widgets/labels/IconLabel.svelte
index eeb57b46de..425ca45706 100644
--- a/frontend/src/components/widgets/labels/IconLabel.svelte
+++ b/frontend/src/components/widgets/labels/IconLabel.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
-	import { ICONS, ICON_SVG_STRINGS } from "@graphite/icons";
-	import type { IconName } from "@graphite/icons";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import { ICONS, ICON_SVG_STRINGS } from "/src/icons";
+	import type { IconName } from "/src/icons";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/widgets/labels/ImageLabel.svelte b/frontend/src/components/widgets/labels/ImageLabel.svelte
index d48ef6bae2..e8e2b67eff 100644
--- a/frontend/src/components/widgets/labels/ImageLabel.svelte
+++ b/frontend/src/components/widgets/labels/ImageLabel.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/widgets/labels/Separator.svelte b/frontend/src/components/widgets/labels/Separator.svelte
index 653cd08614..8dd39a5473 100644
--- a/frontend/src/components/widgets/labels/Separator.svelte
+++ b/frontend/src/components/widgets/labels/Separator.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { SeparatorDirection, SeparatorStyle } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { SeparatorDirection, SeparatorStyle } from "/wasm/pkg/graphite_wasm";
 
 	// Content
 	export let direction: SeparatorDirection = "Horizontal";
diff --git a/frontend/src/components/widgets/labels/ShortcutLabel.svelte b/frontend/src/components/widgets/labels/ShortcutLabel.svelte
index 6651c20647..9518364821 100644
--- a/frontend/src/components/widgets/labels/ShortcutLabel.svelte
+++ b/frontend/src/components/widgets/labels/ShortcutLabel.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
-	import type { ActionShortcut, Key, LabeledShortcut, MouseMotion } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { IconName } from "@graphite/icons";
-	import { operatingSystem } from "@graphite/utility-functions/platform";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { IconName } from "/src/icons";
+	import { operatingSystem } from "/src/utility-functions/platform";
+	import type { ActionShortcut, Key, LabeledShortcut, MouseMotion } from "/wasm/pkg/graphite_wasm";
 
 	// Content
 	export let shortcut: ActionShortcut;
diff --git a/frontend/src/components/widgets/labels/TextLabel.svelte b/frontend/src/components/widgets/labels/TextLabel.svelte
index 558e16d578..2acfd704f1 100644
--- a/frontend/src/components/widgets/labels/TextLabel.svelte
+++ b/frontend/src/components/widgets/labels/TextLabel.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { onMount, onDestroy } from "svelte";
-
-	import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
+	import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 	let className = "";
 	export { className as class };
diff --git a/frontend/src/components/window/MainWindow.svelte b/frontend/src/components/window/MainWindow.svelte
index 1f61fd4b96..8e6347db8c 100644
--- a/frontend/src/components/window/MainWindow.svelte
+++ b/frontend/src/components/window/MainWindow.svelte
@@ -1,18 +1,16 @@
 <script lang="ts">
 	import { getContext } from "svelte";
-
-	import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { AppWindowStore } from "@graphite/stores/app-window";
-	import type { DialogStore } from "@graphite/stores/dialog";
-	import type { TooltipStore } from "@graphite/stores/tooltip";
-
-	import Dialog from "@graphite/components/floating-menus/Dialog.svelte";
-	import Tooltip from "@graphite/components/floating-menus/Tooltip.svelte";
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
-	import StatusBar from "@graphite/components/window/StatusBar.svelte";
-	import TitleBar from "@graphite/components/window/TitleBar.svelte";
-	import Workspace from "@graphite/components/window/Workspace.svelte";
+	import Dialog from "/src/components/floating-menus/Dialog.svelte";
+	import Tooltip from "/src/components/floating-menus/Tooltip.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import StatusBar from "/src/components/window/StatusBar.svelte";
+	import TitleBar from "/src/components/window/TitleBar.svelte";
+	import Workspace from "/src/components/window/Workspace.svelte";
+	import type { AppWindowStore } from "/src/stores/app-window";
+	import type { DialogStore } from "/src/stores/dialog";
+	import type { TooltipStore } from "/src/stores/tooltip";
+	import { isPlatformNative } from "/wasm/pkg/graphite_wasm";
 
 	const dialog = getContext<DialogStore>("dialog");
 	const tooltip = getContext<TooltipStore>("tooltip");
diff --git a/frontend/src/components/window/Panel.svelte b/frontend/src/components/window/Panel.svelte
index c10a555d38..b0855a69b7 100644
--- a/frontend/src/components/window/Panel.svelte
+++ b/frontend/src/components/window/Panel.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
 	import { getContext, tick } from "svelte";
-
-	import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import Data from "@graphite/components/panels/Data.svelte";
-	import Document from "@graphite/components/panels/Document.svelte";
-	import Layers from "@graphite/components/panels/Layers.svelte";
-	import Properties from "@graphite/components/panels/Properties.svelte";
-	import Welcome from "@graphite/components/panels/Welcome.svelte";
-	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
-	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import Data from "/src/components/panels/Data.svelte";
+	import Document from "/src/components/panels/Document.svelte";
+	import Layers from "/src/components/panels/Layers.svelte";
+	import Properties from "/src/components/panels/Properties.svelte";
+	import Welcome from "/src/components/panels/Welcome.svelte";
+	import IconButton from "/src/components/widgets/buttons/IconButton.svelte";
+	import TextLabel from "/src/components/widgets/labels/TextLabel.svelte";
+	import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 	type PanelType = keyof typeof PANEL_COMPONENTS;
 
diff --git a/frontend/src/components/window/StatusBar.svelte b/frontend/src/components/window/StatusBar.svelte
index 1b8f53ed0b..c6d2ee4d33 100644
--- a/frontend/src/components/window/StatusBar.svelte
+++ b/frontend/src/components/window/StatusBar.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy } from "svelte";
-
-	import type { Layout } from "@graphite/../wasm/pkg/graphite_wasm";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import Separator from "/src/components/widgets/labels/Separator.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import type { Layout } from "/wasm/pkg/graphite_wasm";
 
 	const subscriptions = getContext<SubscriptionsRouter>("subscriptions");
 
diff --git a/frontend/src/components/window/TitleBar.svelte b/frontend/src/components/window/TitleBar.svelte
index e0650734cb..05ef8f168d 100644
--- a/frontend/src/components/window/TitleBar.svelte
+++ b/frontend/src/components/window/TitleBar.svelte
@@ -1,18 +1,16 @@
 <script lang="ts">
 	import { getContext, onMount, onDestroy } from "svelte";
-
-	import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { EditorHandle, Layout } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { AppWindowStore } from "@graphite/stores/app-window";
-	import { enterFullscreen, exitFullscreen } from "@graphite/stores/fullscreen";
-	import type { FullscreenStore } from "@graphite/stores/fullscreen";
-	import type { TooltipStore } from "@graphite/stores/tooltip";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import IconLabel from "/src/components/widgets/labels/IconLabel.svelte";
+	import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
+	import type { AppWindowStore } from "/src/stores/app-window";
+	import { enterFullscreen, exitFullscreen } from "/src/stores/fullscreen";
+	import type { FullscreenStore } from "/src/stores/fullscreen";
+	import type { TooltipStore } from "/src/stores/tooltip";
 	import type { SubscriptionsRouter } from "/src/subscriptions-router";
-	import { patchLayout } from "@graphite/utility-functions/widgets";
-
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
-	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import { patchLayout } from "/src/utility-functions/widgets";
+	import type { EditorHandle, Layout } from "/wasm/pkg/graphite_wasm";
+	import { isPlatformNative } from "/wasm/pkg/graphite_wasm";
 
 	const keyboardLockApiSupported = navigator.keyboard !== undefined && "lock" in navigator.keyboard;
 
diff --git a/frontend/src/components/window/Workspace.svelte b/frontend/src/components/window/Workspace.svelte
index 6a57f98e93..374cab720f 100644
--- a/frontend/src/components/window/Workspace.svelte
+++ b/frontend/src/components/window/Workspace.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { getContext, onDestroy } from "svelte";
-
-	import type { EditorHandle, OpenDocument } from "@graphite/../wasm/pkg/graphite_wasm";
-	import type { PortfolioStore } from "@graphite/stores/portfolio";
-
-	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
-	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
-	import Panel from "@graphite/components/window/Panel.svelte";
+	import LayoutCol from "/src/components/layout/LayoutCol.svelte";
+	import LayoutRow from "/src/components/layout/LayoutRow.svelte";
+	import Panel from "/src/components/window/Panel.svelte";
+	import type { PortfolioStore } from "/src/stores/portfolio";
+	import type { EditorHandle, OpenDocument } from "/wasm/pkg/graphite_wasm";
 
 	const MIN_PANEL_SIZE = 100;
 	const PANEL_SIZES = {
diff --git a/frontend/src/icons.ts b/frontend/src/icons.ts
index dad43d174f..9b23da303a 100644
--- a/frontend/src/icons.ts
+++ b/frontend/src/icons.ts
@@ -1,57 +1,57 @@
 // Graphics
-import GraphiteLogotypeSolid from "@branding/assets/graphics/graphite-logotype-solid.svg";
+import GraphiteLogotypeSolid from "/../branding/assets/graphics/graphite-logotype-solid.svg";
 
 const GRAPHICS = {
 	GraphiteLogotypeSolid: { svg: GraphiteLogotypeSolid, size: undefined },
 } as const;
 
 // 12px Solid
-import Add from "@branding/assets/icon-12px-solid/add.svg";
-import Checkmark from "@branding/assets/icon-12px-solid/checkmark.svg";
-import Clipped from "@branding/assets/icon-12px-solid/clipped.svg";
-import CloseX from "@branding/assets/icon-12px-solid/close-x.svg";
-import Delay from "@branding/assets/icon-12px-solid/delay.svg";
-import DotThick from "@branding/assets/icon-12px-solid/dot-thick.svg";
-import Dot from "@branding/assets/icon-12px-solid/dot.svg";
-import DropdownArrow from "@branding/assets/icon-12px-solid/dropdown-arrow.svg";
-import Edit12px from "@branding/assets/icon-12px-solid/edit-12px.svg";
-import Empty12px from "@branding/assets/icon-12px-solid/empty-12px.svg";
-import Failure from "@branding/assets/icon-12px-solid/failure.svg";
-import FullscreenEnter from "@branding/assets/icon-12px-solid/fullscreen-enter.svg";
-import FullscreenExit from "@branding/assets/icon-12px-solid/fullscreen-exit.svg";
-import GridDotted from "@branding/assets/icon-12px-solid/grid-dotted.svg";
-import Grid from "@branding/assets/icon-12px-solid/grid.svg";
-import Info from "@branding/assets/icon-12px-solid/info.svg";
-import KeyboardArrowDown from "@branding/assets/icon-12px-solid/keyboard-arrow-down.svg";
-import KeyboardArrowLeft from "@branding/assets/icon-12px-solid/keyboard-arrow-left.svg";
-import KeyboardArrowRight from "@branding/assets/icon-12px-solid/keyboard-arrow-right.svg";
-import KeyboardArrowUp from "@branding/assets/icon-12px-solid/keyboard-arrow-up.svg";
-import KeyboardBackspace from "@branding/assets/icon-12px-solid/keyboard-backspace.svg";
-import KeyboardCommand from "@branding/assets/icon-12px-solid/keyboard-command.svg";
-import KeyboardControl from "@branding/assets/icon-12px-solid/keyboard-control.svg";
-import KeyboardEnter from "@branding/assets/icon-12px-solid/keyboard-enter.svg";
-import KeyboardOption from "@branding/assets/icon-12px-solid/keyboard-option.svg";
-import KeyboardShift from "@branding/assets/icon-12px-solid/keyboard-shift.svg";
-import KeyboardSpace from "@branding/assets/icon-12px-solid/keyboard-space.svg";
-import KeyboardTab from "@branding/assets/icon-12px-solid/keyboard-tab.svg";
-import License12px from "@branding/assets/icon-12px-solid/license-12px.svg";
-import Link from "@branding/assets/icon-12px-solid/link.svg";
-import Overlays from "@branding/assets/icon-12px-solid/overlays.svg";
-import Remove from "@branding/assets/icon-12px-solid/remove.svg";
-import RenderModeNormal from "@branding/assets/icon-12px-solid/render-mode-normal.svg";
-import RenderModeOutline from "@branding/assets/icon-12px-solid/render-mode-outline.svg";
-import RenderModePixels from "@branding/assets/icon-12px-solid/render-mode-pixels.svg";
-import RenderModeSvg from "@branding/assets/icon-12px-solid/render-mode-svg.svg";
-import Snapping from "@branding/assets/icon-12px-solid/snapping.svg";
-import SwapHorizontal from "@branding/assets/icon-12px-solid/swap-horizontal.svg";
-import SwapVertical from "@branding/assets/icon-12px-solid/swap-vertical.svg";
-import VerticalEllipsis from "@branding/assets/icon-12px-solid/vertical-ellipsis.svg";
-import Warning from "@branding/assets/icon-12px-solid/warning.svg";
-import WindowButtonWinClose from "@branding/assets/icon-12px-solid/window-button-win-close.svg";
-import WindowButtonWinMaximize from "@branding/assets/icon-12px-solid/window-button-win-maximize.svg";
-import WindowButtonWinMinimize from "@branding/assets/icon-12px-solid/window-button-win-minimize.svg";
-import WindowButtonWinRestoreDown from "@branding/assets/icon-12px-solid/window-button-win-restore-down.svg";
-import WorkingColors from "@branding/assets/icon-12px-solid/working-colors.svg";
+import Add from "/../branding/assets/icon-12px-solid/add.svg";
+import Checkmark from "/../branding/assets/icon-12px-solid/checkmark.svg";
+import Clipped from "/../branding/assets/icon-12px-solid/clipped.svg";
+import CloseX from "/../branding/assets/icon-12px-solid/close-x.svg";
+import Delay from "/../branding/assets/icon-12px-solid/delay.svg";
+import DotThick from "/../branding/assets/icon-12px-solid/dot-thick.svg";
+import Dot from "/../branding/assets/icon-12px-solid/dot.svg";
+import DropdownArrow from "/../branding/assets/icon-12px-solid/dropdown-arrow.svg";
+import Edit12px from "/../branding/assets/icon-12px-solid/edit-12px.svg";
+import Empty12px from "/../branding/assets/icon-12px-solid/empty-12px.svg";
+import Failure from "/../branding/assets/icon-12px-solid/failure.svg";
+import FullscreenEnter from "/../branding/assets/icon-12px-solid/fullscreen-enter.svg";
+import FullscreenExit from "/../branding/assets/icon-12px-solid/fullscreen-exit.svg";
+import GridDotted from "/../branding/assets/icon-12px-solid/grid-dotted.svg";
+import Grid from "/../branding/assets/icon-12px-solid/grid.svg";
+import Info from "/../branding/assets/icon-12px-solid/info.svg";
+import KeyboardArrowDown from "/../branding/assets/icon-12px-solid/keyboard-arrow-down.svg";
+import KeyboardArrowLeft from "/../branding/assets/icon-12px-solid/keyboard-arrow-left.svg";
+import KeyboardArrowRight from "/../branding/assets/icon-12px-solid/keyboard-arrow-right.svg";
+import KeyboardArrowUp from "/../branding/assets/icon-12px-solid/keyboard-arrow-up.svg";
+import KeyboardBackspace from "/../branding/assets/icon-12px-solid/keyboard-backspace.svg";
+import KeyboardCommand from "/../branding/assets/icon-12px-solid/keyboard-command.svg";
+import KeyboardControl from "/../branding/assets/icon-12px-solid/keyboard-control.svg";
+import KeyboardEnter from "/../branding/assets/icon-12px-solid/keyboard-enter.svg";
+import KeyboardOption from "/../branding/assets/icon-12px-solid/keyboard-option.svg";
+import KeyboardShift from "/../branding/assets/icon-12px-solid/keyboard-shift.svg";
+import KeyboardSpace from "/../branding/assets/icon-12px-solid/keyboard-space.svg";
+import KeyboardTab from "/../branding/assets/icon-12px-solid/keyboard-tab.svg";
+import License12px from "/../branding/assets/icon-12px-solid/license-12px.svg";
+import Link from "/../branding/assets/icon-12px-solid/link.svg";
+import Overlays from "/../branding/assets/icon-12px-solid/overlays.svg";
+import Remove from "/../branding/assets/icon-12px-solid/remove.svg";
+import RenderModeNormal from "/../branding/assets/icon-12px-solid/render-mode-normal.svg";
+import RenderModeOutline from "/../branding/assets/icon-12px-solid/render-mode-outline.svg";
+import RenderModePixels from "/../branding/assets/icon-12px-solid/render-mode-pixels.svg";
+import RenderModeSvg from "/../branding/assets/icon-12px-solid/render-mode-svg.svg";
+import Snapping from "/../branding/assets/icon-12px-solid/snapping.svg";
+import SwapHorizontal from "/../branding/assets/icon-12px-solid/swap-horizontal.svg";
+import SwapVertical from "/../branding/assets/icon-12px-solid/swap-vertical.svg";
+import VerticalEllipsis from "/../branding/assets/icon-12px-solid/vertical-ellipsis.svg";
+import Warning from "/../branding/assets/icon-12px-solid/warning.svg";
+import WindowButtonWinClose from "/../branding/assets/icon-12px-solid/window-button-win-close.svg";
+import WindowButtonWinMaximize from "/../branding/assets/icon-12px-solid/window-button-win-maximize.svg";
+import WindowButtonWinMinimize from "/../branding/assets/icon-12px-solid/window-button-win-minimize.svg";
+import WindowButtonWinRestoreDown from "/../branding/assets/icon-12px-solid/window-button-win-restore-down.svg";
+import WorkingColors from "/../branding/assets/icon-12px-solid/working-colors.svg";
 
 const SOLID_12PX = {
 	Add: { svg: Add, size: 12 },
@@ -103,121 +103,121 @@ const SOLID_12PX = {
 } as const;
 
 // 16px Solid
-import AlignBottom from "@branding/assets/icon-16px-solid/align-bottom.svg";
-import AlignHorizontalCenter from "@branding/assets/icon-16px-solid/align-horizontal-center.svg";
-import AlignLeft from "@branding/assets/icon-16px-solid/align-left.svg";
-import AlignRight from "@branding/assets/icon-16px-solid/align-right.svg";
-import AlignTop from "@branding/assets/icon-16px-solid/align-top.svg";
-import AlignVerticalCenter from "@branding/assets/icon-16px-solid/align-vertical-center.svg";
-import Artboard from "@branding/assets/icon-16px-solid/artboard.svg";
-import BooleanDifference from "@branding/assets/icon-16px-solid/boolean-difference.svg";
-import BooleanDivide from "@branding/assets/icon-16px-solid/boolean-divide.svg";
-import BooleanIntersect from "@branding/assets/icon-16px-solid/boolean-intersect.svg";
-import BooleanSubtractBack from "@branding/assets/icon-16px-solid/boolean-subtract-back.svg";
-import BooleanSubtractFront from "@branding/assets/icon-16px-solid/boolean-subtract-front.svg";
-import BooleanUnion from "@branding/assets/icon-16px-solid/boolean-union.svg";
-import Bug from "@branding/assets/icon-16px-solid/bug.svg";
-import CheckboxChecked from "@branding/assets/icon-16px-solid/checkbox-checked.svg";
-import CheckboxUnchecked from "@branding/assets/icon-16px-solid/checkbox-unchecked.svg";
-import CloseAll from "@branding/assets/icon-16px-solid/close-all.svg";
-import Close from "@branding/assets/icon-16px-solid/close.svg";
-import Code from "@branding/assets/icon-16px-solid/code.svg";
-import Copy from "@branding/assets/icon-16px-solid/copy.svg";
-import Credits from "@branding/assets/icon-16px-solid/credits.svg";
-import CustomColor from "@branding/assets/icon-16px-solid/custom-color.svg";
-import Cut from "@branding/assets/icon-16px-solid/cut.svg";
-import DeselectAll from "@branding/assets/icon-16px-solid/deselect-all.svg";
-import Edit from "@branding/assets/icon-16px-solid/edit.svg";
-import Empty from "@branding/assets/icon-16px-solid/empty.svg";
-import EyeHidden from "@branding/assets/icon-16px-solid/eye-hidden.svg";
-import EyeHide from "@branding/assets/icon-16px-solid/eye-hide.svg";
-import EyeShow from "@branding/assets/icon-16px-solid/eye-show.svg";
-import EyeVisible from "@branding/assets/icon-16px-solid/eye-visible.svg";
-import Eyedropper from "@branding/assets/icon-16px-solid/eyedropper.svg";
-import FileExport from "@branding/assets/icon-16px-solid/file-export.svg";
-import FileImport from "@branding/assets/icon-16px-solid/file-import.svg";
-import File from "@branding/assets/icon-16px-solid/file.svg";
-import FlipHorizontal from "@branding/assets/icon-16px-solid/flip-horizontal.svg";
-import FlipVertical from "@branding/assets/icon-16px-solid/flip-vertical.svg";
-import FolderOpen from "@branding/assets/icon-16px-solid/folder-open.svg";
-import Folder from "@branding/assets/icon-16px-solid/folder.svg";
-import FrameAll from "@branding/assets/icon-16px-solid/frame-all.svg";
-import FrameSelected from "@branding/assets/icon-16px-solid/frame-selected.svg";
-import GraphViewClosed from "@branding/assets/icon-16px-solid/graph-view-closed.svg";
-import GraphViewOpen from "@branding/assets/icon-16px-solid/graph-view-open.svg";
-import GraphiteLogo from "@branding/assets/icon-16px-solid/graphite-logo.svg";
-import HandleVisibilityAll from "@branding/assets/icon-16px-solid/handle-visibility-all.svg";
-import HandleVisibilityFrontier from "@branding/assets/icon-16px-solid/handle-visibility-frontier.svg";
-import HandleVisibilitySelected from "@branding/assets/icon-16px-solid/handle-visibility-selected.svg";
-import Heart from "@branding/assets/icon-16px-solid/heart.svg";
-import HistoryRedo from "@branding/assets/icon-16px-solid/history-redo.svg";
-import HistoryUndo from "@branding/assets/icon-16px-solid/history-undo.svg";
-import IconsGrid from "@branding/assets/icon-16px-solid/icons-grid.svg";
-import Image from "@branding/assets/icon-16px-solid/image.svg";
-import Layer from "@branding/assets/icon-16px-solid/layer.svg";
-import License from "@branding/assets/icon-16px-solid/license.svg";
-import NewLayer from "@branding/assets/icon-16px-solid/new-layer.svg";
-import NodeBlur from "@branding/assets/icon-16px-solid/node-blur.svg";
-import NodeBrushwork from "@branding/assets/icon-16px-solid/node-brushwork.svg";
-import NodeColorCorrection from "@branding/assets/icon-16px-solid/node-color-correction.svg";
-import NodeGradient from "@branding/assets/icon-16px-solid/node-gradient.svg";
-import NodeMagicWand from "@branding/assets/icon-16px-solid/node-magic-wand.svg";
-import NodeMask from "@branding/assets/icon-16px-solid/node-mask.svg";
-import NodeMotionBlur from "@branding/assets/icon-16px-solid/node-motion-blur.svg";
-import NodeNodes from "@branding/assets/icon-16px-solid/node-nodes.svg";
-import NodeOutput from "@branding/assets/icon-16px-solid/node-output.svg";
-import NodeShape from "@branding/assets/icon-16px-solid/node-shape.svg";
-import NodeText from "@branding/assets/icon-16px-solid/node-text.svg";
-import NodeTransform from "@branding/assets/icon-16px-solid/node-transform.svg";
-import Node from "@branding/assets/icon-16px-solid/node.svg";
-import PadlockLocked from "@branding/assets/icon-16px-solid/padlock-locked.svg";
-import PadlockUnlocked from "@branding/assets/icon-16px-solid/padlock-unlocked.svg";
-import Paste from "@branding/assets/icon-16px-solid/paste.svg";
-import PinActive from "@branding/assets/icon-16px-solid/pin-active.svg";
-import PinInactive from "@branding/assets/icon-16px-solid/pin-inactive.svg";
-import PlaybackPause from "@branding/assets/icon-16px-solid/playback-pause.svg";
-import PlaybackPlay from "@branding/assets/icon-16px-solid/playback-play.svg";
-import PlaybackToEnd from "@branding/assets/icon-16px-solid/playback-to-end.svg";
-import PlaybackToStart from "@branding/assets/icon-16px-solid/playback-to-start.svg";
-import Random from "@branding/assets/icon-16px-solid/random.svg";
-import Reload from "@branding/assets/icon-16px-solid/reload.svg";
-import Reset from "@branding/assets/icon-16px-solid/reset.svg";
-import Resync from "@branding/assets/icon-16px-solid/resync.svg";
-import ReverseRadialGradientToLeft from "@branding/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg";
-import ReverseRadialGradientToRight from "@branding/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg";
-import Reverse from "@branding/assets/icon-16px-solid/reverse.svg";
-import Save from "@branding/assets/icon-16px-solid/save.svg";
-import SelectAll from "@branding/assets/icon-16px-solid/select-all.svg";
-import SelectParent from "@branding/assets/icon-16px-solid/select-parent.svg";
-import Settings from "@branding/assets/icon-16px-solid/settings.svg";
-import SmallDot from "@branding/assets/icon-16px-solid/small-dot.svg";
-import StackBottom from "@branding/assets/icon-16px-solid/stack-bottom.svg";
-import StackHollow from "@branding/assets/icon-16px-solid/stack-hollow.svg";
-import StackLower from "@branding/assets/icon-16px-solid/stack-lower.svg";
-import StackRaise from "@branding/assets/icon-16px-solid/stack-raise.svg";
-import StackReverse from "@branding/assets/icon-16px-solid/stack-reverse.svg";
-import Stack from "@branding/assets/icon-16px-solid/stack.svg";
-import TiltReset from "@branding/assets/icon-16px-solid/tilt-reset.svg";
-import Tilt from "@branding/assets/icon-16px-solid/tilt.svg";
-import TransformationGrab from "@branding/assets/icon-16px-solid/transformation-grab.svg";
-import TransformationRotate from "@branding/assets/icon-16px-solid/transformation-rotate.svg";
-import TransformationScale from "@branding/assets/icon-16px-solid/transformation-scale.svg";
-import Trash from "@branding/assets/icon-16px-solid/trash.svg";
-import TurnNegative90 from "@branding/assets/icon-16px-solid/turn-negative-90.svg";
-import TurnPositive90 from "@branding/assets/icon-16px-solid/turn-positive-90.svg";
-import UserManual from "@branding/assets/icon-16px-solid/user-manual.svg";
-import ViewportDesignMode from "@branding/assets/icon-16px-solid/viewport-design-mode.svg";
-import ViewportGuideMode from "@branding/assets/icon-16px-solid/viewport-guide-mode.svg";
-import ViewportSelectMode from "@branding/assets/icon-16px-solid/viewport-select-mode.svg";
-import Volunteer from "@branding/assets/icon-16px-solid/volunteer.svg";
-import Website from "@branding/assets/icon-16px-solid/website.svg";
-import WorkingColorsPrimary from "@branding/assets/icon-16px-solid/working-colors-primary.svg";
-import WorkingColorsSecondary from "@branding/assets/icon-16px-solid/working-colors-secondary.svg";
-import Zoom1x from "@branding/assets/icon-16px-solid/zoom-1x.svg";
-import Zoom2x from "@branding/assets/icon-16px-solid/zoom-2x.svg";
-import ZoomIn from "@branding/assets/icon-16px-solid/zoom-in.svg";
-import ZoomOut from "@branding/assets/icon-16px-solid/zoom-out.svg";
-import ZoomReset from "@branding/assets/icon-16px-solid/zoom-reset.svg";
+import AlignBottom from "/../branding/assets/icon-16px-solid/align-bottom.svg";
+import AlignHorizontalCenter from "/../branding/assets/icon-16px-solid/align-horizontal-center.svg";
+import AlignLeft from "/../branding/assets/icon-16px-solid/align-left.svg";
+import AlignRight from "/../branding/assets/icon-16px-solid/align-right.svg";
+import AlignTop from "/../branding/assets/icon-16px-solid/align-top.svg";
+import AlignVerticalCenter from "/../branding/assets/icon-16px-solid/align-vertical-center.svg";
+import Artboard from "/../branding/assets/icon-16px-solid/artboard.svg";
+import BooleanDifference from "/../branding/assets/icon-16px-solid/boolean-difference.svg";
+import BooleanDivide from "/../branding/assets/icon-16px-solid/boolean-divide.svg";
+import BooleanIntersect from "/../branding/assets/icon-16px-solid/boolean-intersect.svg";
+import BooleanSubtractBack from "/../branding/assets/icon-16px-solid/boolean-subtract-back.svg";
+import BooleanSubtractFront from "/../branding/assets/icon-16px-solid/boolean-subtract-front.svg";
+import BooleanUnion from "/../branding/assets/icon-16px-solid/boolean-union.svg";
+import Bug from "/../branding/assets/icon-16px-solid/bug.svg";
+import CheckboxChecked from "/../branding/assets/icon-16px-solid/checkbox-checked.svg";
+import CheckboxUnchecked from "/../branding/assets/icon-16px-solid/checkbox-unchecked.svg";
+import CloseAll from "/../branding/assets/icon-16px-solid/close-all.svg";
+import Close from "/../branding/assets/icon-16px-solid/close.svg";
+import Code from "/../branding/assets/icon-16px-solid/code.svg";
+import Copy from "/../branding/assets/icon-16px-solid/copy.svg";
+import Credits from "/../branding/assets/icon-16px-solid/credits.svg";
+import CustomColor from "/../branding/assets/icon-16px-solid/custom-color.svg";
+import Cut from "/../branding/assets/icon-16px-solid/cut.svg";
+import DeselectAll from "/../branding/assets/icon-16px-solid/deselect-all.svg";
+import Edit from "/../branding/assets/icon-16px-solid/edit.svg";
+import Empty from "/../branding/assets/icon-16px-solid/empty.svg";
+import EyeHidden from "/../branding/assets/icon-16px-solid/eye-hidden.svg";
+import EyeHide from "/../branding/assets/icon-16px-solid/eye-hide.svg";
+import EyeShow from "/../branding/assets/icon-16px-solid/eye-show.svg";
+import EyeVisible from "/../branding/assets/icon-16px-solid/eye-visible.svg";
+import Eyedropper from "/../branding/assets/icon-16px-solid/eyedropper.svg";
+import FileExport from "/../branding/assets/icon-16px-solid/file-export.svg";
+import FileImport from "/../branding/assets/icon-16px-solid/file-import.svg";
+import File from "/../branding/assets/icon-16px-solid/file.svg";
+import FlipHorizontal from "/../branding/assets/icon-16px-solid/flip-horizontal.svg";
+import FlipVertical from "/../branding/assets/icon-16px-solid/flip-vertical.svg";
+import FolderOpen from "/../branding/assets/icon-16px-solid/folder-open.svg";
+import Folder from "/../branding/assets/icon-16px-solid/folder.svg";
+import FrameAll from "/../branding/assets/icon-16px-solid/frame-all.svg";
+import FrameSelected from "/../branding/assets/icon-16px-solid/frame-selected.svg";
+import GraphViewClosed from "/../branding/assets/icon-16px-solid/graph-view-closed.svg";
+import GraphViewOpen from "/../branding/assets/icon-16px-solid/graph-view-open.svg";
+import GraphiteLogo from "/../branding/assets/icon-16px-solid/graphite-logo.svg";
+import HandleVisibilityAll from "/../branding/assets/icon-16px-solid/handle-visibility-all.svg";
+import HandleVisibilityFrontier from "/../branding/assets/icon-16px-solid/handle-visibility-frontier.svg";
+import HandleVisibilitySelected from "/../branding/assets/icon-16px-solid/handle-visibility-selected.svg";
+import Heart from "/../branding/assets/icon-16px-solid/heart.svg";
+import HistoryRedo from "/../branding/assets/icon-16px-solid/history-redo.svg";
+import HistoryUndo from "/../branding/assets/icon-16px-solid/history-undo.svg";
+import IconsGrid from "/../branding/assets/icon-16px-solid/icons-grid.svg";
+import Image from "/../branding/assets/icon-16px-solid/image.svg";
+import Layer from "/../branding/assets/icon-16px-solid/layer.svg";
+import License from "/../branding/assets/icon-16px-solid/license.svg";
+import NewLayer from "/../branding/assets/icon-16px-solid/new-layer.svg";
+import NodeBlur from "/../branding/assets/icon-16px-solid/node-blur.svg";
+import NodeBrushwork from "/../branding/assets/icon-16px-solid/node-brushwork.svg";
+import NodeColorCorrection from "/../branding/assets/icon-16px-solid/node-color-correction.svg";
+import NodeGradient from "/../branding/assets/icon-16px-solid/node-gradient.svg";
+import NodeMagicWand from "/../branding/assets/icon-16px-solid/node-magic-wand.svg";
+import NodeMask from "/../branding/assets/icon-16px-solid/node-mask.svg";
+import NodeMotionBlur from "/../branding/assets/icon-16px-solid/node-motion-blur.svg";
+import NodeNodes from "/../branding/assets/icon-16px-solid/node-nodes.svg";
+import NodeOutput from "/../branding/assets/icon-16px-solid/node-output.svg";
+import NodeShape from "/../branding/assets/icon-16px-solid/node-shape.svg";
+import NodeText from "/../branding/assets/icon-16px-solid/node-text.svg";
+import NodeTransform from "/../branding/assets/icon-16px-solid/node-transform.svg";
+import Node from "/../branding/assets/icon-16px-solid/node.svg";
+import PadlockLocked from "/../branding/assets/icon-16px-solid/padlock-locked.svg";
+import PadlockUnlocked from "/../branding/assets/icon-16px-solid/padlock-unlocked.svg";
+import Paste from "/../branding/assets/icon-16px-solid/paste.svg";
+import PinActive from "/../branding/assets/icon-16px-solid/pin-active.svg";
+import PinInactive from "/../branding/assets/icon-16px-solid/pin-inactive.svg";
+import PlaybackPause from "/../branding/assets/icon-16px-solid/playback-pause.svg";
+import PlaybackPlay from "/../branding/assets/icon-16px-solid/playback-play.svg";
+import PlaybackToEnd from "/../branding/assets/icon-16px-solid/playback-to-end.svg";
+import PlaybackToStart from "/../branding/assets/icon-16px-solid/playback-to-start.svg";
+import Random from "/../branding/assets/icon-16px-solid/random.svg";
+import Reload from "/../branding/assets/icon-16px-solid/reload.svg";
+import Reset from "/../branding/assets/icon-16px-solid/reset.svg";
+import Resync from "/../branding/assets/icon-16px-solid/resync.svg";
+import ReverseRadialGradientToLeft from "/../branding/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg";
+import ReverseRadialGradientToRight from "/../branding/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg";
+import Reverse from "/../branding/assets/icon-16px-solid/reverse.svg";
+import Save from "/../branding/assets/icon-16px-solid/save.svg";
+import SelectAll from "/../branding/assets/icon-16px-solid/select-all.svg";
+import SelectParent from "/../branding/assets/icon-16px-solid/select-parent.svg";
+import Settings from "/../branding/assets/icon-16px-solid/settings.svg";
+import SmallDot from "/../branding/assets/icon-16px-solid/small-dot.svg";
+import StackBottom from "/../branding/assets/icon-16px-solid/stack-bottom.svg";
+import StackHollow from "/../branding/assets/icon-16px-solid/stack-hollow.svg";
+import StackLower from "/../branding/assets/icon-16px-solid/stack-lower.svg";
+import StackRaise from "/../branding/assets/icon-16px-solid/stack-raise.svg";
+import StackReverse from "/../branding/assets/icon-16px-solid/stack-reverse.svg";
+import Stack from "/../branding/assets/icon-16px-solid/stack.svg";
+import TiltReset from "/../branding/assets/icon-16px-solid/tilt-reset.svg";
+import Tilt from "/../branding/assets/icon-16px-solid/tilt.svg";
+import TransformationGrab from "/../branding/assets/icon-16px-solid/transformation-grab.svg";
+import TransformationRotate from "/../branding/assets/icon-16px-solid/transformation-rotate.svg";
+import TransformationScale from "/../branding/assets/icon-16px-solid/transformation-scale.svg";
+import Trash from "/../branding/assets/icon-16px-solid/trash.svg";
+import TurnNegative90 from "/../branding/assets/icon-16px-solid/turn-negative-90.svg";
+import TurnPositive90 from "/../branding/assets/icon-16px-solid/turn-positive-90.svg";
+import UserManual from "/../branding/assets/icon-16px-solid/user-manual.svg";
+import ViewportDesignMode from "/../branding/assets/icon-16px-solid/viewport-design-mode.svg";
+import ViewportGuideMode from "/../branding/assets/icon-16px-solid/viewport-guide-mode.svg";
+import ViewportSelectMode from "/../branding/assets/icon-16px-solid/viewport-select-mode.svg";
+import Volunteer from "/../branding/assets/icon-16px-solid/volunteer.svg";
+import Website from "/../branding/assets/icon-16px-solid/website.svg";
+import WorkingColorsPrimary from "/../branding/assets/icon-16px-solid/working-colors-primary.svg";
+import WorkingColorsSecondary from "/../branding/assets/icon-16px-solid/working-colors-secondary.svg";
+import Zoom1x from "/../branding/assets/icon-16px-solid/zoom-1x.svg";
+import Zoom2x from "/../branding/assets/icon-16px-solid/zoom-2x.svg";
+import ZoomIn from "/../branding/assets/icon-16px-solid/zoom-in.svg";
+import ZoomOut from "/../branding/assets/icon-16px-solid/zoom-out.svg";
+import ZoomReset from "/../branding/assets/icon-16px-solid/zoom-reset.svg";
 
 const SOLID_16PX = {
 	AlignBottom: { svg: AlignBottom, size: 16 },
@@ -338,18 +338,18 @@ const SOLID_16PX = {
 } as const;
 
 // 16px Two-Tone
-import MouseHintDrag from "@branding/assets/icon-16px-two-tone/mouse-hint-drag.svg";
-import MouseHintLmbDouble from "@branding/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg";
-import MouseHintLmbDrag from "@branding/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg";
-import MouseHintLmb from "@branding/assets/icon-16px-two-tone/mouse-hint-lmb.svg";
-import MouseHintMmbDrag from "@branding/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg";
-import MouseHintMmb from "@branding/assets/icon-16px-two-tone/mouse-hint-mmb.svg";
-import MouseHintNone from "@branding/assets/icon-16px-two-tone/mouse-hint-none.svg";
-import MouseHintRmbDouble from "@branding/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg";
-import MouseHintRmbDrag from "@branding/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg";
-import MouseHintRmb from "@branding/assets/icon-16px-two-tone/mouse-hint-rmb.svg";
-import MouseHintScrollDown from "@branding/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg";
-import MouseHintScrollUp from "@branding/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg";
+import MouseHintDrag from "/../branding/assets/icon-16px-two-tone/mouse-hint-drag.svg";
+import MouseHintLmbDouble from "/../branding/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg";
+import MouseHintLmbDrag from "/../branding/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg";
+import MouseHintLmb from "/../branding/assets/icon-16px-two-tone/mouse-hint-lmb.svg";
+import MouseHintMmbDrag from "/../branding/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg";
+import MouseHintMmb from "/../branding/assets/icon-16px-two-tone/mouse-hint-mmb.svg";
+import MouseHintNone from "/../branding/assets/icon-16px-two-tone/mouse-hint-none.svg";
+import MouseHintRmbDouble from "/../branding/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg";
+import MouseHintRmbDrag from "/../branding/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg";
+import MouseHintRmb from "/../branding/assets/icon-16px-two-tone/mouse-hint-rmb.svg";
+import MouseHintScrollDown from "/../branding/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg";
+import MouseHintScrollUp from "/../branding/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg";
 
 const TWO_TONE_16PX = {
 	MouseHintDrag: { svg: MouseHintDrag, size: 16 },
@@ -367,27 +367,27 @@ const TWO_TONE_16PX = {
 } as const;
 
 // 24px Two-Tone
-import GeneralArtboardTool from "@branding/assets/icon-24px-two-tone/general-artboard-tool.svg";
-import GeneralEyedropperTool from "@branding/assets/icon-24px-two-tone/general-eyedropper-tool.svg";
-import GeneralFillTool from "@branding/assets/icon-24px-two-tone/general-fill-tool.svg";
-import GeneralGradientTool from "@branding/assets/icon-24px-two-tone/general-gradient-tool.svg";
-import GeneralNavigateTool from "@branding/assets/icon-24px-two-tone/general-navigate-tool.svg";
-import GeneralSelectTool from "@branding/assets/icon-24px-two-tone/general-select-tool.svg";
-import RasterBrushTool from "@branding/assets/icon-24px-two-tone/raster-brush-tool.svg";
-import RasterCloneTool from "@branding/assets/icon-24px-two-tone/raster-clone-tool.svg";
-import RasterDetailTool from "@branding/assets/icon-24px-two-tone/raster-detail-tool.svg";
-import RasterHealTool from "@branding/assets/icon-24px-two-tone/raster-heal-tool.svg";
-import RasterPatchTool from "@branding/assets/icon-24px-two-tone/raster-patch-tool.svg";
-import RasterRelightTool from "@branding/assets/icon-24px-two-tone/raster-relight-tool.svg";
-import VectorEllipseTool from "@branding/assets/icon-24px-two-tone/vector-ellipse-tool.svg";
-import VectorFreehandTool from "@branding/assets/icon-24px-two-tone/vector-freehand-tool.svg";
-import VectorLineTool from "@branding/assets/icon-24px-two-tone/vector-line-tool.svg";
-import VectorPathTool from "@branding/assets/icon-24px-two-tone/vector-path-tool.svg";
-import VectorPenTool from "@branding/assets/icon-24px-two-tone/vector-pen-tool.svg";
-import VectorPolygonTool from "@branding/assets/icon-24px-two-tone/vector-polygon-tool.svg";
-import VectorRectangleTool from "@branding/assets/icon-24px-two-tone/vector-rectangle-tool.svg";
-import VectorSplineTool from "@branding/assets/icon-24px-two-tone/vector-spline-tool.svg";
-import VectorTextTool from "@branding/assets/icon-24px-two-tone/vector-text-tool.svg";
+import GeneralArtboardTool from "/../branding/assets/icon-24px-two-tone/general-artboard-tool.svg";
+import GeneralEyedropperTool from "/../branding/assets/icon-24px-two-tone/general-eyedropper-tool.svg";
+import GeneralFillTool from "/../branding/assets/icon-24px-two-tone/general-fill-tool.svg";
+import GeneralGradientTool from "/../branding/assets/icon-24px-two-tone/general-gradient-tool.svg";
+import GeneralNavigateTool from "/../branding/assets/icon-24px-two-tone/general-navigate-tool.svg";
+import GeneralSelectTool from "/../branding/assets/icon-24px-two-tone/general-select-tool.svg";
+import RasterBrushTool from "/../branding/assets/icon-24px-two-tone/raster-brush-tool.svg";
+import RasterCloneTool from "/../branding/assets/icon-24px-two-tone/raster-clone-tool.svg";
+import RasterDetailTool from "/../branding/assets/icon-24px-two-tone/raster-detail-tool.svg";
+import RasterHealTool from "/../branding/assets/icon-24px-two-tone/raster-heal-tool.svg";
+import RasterPatchTool from "/../branding/assets/icon-24px-two-tone/raster-patch-tool.svg";
+import RasterRelightTool from "/../branding/assets/icon-24px-two-tone/raster-relight-tool.svg";
+import VectorEllipseTool from "/../branding/assets/icon-24px-two-tone/vector-ellipse-tool.svg";
+import VectorFreehandTool from "/../branding/assets/icon-24px-two-tone/vector-freehand-tool.svg";
+import VectorLineTool from "/../branding/assets/icon-24px-two-tone/vector-line-tool.svg";
+import VectorPathTool from "/../branding/assets/icon-24px-two-tone/vector-path-tool.svg";
+import VectorPenTool from "/../branding/assets/icon-24px-two-tone/vector-pen-tool.svg";
+import VectorPolygonTool from "/../branding/assets/icon-24px-two-tone/vector-polygon-tool.svg";
+import VectorRectangleTool from "/../branding/assets/icon-24px-two-tone/vector-rectangle-tool.svg";
+import VectorSplineTool from "/../branding/assets/icon-24px-two-tone/vector-spline-tool.svg";
+import VectorTextTool from "/../branding/assets/icon-24px-two-tone/vector-text-tool.svg";
 
 const TWO_TONE_24PX = {
 	GeneralArtboardTool: { svg: GeneralArtboardTool, size: 24 },
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 0ff9253db5..2d402dfe3b 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,8 +1,7 @@
 // This file is the browser's entry point for the JS bundle
 
 import { mount, unmount } from "svelte";
-
-import App from "@graphite/App.svelte";
+import App from "/src/App.svelte";
 
 document.body.setAttribute("data-app-container", "");
 
diff --git a/frontend/src/managers/clipboard.ts b/frontend/src/managers/clipboard.ts
index 2f4041951c..4145e9cecc 100644
--- a/frontend/src/managers/clipboard.ts
+++ b/frontend/src/managers/clipboard.ts
@@ -1,6 +1,6 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { insertAtCaret, readAtCaret } from "@graphite/utility-functions/clipboard";
+import { insertAtCaret, readAtCaret } from "/src/utility-functions/clipboard";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 let subscriptionsRouter: SubscriptionsRouter | undefined = undefined;
 let editorHandle: EditorHandle | undefined = undefined;
diff --git a/frontend/src/managers/fonts.ts b/frontend/src/managers/fonts.ts
index 968b3ef2e3..360ca88b39 100644
--- a/frontend/src/managers/fonts.ts
+++ b/frontend/src/managers/fonts.ts
@@ -1,5 +1,5 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 type ApiResponse = { family: string; variants: string[]; files: Record<string, string> }[];
 
diff --git a/frontend/src/managers/input.ts b/frontend/src/managers/input.ts
index fb1ea8d90f..e4c4f53064 100644
--- a/frontend/src/managers/input.ts
+++ b/frontend/src/managers/input.ts
@@ -1,10 +1,9 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { DialogStore } from "@graphite/stores/dialog";
-import type { DocumentStore } from "@graphite/stores/document";
-import { fullscreenModeChanged } from "@graphite/stores/fullscreen";
-import type { PortfolioStore } from "@graphite/stores/portfolio";
+import type { DialogStore } from "/src/stores/dialog";
+import type { DocumentStore } from "/src/stores/document";
+import { fullscreenModeChanged } from "/src/stores/fullscreen";
+import type { PortfolioStore } from "/src/stores/portfolio";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { triggerClipboardRead } from "@graphite/utility-functions/clipboard";
+import { triggerClipboardRead } from "/src/utility-functions/clipboard";
 import {
 	onBeforeUnload,
 	onKeyUp,
@@ -20,7 +19,8 @@ import {
 	onContextMenu,
 	onPaste,
 	onPointerLockChange,
-} from "@graphite/utility-functions/input";
+} from "/src/utility-functions/input";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 type EventName = keyof HTMLElementEventMap | keyof WindowEventHandlersEventMap | "modifyinputfield" | "pointerlockchange" | "pointerlockerror";
 type EventListenerTarget = {
diff --git a/frontend/src/managers/localization.ts b/frontend/src/managers/localization.ts
index d41e1e214b..0cecfd82bc 100644
--- a/frontend/src/managers/localization.ts
+++ b/frontend/src/managers/localization.ts
@@ -1,6 +1,6 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { localizeTimestamp } from "@graphite/utility-functions/time";
+import { localizeTimestamp } from "/src/utility-functions/time";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 let subscriptionsRouter: SubscriptionsRouter | undefined = undefined;
 let editorHandle: EditorHandle | undefined = undefined;
diff --git a/frontend/src/managers/panic.ts b/frontend/src/managers/panic.ts
index 3f22899cad..8f01b4a5a3 100644
--- a/frontend/src/managers/panic.ts
+++ b/frontend/src/managers/panic.ts
@@ -1,4 +1,4 @@
-import { createCrashDialog } from "@graphite/stores/dialog";
+import { createCrashDialog } from "/src/stores/dialog";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
 
 let subscriptionsRouter: SubscriptionsRouter | undefined = undefined;
diff --git a/frontend/src/managers/persistence.ts b/frontend/src/managers/persistence.ts
index c33826f6a3..7139cd6da5 100644
--- a/frontend/src/managers/persistence.ts
+++ b/frontend/src/managers/persistence.ts
@@ -1,7 +1,7 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { PortfolioStore } from "@graphite/stores/portfolio";
+import type { PortfolioStore } from "/src/stores/portfolio";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { saveEditorPreferences, loadEditorPreferences, storeDocument, removeDocument, loadFirstDocument, loadRestDocuments, saveActiveDocument } from "@graphite/utility-functions/persistence";
+import { saveEditorPreferences, loadEditorPreferences, storeDocument, removeDocument, loadFirstDocument, loadRestDocuments, saveActiveDocument } from "/src/utility-functions/persistence";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 let subscriptionsRouter: SubscriptionsRouter | undefined = undefined;
 let editorHandle: EditorHandle | undefined = undefined;
diff --git a/frontend/src/stores/app-window.ts b/frontend/src/stores/app-window.ts
index 878807f2b9..fceb4dd199 100644
--- a/frontend/src/stores/app-window.ts
+++ b/frontend/src/stores/app-window.ts
@@ -1,8 +1,7 @@
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { AppWindowPlatform } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
+import type { AppWindowPlatform } from "/wasm/pkg/graphite_wasm";
 
 export type AppWindowStore = ReturnType<typeof createAppWindowStore>;
 
diff --git a/frontend/src/stores/dialog.ts b/frontend/src/stores/dialog.ts
index 2e912028c0..57a4d366f4 100644
--- a/frontend/src/stores/dialog.ts
+++ b/frontend/src/stores/dialog.ts
@@ -1,11 +1,10 @@
 import { tick } from "svelte";
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { EditorHandle, Layout } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { IconName } from "@graphite/icons";
+import type { IconName } from "/src/icons";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { patchLayout } from "@graphite/utility-functions/widgets";
+import { patchLayout } from "/src/utility-functions/widgets";
+import type { EditorHandle, Layout } from "/wasm/pkg/graphite_wasm";
 
 export type DialogStore = ReturnType<typeof createDialogStore>;
 
diff --git a/frontend/src/stores/document.ts b/frontend/src/stores/document.ts
index 3a4192cbb4..8b40a91fc0 100644
--- a/frontend/src/stores/document.ts
+++ b/frontend/src/stores/document.ts
@@ -1,10 +1,9 @@
 import { tick } from "svelte";
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { Layout } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { patchLayout } from "@graphite/utility-functions/widgets";
+import { patchLayout } from "/src/utility-functions/widgets";
+import type { Layout } from "/wasm/pkg/graphite_wasm";
 
 export type DocumentStore = ReturnType<typeof createDocumentStore>;
 
diff --git a/frontend/src/stores/fullscreen.ts b/frontend/src/stores/fullscreen.ts
index 8af5b26562..19bfcf868f 100644
--- a/frontend/src/stores/fullscreen.ts
+++ b/frontend/src/stores/fullscreen.ts
@@ -1,6 +1,5 @@
 import { get, writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
 
 export type FullscreenStore = ReturnType<typeof createFullscreenStore>;
diff --git a/frontend/src/stores/node-graph.ts b/frontend/src/stores/node-graph.ts
index be9d0d0592..9b5d25b904 100644
--- a/frontend/src/stores/node-graph.ts
+++ b/frontend/src/stores/node-graph.ts
@@ -1,9 +1,8 @@
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { NodeGraphErrorDiagnostic, BoxSelection, FrontendClickTargets, ContextMenuInformation, FrontendNode, FrontendNodeType, WirePath } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
 import type { MessageBody } from "/src/subscriptions-router";
+import type { NodeGraphErrorDiagnostic, BoxSelection, FrontendClickTargets, ContextMenuInformation, FrontendNode, FrontendNodeType, WirePath } from "/wasm/pkg/graphite_wasm";
 
 export type NodeGraphStore = ReturnType<typeof createNodeGraphStore>;
 
diff --git a/frontend/src/stores/portfolio.ts b/frontend/src/stores/portfolio.ts
index c234aea910..e6b3d7062a 100644
--- a/frontend/src/stores/portfolio.ts
+++ b/frontend/src/stores/portfolio.ts
@@ -1,10 +1,9 @@
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { EditorHandle, OpenDocument } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { downloadFile, downloadFileBlob, upload } from "@graphite/utility-functions/files";
-import { rasterizeSVG } from "@graphite/utility-functions/rasterization";
+import { downloadFile, downloadFileBlob, upload } from "/src/utility-functions/files";
+import { rasterizeSVG } from "/src/utility-functions/rasterization";
+import type { EditorHandle, OpenDocument } from "/wasm/pkg/graphite_wasm";
 
 export type PortfolioStore = ReturnType<typeof createPortfolioStore>;
 
diff --git a/frontend/src/stores/tooltip.ts b/frontend/src/stores/tooltip.ts
index b36072e9be..45d561fb3e 100644
--- a/frontend/src/stores/tooltip.ts
+++ b/frontend/src/stores/tooltip.ts
@@ -1,9 +1,8 @@
 import { writable } from "svelte/store";
 import type { Writable } from "svelte/store";
-
-import type { ActionShortcut } from "@graphite/../wasm/pkg/graphite_wasm";
 import type { SubscriptionsRouter } from "/src/subscriptions-router";
-import { operatingSystem } from "@graphite/utility-functions/platform";
+import { operatingSystem } from "/src/utility-functions/platform";
+import type { ActionShortcut } from "/wasm/pkg/graphite_wasm";
 
 export type TooltipStore = ReturnType<typeof createTooltipStore>;
 
diff --git a/frontend/src/subscriptions-router.ts b/frontend/src/subscriptions-router.ts
index 68a5f0b581..f937e9a8d7 100644
--- a/frontend/src/subscriptions-router.ts
+++ b/frontend/src/subscriptions-router.ts
@@ -1,4 +1,4 @@
-import type { FrontendMessage, LayoutTarget, WidgetDiff } from "@graphite/../wasm/pkg/graphite_wasm";
+import type { FrontendMessage, LayoutTarget, WidgetDiff } from "/wasm/pkg/graphite_wasm";
 
 // Type convert a union of messages into a map of messages
 export type ToMessageMap<T> = {
diff --git a/frontend/src/utility-functions/clipboard.ts b/frontend/src/utility-functions/clipboard.ts
index 00b4f8113c..3c53b42ed3 100644
--- a/frontend/src/utility-functions/clipboard.ts
+++ b/frontend/src/utility-functions/clipboard.ts
@@ -1,6 +1,6 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import { extractPixelData } from "@graphite/utility-functions/rasterization";
-import { stripIndents } from "@graphite/utility-functions/strip-indents";
+import { extractPixelData } from "/src/utility-functions/rasterization";
+import { stripIndents } from "/src/utility-functions/strip-indents";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 export function readAtCaret(cut: boolean): string | undefined {
 	const element = window.document.activeElement;
diff --git a/frontend/src/utility-functions/colors.ts b/frontend/src/utility-functions/colors.ts
index b630b6671e..ce53005322 100644
--- a/frontend/src/utility-functions/colors.ts
+++ b/frontend/src/utility-functions/colors.ts
@@ -1,5 +1,5 @@
-import { sampleInterpolatedGradient } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { Color, FillChoice, GradientStops } from "@graphite/../wasm/pkg/graphite_wasm";
+import { sampleInterpolatedGradient } from "/wasm/pkg/graphite_wasm";
+import type { Color, FillChoice, GradientStops } from "/wasm/pkg/graphite_wasm";
 
 // Channels can have any range (0-1, 0-255, 0-100, 0-360) in the context they are being used in, these are just containers for the numbers
 export type HSV = { h: number; s: number; v: number };
diff --git a/frontend/src/utility-functions/crash-report.ts b/frontend/src/utility-functions/crash-report.ts
index 9461109c79..24344718b6 100644
--- a/frontend/src/utility-functions/crash-report.ts
+++ b/frontend/src/utility-functions/crash-report.ts
@@ -1,5 +1,5 @@
-import { browserVersion, operatingSystem } from "@graphite/utility-functions/platform";
-import { stripIndents } from "@graphite/utility-functions/strip-indents";
+import { browserVersion, operatingSystem } from "/src/utility-functions/platform";
+import { stripIndents } from "/src/utility-functions/strip-indents";
 
 export function crashReportUrl(panicDetails: string): string {
 	const url = new URL("https://github.com/GraphiteEditor/Graphite/issues/new");
diff --git a/frontend/src/utility-functions/files.ts b/frontend/src/utility-functions/files.ts
index b9a2fcf1e6..0538250eab 100644
--- a/frontend/src/utility-functions/files.ts
+++ b/frontend/src/utility-functions/files.ts
@@ -1,5 +1,5 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import { extractPixelData } from "@graphite/utility-functions/rasterization";
+import { extractPixelData } from "/src/utility-functions/rasterization";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 export function downloadFileURL(filename: string, url: string) {
 	const element = document.createElement("a");
diff --git a/frontend/src/utility-functions/images.ts b/frontend/src/utility-functions/images.ts
index a8f41fe728..2c022e3279 100644
--- a/frontend/src/utility-functions/images.ts
+++ b/frontend/src/utility-functions/images.ts
@@ -1,11 +1,11 @@
 // Demo artwork
-import ThumbnailChangingSeasons from "@graphite/../assets/thumbnail-changing-seasons.png";
-import ThumbnailIsometricFountain from "@graphite/../assets/thumbnail-isometric-fountain.png";
-import ThumbnailPaintedDreams from "@graphite/../assets/thumbnail-painted-dreams.png";
-import ThumbnailParametricDunescape from "@graphite/../assets/thumbnail-parametric-dunescape.png";
-import ThumbnailProceduralStringLights from "@graphite/../assets/thumbnail-procedural-string-lights.png";
-import ThumbnailRedDress from "@graphite/../assets/thumbnail-red-dress.png";
-import ThumbnailValleyOfSpires from "@graphite/../assets/thumbnail-valley-of-spires.png";
+import ThumbnailChangingSeasons from "/assets/thumbnail-changing-seasons.png";
+import ThumbnailIsometricFountain from "/assets/thumbnail-isometric-fountain.png";
+import ThumbnailPaintedDreams from "/assets/thumbnail-painted-dreams.png";
+import ThumbnailParametricDunescape from "/assets/thumbnail-parametric-dunescape.png";
+import ThumbnailProceduralStringLights from "/assets/thumbnail-procedural-string-lights.png";
+import ThumbnailRedDress from "/assets/thumbnail-red-dress.png";
+import ThumbnailValleyOfSpires from "/assets/thumbnail-valley-of-spires.png";
 
 const DEMO_ARTWORK = {
 	ThumbnailChangingSeasons,
diff --git a/frontend/src/utility-functions/input.ts b/frontend/src/utility-functions/input.ts
index d327ec7c5f..5061b08eb4 100644
--- a/frontend/src/utility-functions/input.ts
+++ b/frontend/src/utility-functions/input.ts
@@ -1,14 +1,13 @@
 import { get } from "svelte/store";
-
-import { isPlatformNative } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { DialogStore } from "@graphite/stores/dialog";
-import type { DocumentStore } from "@graphite/stores/document";
-import { toggleFullscreen } from "@graphite/stores/fullscreen";
-import type { PortfolioStore } from "@graphite/stores/portfolio";
-import { pasteFile } from "@graphite/utility-functions/files";
-import { makeKeyboardModifiersBitfield, textInputCleanup, getLocalizedScanCode } from "@graphite/utility-functions/keyboard-entry";
-import { operatingSystem } from "@graphite/utility-functions/platform";
+import type { DialogStore } from "/src/stores/dialog";
+import type { DocumentStore } from "/src/stores/document";
+import { toggleFullscreen } from "/src/stores/fullscreen";
+import type { PortfolioStore } from "/src/stores/portfolio";
+import { pasteFile } from "/src/utility-functions/files";
+import { makeKeyboardModifiersBitfield, textInputCleanup, getLocalizedScanCode } from "/src/utility-functions/keyboard-entry";
+import { operatingSystem } from "/src/utility-functions/platform";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
+import { isPlatformNative } from "/wasm/pkg/graphite_wasm";
 
 const BUTTON_LEFT = 0;
 const BUTTON_MIDDLE = 1;
diff --git a/frontend/src/utility-functions/network.ts b/frontend/src/utility-functions/network.ts
index b0cea1a75b..915b212989 100644
--- a/frontend/src/utility-functions/network.ts
+++ b/frontend/src/utility-functions/network.ts
@@ -1,4 +1,4 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 export type RequestResult = { body: string; status: number };
 
diff --git a/frontend/src/utility-functions/persistence.ts b/frontend/src/utility-functions/persistence.ts
index 062cdcda38..07479bf363 100644
--- a/frontend/src/utility-functions/persistence.ts
+++ b/frontend/src/utility-functions/persistence.ts
@@ -1,9 +1,8 @@
 import * as idb from "idb-keyval";
 import { get } from "svelte/store";
-
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
-import type { PortfolioStore } from "@graphite/stores/portfolio";
+import type { PortfolioStore } from "/src/stores/portfolio";
 import type { MessageBody } from "/src/subscriptions-router";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 export async function storeCurrentDocumentId(documentId: string) {
 	const indexedDbStorage = idb.createStore("graphite", "store");
diff --git a/frontend/src/utility-functions/viewports.ts b/frontend/src/utility-functions/viewports.ts
index 4ece4ab11e..5d83c042db 100644
--- a/frontend/src/utility-functions/viewports.ts
+++ b/frontend/src/utility-functions/viewports.ts
@@ -1,4 +1,4 @@
-import type { EditorHandle } from "@graphite/../wasm/pkg/graphite_wasm";
+import type { EditorHandle } from "/wasm/pkg/graphite_wasm";
 
 export function setupViewportResizeObserver(editor: EditorHandle): () => void {
 	const viewports = Array.from(window.document.querySelectorAll("[data-viewport-container]"));
diff --git a/frontend/src/utility-functions/widgets.ts b/frontend/src/utility-functions/widgets.ts
index 9cc2c9ebd4..be68f5c522 100644
--- a/frontend/src/utility-functions/widgets.ts
+++ b/frontend/src/utility-functions/widgets.ts
@@ -1,4 +1,4 @@
-import type { Layout, LayoutGroup, WidgetDiff, WidgetInstance } from "@graphite/../wasm/pkg/graphite_wasm";
+import type { Layout, LayoutGroup, WidgetDiff, WidgetInstance } from "/wasm/pkg/graphite_wasm";
 
 type UIItem = Layout | LayoutGroup | WidgetInstance[] | WidgetInstance;
 // Updates a widget layout based on a list of updates, giving the new layout by mutating the `layout` argument
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index e94f8a66ef..64ff7cb3b4 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -12,11 +12,7 @@
 		"sourceMap": true,
 		"types": ["node", "svelte", "svelte/store", "svelte/motion", "svelte/transition", "svelte/animate", "svelte/easing"],
 		"baseUrl": ".",
-		"paths": {
-			"/*": ["./*"],
-			"@graphite/*": ["src/*"],
-			"@branding/*": ["../branding/*"]
-		},
+		"paths": { "/*": ["./*"] },
 		"lib": ["ESNext", "DOM", "DOM.Iterable", "ScriptHost"]
 	},
 	"include": ["src/**/*.ts", "src/**/*.svelte", "*.ts"],
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 9b4da63605..f6625ed967 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,7 +1,6 @@
 import { execSync } from "child_process";
 import { readFileSync } from "fs";
 import path from "path";
-
 import { svelte } from "@sveltejs/vite-plugin-svelte";
 import { defineConfig } from "vite";
 import type { PluginOption } from "vite";
@@ -14,12 +13,7 @@ export default defineConfig(({ mode }) => {
 	return {
 		plugins: plugins(mode),
 		resolve: {
-			alias: [
-				{ find: /@branding\/(.*\.svg)/, replacement: path.resolve(projectRootDir, "../branding", "$1?raw") },
-				{ find: "@graphite/../assets", replacement: path.resolve(projectRootDir, "assets") },
-				{ find: "@graphite/../public", replacement: path.resolve(projectRootDir, "public") },
-				{ find: "@graphite", replacement: path.resolve(projectRootDir, "src") },
-			],
+			alias: [{ find: /\/..\/branding\/(.*\.svg)/, replacement: path.resolve(projectRootDir, "../branding", "$1?raw") }],
 		},
 		server: {
 			port: 8080,
@@ -32,7 +26,7 @@ function plugins(mode: string): PluginOption[] {
 	const plugins = [
 		svelte(),
 		viteMultipleAssets(
-			// Additional static asset directories besides `public/`
+			// Additional static asset directories
 			[
 				{ input: "../demo-artwork/**", output: "demo-artwork" },
 				{ input: "../branding/favicons/**", output: "" },