diff --git a/garage/package-lock.json b/garage/package-lock.json
index de4615f8..581af663 100644
--- a/garage/package-lock.json
+++ b/garage/package-lock.json
@@ -37,7 +37,8 @@
         "typescript": "^5.1.3",
         "vite": "^4.3.2",
         "vite-plugin-ejs": "^1.6.4",
-        "vite-plugin-svgr": "^2.4.0"
+        "vite-plugin-svgr": "^2.4.0",
+        "vite-tsconfig-paths": "^4.2.1"
       }
     },
     "node_modules/@adraffy/ens-normalize": {
@@ -5976,6 +5977,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true
+    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -8605,6 +8612,26 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/tsconfck": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-2.1.2.tgz",
+      "integrity": "sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==",
+      "dev": true,
+      "bin": {
+        "tsconfck": "bin/tsconfck.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "typescript": "^4.3.5 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tslib": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
@@ -9063,6 +9090,25 @@
         "vite": "^2.6.0 || 3 || 4"
       }
     },
+    "node_modules/vite-tsconfig-paths": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.2.1.tgz",
+      "integrity": "sha512-GNUI6ZgPqT3oervkvzU+qtys83+75N/OuDaQl7HmOqFTb0pjZsuARrRipsyJhJ3enqV8beI1xhGbToR4o78nSQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "globrex": "^0.1.2",
+        "tsconfck": "^2.1.0"
+      },
+      "peerDependencies": {
+        "vite": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/wagmi": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-1.2.2.tgz",
diff --git a/garage/package.json b/garage/package.json
index 216fcf5d..b632d171 100644
--- a/garage/package.json
+++ b/garage/package.json
@@ -38,6 +38,7 @@
     "typescript": "^5.1.3",
     "vite": "^4.3.2",
     "vite-plugin-ejs": "^1.6.4",
-    "vite-plugin-svgr": "^2.4.0"
+    "vite-plugin-svgr": "^2.4.0",
+    "vite-tsconfig-paths": "^4.2.1"
   }
 }
diff --git a/garage/src/components/AboutPilotsModal.tsx b/garage/src/components/AboutPilotsModal.tsx
index 7f7a15bf..50514ea7 100644
--- a/garage/src/components/AboutPilotsModal.tsx
+++ b/garage/src/components/AboutPilotsModal.tsx
@@ -15,7 +15,7 @@ import {
   Text,
   VStack,
 } from "@chakra-ui/react";
-import garage from "../assets/garage.jpg";
+import garage from "~/assets/garage.jpg";
 
 interface ModalProps {
   isOpen: boolean;
diff --git a/garage/src/components/ChainAwareButton.tsx b/garage/src/components/ChainAwareButton.tsx
index ce106d51..14b2c66a 100644
--- a/garage/src/components/ChainAwareButton.tsx
+++ b/garage/src/components/ChainAwareButton.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Button } from "@chakra-ui/react";
 import { Chain, useNetwork } from "wagmi";
 import { useChainModal } from "@rainbow-me/rainbowkit";
-import { mainChain } from "../env";
+import { mainChain } from "~/env";
 
 export const ChainAwareButton = (
   props: { expectedChain?: Chain } & React.ComponentProps<typeof Button>
diff --git a/garage/src/components/CreateMissionModal.tsx b/garage/src/components/CreateMissionModal.tsx
index f3dec95f..460d0d70 100644
--- a/garage/src/components/CreateMissionModal.tsx
+++ b/garage/src/components/CreateMissionModal.tsx
@@ -28,12 +28,12 @@ import {
 } from "@chakra-ui/react";
 import isEqual from "lodash/isEqual";
 import { DeleteIcon } from "@chakra-ui/icons";
-import { ChainAwareButton } from "./ChainAwareButton";
 import { Database } from "@tableland/sdk";
-import { useSigner } from "../hooks/useSigner";
-import { isPresent } from "../utils/types";
-import { Mission, MissionReward, MissionDeliverable } from "../types";
-import { secondaryChain, deployment } from "../env";
+import { useSigner } from "~/hooks/useSigner";
+import { isPresent } from "~/utils/types";
+import { Mission, MissionReward, MissionDeliverable } from "~/types";
+import { secondaryChain, deployment } from "~/env";
+import { ChainAwareButton } from "./ChainAwareButton";
 
 const { missionsTable } = deployment;
 
diff --git a/garage/src/components/CreateProposalModal.tsx b/garage/src/components/CreateProposalModal.tsx
index 74ddcfca..f9b4b05a 100644
--- a/garage/src/components/CreateProposalModal.tsx
+++ b/garage/src/components/CreateProposalModal.tsx
@@ -25,10 +25,10 @@ import {
   usePrepareContractWrite,
   useWaitForTransaction,
 } from "wagmi";
-import { as0xString } from "../utils/types";
+import { as0xString } from "~/utils/types";
+import { deployment } from "~/env";
+import { abi } from "~/abis/VotingRegistry";
 import { TransactionStateAlert } from "./TransactionStateAlert";
-import { deployment } from "../env";
-import { abi } from "../abis/VotingRegistry";
 
 const { votingContractAddress } = deployment;
 
@@ -69,10 +69,7 @@ export const CreateProposalModal = ({
   ] = useState<FormState>(initialFormState);
 
   const isValid =
-    name !== "" &&
-    startBlock > 0 &&
-    endBlock > 0 &&
-    options.length > 0;
+    name !== "" && startBlock > 0 && endBlock > 0 && options.length > 0;
 
   const { config } = usePrepareContractWrite({
     address: as0xString(votingContractAddress),
@@ -282,7 +279,11 @@ export const CreateProposalModal = ({
                 <Tr key={`option-${i}`}>
                   <Td>{v}</Td>
                   <Td isNumeric>
-                    <IconButton aria-label="Delete option" icon={<DeleteIcon />} onClick={() => removeOption(i)} />
+                    <IconButton
+                      aria-label="Delete option"
+                      icon={<DeleteIcon />}
+                      onClick={() => removeOption(i)}
+                    />
                   </Td>
                 </Tr>
               ))}
diff --git a/garage/src/components/FlyParkModals.tsx b/garage/src/components/FlyParkModals.tsx
index 016b8113..35543479 100644
--- a/garage/src/components/FlyParkModals.tsx
+++ b/garage/src/components/FlyParkModals.tsx
@@ -36,31 +36,31 @@ import {
   DropdownIndicatorProps,
   chakraComponents,
 } from "chakra-react-select";
+import debounce from "lodash/debounce";
 import {
   useContractWrite,
   usePrepareContractWrite,
   useWaitForTransaction,
 } from "wagmi";
-import { useAccount } from "../hooks/useAccount";
+import { useAccount } from "~/hooks/useAccount";
 import {
   useOwnedNFTs,
   Collection,
   NFT,
   alchemy,
   toCollection,
-} from "../hooks/useNFTs";
-import debounce from "lodash/debounce";
-import { useActivePilotSessions } from "../hooks/useActivePilotSessions";
-import { Rig, WalletAddress } from "../types";
+} from "~/hooks/useNFTs";
+import { useActivePilotSessions } from "~/hooks/useActivePilotSessions";
+import { Rig, WalletAddress } from "~/types";
+import { mainChain, deployment } from "~/env";
+import { abi } from "~/abis/TablelandRigs";
+import { copySet, toggleInSet } from "~/utils/set";
+import { pluralize } from "~/utils/fmt";
+import { isPresent, isValidAddress, as0xString } from "~/utils/types";
+import unknownPilot from "~/assets/unknown-pilot.svg";
 import { ChainAwareButton } from "./ChainAwareButton";
 import { TransactionStateAlert } from "./TransactionStateAlert";
 import { RigDisplay } from "./RigDisplay";
-import { mainChain, deployment } from "../env";
-import { abi } from "../abis/TablelandRigs";
-import { copySet, toggleInSet } from "../utils/set";
-import { pluralize } from "../utils/fmt";
-import { isPresent, isValidAddress, as0xString } from "../utils/types";
-import unknownPilot from "../assets/unknown-pilot.svg";
 
 const { contractAddress } = deployment;
 
diff --git a/garage/src/components/Footer.tsx b/garage/src/components/Footer.tsx
index 5d9a4c05..702c1359 100644
--- a/garage/src/components/Footer.tsx
+++ b/garage/src/components/Footer.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { Flex, Link, useToken } from "@chakra-ui/react";
+import { ReactComponent as TwitterMark } from "~/assets/twitter-mark.svg";
+import { ReactComponent as OpenseaMark } from "~/assets/opensea-mark.svg";
 import { RoundSvgIcon } from "./RoundSvgIcon";
-import { ReactComponent as TwitterMark } from "../assets/twitter-mark.svg";
-import { ReactComponent as OpenseaMark } from "../assets/opensea-mark.svg";
 
 export const Footer = () => {
   const [primaryColor] = useToken("colors", ["primary"]);
diff --git a/garage/src/components/GlobalFlyParkModals.tsx b/garage/src/components/GlobalFlyParkModals.tsx
index a372d60f..018f15c1 100644
--- a/garage/src/components/GlobalFlyParkModals.tsx
+++ b/garage/src/components/GlobalFlyParkModals.tsx
@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useMemo, useState } from "react";
+import { Rig } from "~/types";
 import { TrainRigsModal, PilotRigsModal, ParkRigsModal } from "./FlyParkModals";
-import { Rig } from "../types";
 
 type OnTransactionSubmittedCallback = (txHash: string) => void;
 
@@ -23,13 +23,12 @@ const emptyModal: Modal = {
   closeModal: () => {},
 };
 
-const GlobalFlyParkModalContext = React.createContext<
-  GlobalFlyParkModalContextData
->({
-  trainRigsModal: emptyModal,
-  pilotRigsModal: emptyModal,
-  parkRigsModal: emptyModal,
-});
+const GlobalFlyParkModalContext =
+  React.createContext<GlobalFlyParkModalContextData>({
+    trainRigsModal: emptyModal,
+    pilotRigsModal: emptyModal,
+    parkRigsModal: emptyModal,
+  });
 
 interface ModalState {
   open: boolean;
diff --git a/garage/src/components/NFTsContext.reducer.ts b/garage/src/components/NFTsContext.reducer.ts
index 93ddcee2..3751863d 100644
--- a/garage/src/components/NFTsContext.reducer.ts
+++ b/garage/src/components/NFTsContext.reducer.ts
@@ -1,7 +1,7 @@
 import uniqWith from "lodash/uniqWith";
 import isEqual from "lodash/isEqual";
-import { NFT } from "../hooks/useNFTs";
-import { findNFT, NFTIsh } from "../utils/nfts";
+import { NFT } from "~/hooks/useNFTs";
+import { findNFT, NFTIsh } from "~/utils/nfts";
 
 interface LoadNFTs {
   payload: NFTIsh[];
diff --git a/garage/src/components/NFTsContext.tsx b/garage/src/components/NFTsContext.tsx
index de0152d8..0c979f1c 100644
--- a/garage/src/components/NFTsContext.tsx
+++ b/garage/src/components/NFTsContext.tsx
@@ -2,9 +2,9 @@ import React, { useContext, useEffect, useMemo, useReducer } from "react";
 import take from "lodash/take";
 import isEqual from "lodash/isEqual";
 import { NftTokenType } from "alchemy-sdk";
-import { NFT, alchemy, toNFT } from "../hooks/useNFTs";
-import { findNFT, NFTIsh } from "../utils/nfts";
-import { isPresent } from "../utils/types";
+import { NFT, alchemy, toNFT } from "~/hooks/useNFTs";
+import { findNFT, NFTIsh } from "~/utils/nfts";
+import { isPresent } from "~/utils/types";
 import { Action, reducer } from "./NFTsContext.reducer";
 
 interface NFTsContextValue {
diff --git a/garage/src/components/ProposalStatusBadge.tsx b/garage/src/components/ProposalStatusBadge.tsx
index efe08572..787601eb 100644
--- a/garage/src/components/ProposalStatusBadge.tsx
+++ b/garage/src/components/ProposalStatusBadge.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useBlockNumber } from "wagmi";
 import { Badge } from "@chakra-ui/react";
-import { Proposal, ProposalStatus } from "../types";
+import { Proposal, ProposalStatus } from "~/types";
 
 export const proposalStatus = (
   blockNumber: bigint | undefined,
diff --git a/garage/src/components/RigAttributeStatsContext.tsx b/garage/src/components/RigAttributeStatsContext.tsx
index 880407b2..8e155ba4 100644
--- a/garage/src/components/RigAttributeStatsContext.tsx
+++ b/garage/src/components/RigAttributeStatsContext.tsx
@@ -1,8 +1,8 @@
 import React, { useContext, useState, useEffect } from "react";
 import groupBy from "lodash/groupBy";
 import mapValues from "lodash/mapValues";
-import { useTablelandConnection } from "../hooks/useTablelandConnection";
-import { selectTraitRarities } from "../utils/queries";
+import { useTablelandConnection } from "~/hooks/useTablelandConnection";
+import { selectTraitRarities } from "~/utils/queries";
 
 interface RigAttributeStats {
   [traitType: string]: { [traitValue: string]: number };
diff --git a/garage/src/components/RigDisplay.tsx b/garage/src/components/RigDisplay.tsx
index 6aa77cd3..9f6322f2 100644
--- a/garage/src/components/RigDisplay.tsx
+++ b/garage/src/components/RigDisplay.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { Box, Flex, Image, Spinner } from "@chakra-ui/react";
+import { useRigImageUrls } from "~/hooks/useRigImageUrls";
+import { Rig } from "~/types";
+import { NFT } from "~/hooks/useNFTs";
+import unknownPilot from "~/assets/unknown-pilot.svg";
 import { TrainerPilot } from "./TrainerPilot";
-import { useRigImageUrls } from "../hooks/useRigImageUrls";
-import { Rig } from "../types";
-import { NFT } from "../hooks/useNFTs";
-import unknownPilot from "../assets/unknown-pilot.svg";
 
 type BorderWidth = React.ComponentProps<typeof Box>["borderWidth"];
 
diff --git a/garage/src/components/SubmitMissionModal.tsx b/garage/src/components/SubmitMissionModal.tsx
index d2fcc801..9aa8a3d5 100644
--- a/garage/src/components/SubmitMissionModal.tsx
+++ b/garage/src/components/SubmitMissionModal.tsx
@@ -18,12 +18,12 @@ import {
   usePrepareContractWrite,
   useWaitForTransaction,
 } from "wagmi";
-import { as0xString } from "../utils/types";
-import { Mission } from "../types";
+import { as0xString } from "~/utils/types";
+import { Mission } from "~/types";
+import { secondaryChain, deployment } from "~/env";
+import { abi } from "~/abis/MissionsManager";
+import { useWaitForTablelandTxn } from "~/hooks/useWaitForTablelandTxn";
 import { TransactionStateAlert } from "./TransactionStateAlert";
-import { secondaryChain, deployment } from "../env";
-import { abi } from "../abis/MissionsManager";
-import { useWaitForTablelandTxn } from "../hooks/useWaitForTablelandTxn";
 
 const { missionContractAddress } = deployment;
 
diff --git a/garage/src/components/TablelandConnectButton.tsx b/garage/src/components/TablelandConnectButton.tsx
index 5ad5443a..280514c7 100644
--- a/garage/src/components/TablelandConnectButton.tsx
+++ b/garage/src/components/TablelandConnectButton.tsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
 import { ConnectButton } from "@rainbow-me/rainbowkit";
-import exit from "../assets/exit.svg";
+import exit from "~/assets/exit.svg";
 
 export const TablelandConnectButton = ({
   size = "small",
diff --git a/garage/src/components/TrainerPilot.tsx b/garage/src/components/TrainerPilot.tsx
index a0b6e7b9..44a16c4c 100644
--- a/garage/src/components/TrainerPilot.tsx
+++ b/garage/src/components/TrainerPilot.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, Flex, Image } from "@chakra-ui/react";
-import pilot from "../assets/trainer-pilot.svg";
+import pilot from "~/assets/trainer-pilot.svg";
 
 export const TrainerPilot = (props: React.ComponentProps<typeof Box>) => {
   return (
diff --git a/garage/src/components/TransactionStateAlert.tsx b/garage/src/components/TransactionStateAlert.tsx
index f46a8b45..a0f14096 100644
--- a/garage/src/components/TransactionStateAlert.tsx
+++ b/garage/src/components/TransactionStateAlert.tsx
@@ -9,7 +9,7 @@ import {
   Spinner,
 } from "@chakra-ui/react";
 import { useContractWrite, useWaitForTransaction } from "wagmi";
-import { blockExplorerBaseUrl } from "../env";
+import { blockExplorerBaseUrl } from "~/env";
 
 type TransactionStateAlertProps = Omit<
   ReturnType<typeof useContractWrite>,
diff --git a/garage/src/components/TransferRigModal.tsx b/garage/src/components/TransferRigModal.tsx
index bd695348..d74e04b2 100644
--- a/garage/src/components/TransferRigModal.tsx
+++ b/garage/src/components/TransferRigModal.tsx
@@ -14,20 +14,19 @@ import {
   Text,
 } from "@chakra-ui/react";
 import { WarningTwoIcon } from "@chakra-ui/icons";
-import { ethers } from "ethers";
 import {
   useAccount,
   useContractWrite,
   usePrepareContractWrite,
   useWaitForTransaction,
 } from "wagmi";
-import { Rig } from "../types";
-import { isValidAddress, as0xString } from "../utils/types";
+import { Rig } from "~/types";
+import { isValidAddress, as0xString } from "~/utils/types";
+import { mainChain, deployment } from "~/env";
+import { abi } from "~/abis/TablelandRigs";
+import { ChainAwareButton } from "./ChainAwareButton";
 import { TransactionStateAlert } from "./TransactionStateAlert";
 import { RigDisplay } from "./RigDisplay";
-import { mainChain, deployment } from "../env";
-import { abi } from "../abis/TablelandRigs";
-import { ChainAwareButton } from "./ChainAwareButton";
 
 const { contractAddress } = deployment;
 
diff --git a/garage/src/hooks/useAccount.ts b/garage/src/hooks/useAccount.ts
index b8e6c393..980d538c 100644
--- a/garage/src/hooks/useAccount.ts
+++ b/garage/src/hooks/useAccount.ts
@@ -2,9 +2,9 @@ import { useEffect, useMemo, useState } from "react";
 import { DelegateCash } from "delegatecash";
 import { providers } from "ethers";
 import { useAccount as useWagmiAccount } from "wagmi";
-import { mainChain, deployment } from "../env";
-import { isPresent } from "../utils/types";
-import { useActingAsAddress } from "../components/ActingAsAddressContext";
+import { mainChain, deployment } from "~/env";
+import { isPresent } from "~/utils/types";
+import { useActingAsAddress } from "~/components/ActingAsAddressContext";
 
 const { id, network } = mainChain;
 
diff --git a/garage/src/hooks/useActivePilotSessions.ts b/garage/src/hooks/useActivePilotSessions.ts
index 0493ee85..3f6f01e5 100644
--- a/garage/src/hooks/useActivePilotSessions.ts
+++ b/garage/src/hooks/useActivePilotSessions.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { PilotSessionWithRigId } from "../types";
+import { PilotSessionWithRigId } from "~/types";
+import { selectActivePilotSessionsForPilots } from "~/utils/queries";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { selectActivePilotSessionsForPilots } from "../utils/queries";
 
 export const useActivePilotSessions = (
   pilots: { contract: string; tokenId: string }[]
diff --git a/garage/src/hooks/useAddressVotingPower.ts b/garage/src/hooks/useAddressVotingPower.ts
index 86a434ac..08a146df 100644
--- a/garage/src/hooks/useAddressVotingPower.ts
+++ b/garage/src/hooks/useAddressVotingPower.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
+import { deployment } from "~/env";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { deployment } from "../env";
 
 const { ftSnapshotTable } = deployment;
 
diff --git a/garage/src/hooks/useCurrentRoute.ts b/garage/src/hooks/useCurrentRoute.ts
index 8ee8ad3c..e5997453 100644
--- a/garage/src/hooks/useCurrentRoute.ts
+++ b/garage/src/hooks/useCurrentRoute.ts
@@ -1,5 +1,5 @@
 import { matchRoutes, useLocation } from "react-router-dom";
-import { routes } from "../routes";
+import { routes } from "~/routes";
 
 export const useCurrentRoute = () => {
   const location = useLocation();
diff --git a/garage/src/hooks/useIsAdmin.ts b/garage/src/hooks/useIsAdmin.ts
index 61ea0b54..bad9ceca 100644
--- a/garage/src/hooks/useIsAdmin.ts
+++ b/garage/src/hooks/useIsAdmin.ts
@@ -1,8 +1,8 @@
 import { useContractReads } from "wagmi";
-import { as0xString } from "../utils/types";
-import { secondaryChain, deployment } from "../env";
-import { abi as missionsAbi } from "../abis/MissionsManager";
-import { abi as votingAbi } from "../abis/VotingRegistry";
+import { as0xString } from "~/utils/types";
+import { secondaryChain, deployment } from "~/env";
+import { abi as missionsAbi } from "~/abis/MissionsManager";
+import { abi as votingAbi } from "~/abis/VotingRegistry";
 import { useAccount } from "./useAccount";
 
 const { votingContractAddress, missionContractAddress } = deployment;
diff --git a/garage/src/hooks/useKeysDown.ts b/garage/src/hooks/useKeysDown.ts
index aa039e36..44635700 100644
--- a/garage/src/hooks/useKeysDown.ts
+++ b/garage/src/hooks/useKeysDown.ts
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useReducer } from "react";
-import { copySet } from "../utils/set";
+import { copySet } from "~/utils/set";
 
 interface KeyEvent {
   action: "up" | "down";
diff --git a/garage/src/hooks/useMissions.ts b/garage/src/hooks/useMissions.ts
index 33c094a5..dceb7a85 100644
--- a/garage/src/hooks/useMissions.ts
+++ b/garage/src/hooks/useMissions.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
-import { Mission, MissionContribution } from "../types";
+import { Mission, MissionContribution } from "~/types";
+import { deployment, secondaryChain } from "~/env";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { deployment, secondaryChain } from "../env";
 
 const { missionsTable, missionContributionsTable } = deployment;
 
diff --git a/garage/src/hooks/useNFTs.ts b/garage/src/hooks/useNFTs.ts
index e58abd98..78be79bb 100644
--- a/garage/src/hooks/useNFTs.ts
+++ b/garage/src/hooks/useNFTs.ts
@@ -10,8 +10,8 @@ import {
   NftFilters,
   GetNftsForOwnerOptions,
 } from "alchemy-sdk";
-import { mainChain } from "../env";
 import { useQuery } from "@tanstack/react-query";
+import { mainChain } from "~/env";
 
 const wagmiChainToNetwork = (c: Chain): Network => {
   switch (c) {
diff --git a/garage/src/hooks/useOwnedRigs.ts b/garage/src/hooks/useOwnedRigs.ts
index bcb4ca02..48a5048c 100644
--- a/garage/src/hooks/useOwnedRigs.ts
+++ b/garage/src/hooks/useOwnedRigs.ts
@@ -1,11 +1,11 @@
 import { useCallback, useEffect, useState } from "react";
-import { RigWithPilots } from "../types";
 import { useContractRead } from "wagmi";
+import { RigWithPilots } from "~/types";
+import { selectRigs } from "~/utils/queries";
+import { isValidAddress, as0xString } from "~/utils/types";
+import { mainChain, deployment } from "~/env";
+import { abi } from "~/abis/TablelandRigs";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { selectRigs } from "../utils/queries";
-import { isValidAddress, as0xString } from "../utils/types";
-import { mainChain, deployment } from "../env";
-import { abi } from "../abis/TablelandRigs";
 
 const { contractAddress } = deployment;
 
diff --git a/garage/src/hooks/useOwnerActivity.ts b/garage/src/hooks/useOwnerActivity.ts
index c1bc4f07..b584022a 100644
--- a/garage/src/hooks/useOwnerActivity.ts
+++ b/garage/src/hooks/useOwnerActivity.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { selectOwnerActivity } from "../utils/queries";
+import { selectOwnerActivity } from "~/utils/queries";
+import { Event, EventAction } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { Event, EventAction } from "../types";
 
 interface DbEvent {
   rigId: string;
diff --git a/garage/src/hooks/useOwnerFTRewards.ts b/garage/src/hooks/useOwnerFTRewards.ts
index d85b7963..3b52708e 100644
--- a/garage/src/hooks/useOwnerFTRewards.ts
+++ b/garage/src/hooks/useOwnerFTRewards.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { selectOwnerFTRewards } from "../utils/queries";
+import { selectOwnerFTRewards } from "~/utils/queries";
+import { FTReward } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { FTReward } from "../types";
 
 export const useOwnerFTRewards = (owner?: string) => {
   const { db } = useTablelandConnection();
diff --git a/garage/src/hooks/useOwnerPilots.ts b/garage/src/hooks/useOwnerPilots.ts
index 9459d5dd..7f735b43 100644
--- a/garage/src/hooks/useOwnerPilots.ts
+++ b/garage/src/hooks/useOwnerPilots.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { selectOwnerPilots } from "../utils/queries";
+import { selectOwnerPilots } from "~/utils/queries";
+import { Pilot } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { Pilot } from "../types";
 
 export interface PilotWithFT extends Pilot {
   flightTime: number;
diff --git a/garage/src/hooks/useOwnerVotes.ts b/garage/src/hooks/useOwnerVotes.ts
index 3c9fc311..80451a29 100644
--- a/garage/src/hooks/useOwnerVotes.ts
+++ b/garage/src/hooks/useOwnerVotes.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
-import { selectOwnerVotes } from "../utils/queries";
+import { selectOwnerVotes } from "~/utils/queries";
+import { ProposalWithOptions } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { ProposalWithOptions } from "../types";
 
 export interface Vote {
   proposal: Pick<ProposalWithOptions, "id" | "name" | "options">;
diff --git a/garage/src/hooks/useProposal.ts b/garage/src/hooks/useProposal.ts
index 7d6833a4..cf3efd11 100644
--- a/garage/src/hooks/useProposal.ts
+++ b/garage/src/hooks/useProposal.ts
@@ -1,14 +1,10 @@
 import { useCallback, useEffect, useState } from "react";
+import { deployment } from "~/env";
+import { ProposalWithOptions } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { deployment } from "../env";
-import { ProposalWithOptions } from "../types";
-
-const {
-  proposalsTable,
-  optionsTable,
-  votesTable,
-  ftSnapshotTable,
-} = deployment;
+
+const { proposalsTable, optionsTable, votesTable, ftSnapshotTable } =
+  deployment;
 
 export interface Result {
   optionId: number;
diff --git a/garage/src/hooks/useProposals.ts b/garage/src/hooks/useProposals.ts
index 2f071d24..3924d51b 100644
--- a/garage/src/hooks/useProposals.ts
+++ b/garage/src/hooks/useProposals.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
-import { Proposal } from "../types";
+import { Proposal } from "~/types";
+import { deployment } from "~/env";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { deployment } from "../env";
 
 const { proposalsTable } = deployment;
 
diff --git a/garage/src/hooks/useRig.ts b/garage/src/hooks/useRig.ts
index c429b9db..4aae09e6 100644
--- a/garage/src/hooks/useRig.ts
+++ b/garage/src/hooks/useRig.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
-import { RigWithPilots } from "../types";
+import { RigWithPilots } from "~/types";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { selectRigWithPilots } from "../utils/queries";
+import { selectRigWithPilots } from "~/utils/queries";
 
 export const useRig = (id: string) => {
   const { db } = useTablelandConnection();
diff --git a/garage/src/hooks/useRigImageUrls.ts b/garage/src/hooks/useRigImageUrls.ts
index f4b990b0..8c92f6bd 100644
--- a/garage/src/hooks/useRigImageUrls.ts
+++ b/garage/src/hooks/useRigImageUrls.ts
@@ -1,4 +1,4 @@
-import { Rig } from "../types";
+import { Rig } from "~/types";
 
 const ipfsUriToGatewayUrl = (ipfsUri: string): string => {
   const match = ipfsUri.match(/^ipfs:\/\/([a-zA-Z0-9]*)\/(.*)$/);
diff --git a/garage/src/hooks/useRigStats.ts b/garage/src/hooks/useRigStats.ts
index 0aa45967..0ec46515 100644
--- a/garage/src/hooks/useRigStats.ts
+++ b/garage/src/hooks/useRigStats.ts
@@ -4,7 +4,7 @@ import {
   selectAccountStats,
   selectTopActivePilotCollections,
   selectTopFtPilotCollections,
-} from "../utils/queries";
+} from "~/utils/queries";
 import { useTablelandConnection } from "./useTablelandConnection";
 
 export interface Stat {
diff --git a/garage/src/hooks/useRigsActivity.ts b/garage/src/hooks/useRigsActivity.ts
index 26c6eda8..d7160ffa 100644
--- a/garage/src/hooks/useRigsActivity.ts
+++ b/garage/src/hooks/useRigsActivity.ts
@@ -1,8 +1,7 @@
 import { useEffect, useState } from "react";
-import { Event } from "../types";
+import { Event, EventAction } from "~/types";
+import { selectRigsActivity } from "~/utils/queries";
 import { useTablelandConnection } from "./useTablelandConnection";
-import { selectRigsActivity } from "../utils/queries";
-import { EventAction } from "../types";
 
 interface DbEvent {
   rigId: string;
diff --git a/garage/src/hooks/useTablelandConnection.ts b/garage/src/hooks/useTablelandConnection.ts
index fdae8993..ef9a36c5 100644
--- a/garage/src/hooks/useTablelandConnection.ts
+++ b/garage/src/hooks/useTablelandConnection.ts
@@ -1,5 +1,5 @@
 import { Database, Validator, helpers } from "@tableland/sdk";
-import { mainChain as chain } from "../env";
+import { mainChain as chain } from "~/env";
 
 const db = new Database({ baseUrl: helpers.getBaseUrl(chain.id) });
 const validator = new Validator(db.config);
diff --git a/garage/src/pages/Admin/MissionAdmin.tsx b/garage/src/pages/Admin/MissionAdmin.tsx
index efa4ac9a..e7cf663d 100644
--- a/garage/src/pages/Admin/MissionAdmin.tsx
+++ b/garage/src/pages/Admin/MissionAdmin.tsx
@@ -38,17 +38,17 @@ import {
 } from "wagmi";
 import { useParams, Link as RouterLink } from "react-router-dom";
 import { Database, helpers } from "@tableland/sdk";
-import { useSigner } from "../../hooks/useSigner";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { Footer } from "../../components/Footer";
-import { ChainAwareButton } from "../../components/ChainAwareButton";
-import { MissionContribution } from "../../types";
-import { truncateWalletAddress } from "../../utils/fmt";
-import { as0xString } from "../../utils/types";
-import { useMission, useContributions } from "../../hooks/useMissions";
-import { secondaryChain, deployment } from "../../env";
-import { EditMissionModal } from "../../components/CreateMissionModal";
-import { abi } from "../../abis/MissionsManager";
+import { useSigner } from "~/hooks/useSigner";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { Footer } from "~/components/Footer";
+import { ChainAwareButton } from "~/components/ChainAwareButton";
+import { MissionContribution } from "~/types";
+import { truncateWalletAddress } from "~/utils/fmt";
+import { as0xString } from "~/utils/types";
+import { useMission, useContributions } from "~/hooks/useMissions";
+import { secondaryChain, deployment } from "~/env";
+import { EditMissionModal } from "~/components/CreateMissionModal";
+import { abi } from "~/abis/MissionsManager";
 
 const { missionContributionsTable, missionContractAddress } = deployment;
 
diff --git a/garage/src/pages/Admin/index.tsx b/garage/src/pages/Admin/index.tsx
index 1ddbf79e..592c74d0 100644
--- a/garage/src/pages/Admin/index.tsx
+++ b/garage/src/pages/Admin/index.tsx
@@ -25,17 +25,17 @@ import {
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
 import { Database } from "@tableland/sdk";
-import { useSigner } from "../../hooks/useSigner";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { Footer } from "../../components/Footer";
-import { ChainAwareButton } from "../../components/ChainAwareButton";
-import { isValidAddress } from "../../utils/types";
-import { CreateMissionModal } from "../../components/CreateMissionModal";
-import { CreateProposalModal } from "../../components/CreateProposalModal";
-import { useProposals } from "../../hooks/useProposals";
-import { useAdminMisisons } from "../../hooks/useMissions";
-import { secondaryChain, deployment } from "../../env";
-import { useIsAdmin } from "../../hooks/useIsAdmin";
+import { useSigner } from "~/hooks/useSigner";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { Footer } from "~/components/Footer";
+import { ChainAwareButton } from "~/components/ChainAwareButton";
+import { isValidAddress } from "~/utils/types";
+import { CreateMissionModal } from "~/components/CreateMissionModal";
+import { CreateProposalModal } from "~/components/CreateProposalModal";
+import { useProposals } from "~/hooks/useProposals";
+import { useAdminMisisons } from "~/hooks/useMissions";
+import { secondaryChain, deployment } from "~/env";
+import { useIsAdmin } from "~/hooks/useIsAdmin";
 
 const { ftRewardsTable } = deployment;
 
diff --git a/garage/src/pages/Dashboard/index.tsx b/garage/src/pages/Dashboard/index.tsx
index bebdc2d2..f3409eda 100644
--- a/garage/src/pages/Dashboard/index.tsx
+++ b/garage/src/pages/Dashboard/index.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { Box, Flex } from "@chakra-ui/react";
-import { TOPBAR_HEIGHT } from "../../Topbar";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { Footer } from "~/components/Footer";
 import { RigsInventory } from "./modules/RigsInventory";
 import { Stats } from "./modules/Stats";
 import { Activity } from "./modules/Activity";
-import { Footer } from "../../components/Footer";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/Dashboard/modules/Activity.tsx b/garage/src/pages/Dashboard/modules/Activity.tsx
index fd301825..3fb94a59 100644
--- a/garage/src/pages/Dashboard/modules/Activity.tsx
+++ b/garage/src/pages/Dashboard/modules/Activity.tsx
@@ -13,10 +13,10 @@ import {
   Text,
   Tr,
 } from "@chakra-ui/react";
-import { EventAction } from "../../../types";
-import { useRigImageUrls } from "../../../hooks/useRigImageUrls";
-import { useRigsActivity } from "../../../hooks/useRigsActivity";
-import { useNFTCollections } from "../../../hooks/useNFTs";
+import { EventAction } from "~/types";
+import { useRigImageUrls } from "~/hooks/useRigImageUrls";
+import { useRigsActivity } from "~/hooks/useRigsActivity";
+import { useNFTCollections } from "~/hooks/useNFTs";
 
 const getPilotedTitle = (
   lookups: Record<string, string>,
diff --git a/garage/src/pages/Dashboard/modules/RigsInventory.tsx b/garage/src/pages/Dashboard/modules/RigsInventory.tsx
index 11b8926c..38aa72f7 100644
--- a/garage/src/pages/Dashboard/modules/RigsInventory.tsx
+++ b/garage/src/pages/Dashboard/modules/RigsInventory.tsx
@@ -19,22 +19,22 @@ import {
 } from "@chakra-ui/react";
 import { CheckIcon, QuestionIcon } from "@chakra-ui/icons";
 import { useBlockNumber } from "wagmi";
-import { useAccount } from "../../../hooks/useAccount";
-import { useOwnedRigs } from "../../../hooks/useOwnedRigs";
-import { NFT } from "../../../hooks/useNFTs";
-import { useNFTsCached } from "../../../components/NFTsContext";
-import { Rig, RigWithPilots, Pilot } from "../../../types";
-import { RigDisplay } from "../../../components/RigDisplay";
-import { useGlobalFlyParkModals } from "../../../components/GlobalFlyParkModals";
-import { TablelandConnectButton } from "../../../components/TablelandConnectButton";
-import { ChainAwareButton } from "../../../components/ChainAwareButton";
-import { AboutPilotsModal } from "../../../components/AboutPilotsModal";
-import { findNFT } from "../../../utils/nfts";
-import { sleep } from "../../../utils/async";
-import { prettyNumber } from "../../../utils/fmt";
-import { firstSetValue, copySet, toggleInSet } from "../../../utils/set";
-import { mainChain } from "../../../env";
-import { useWaitForTablelandTxn } from "../../../hooks/useWaitForTablelandTxn";
+import { useAccount } from "~/hooks/useAccount";
+import { useOwnedRigs } from "~/hooks/useOwnedRigs";
+import { NFT } from "~/hooks/useNFTs";
+import { useNFTsCached } from "~/components/NFTsContext";
+import { Rig, RigWithPilots, Pilot } from "~/types";
+import { RigDisplay } from "~/components/RigDisplay";
+import { useGlobalFlyParkModals } from "~/components/GlobalFlyParkModals";
+import { TablelandConnectButton } from "~/components/TablelandConnectButton";
+import { ChainAwareButton } from "~/components/ChainAwareButton";
+import { AboutPilotsModal } from "~/components/AboutPilotsModal";
+import { findNFT } from "~/utils/nfts";
+import { sleep } from "~/utils/async";
+import { prettyNumber } from "~/utils/fmt";
+import { firstSetValue, copySet, toggleInSet } from "~/utils/set";
+import { mainChain } from "~/env";
+import { useWaitForTablelandTxn } from "~/hooks/useWaitForTablelandTxn";
 
 interface RigListItemProps {
   rig: RigWithPilots;
diff --git a/garage/src/pages/Dashboard/modules/Stats.tsx b/garage/src/pages/Dashboard/modules/Stats.tsx
index 81f27831..23184f90 100644
--- a/garage/src/pages/Dashboard/modules/Stats.tsx
+++ b/garage/src/pages/Dashboard/modules/Stats.tsx
@@ -22,16 +22,16 @@ import {
   TabPanels,
   Text,
 } from "@chakra-ui/react";
-import { useAccount } from "../../../hooks/useAccount";
+import { useAccount } from "~/hooks/useAccount";
 import {
   useAccountStats,
   useStats,
   useTopActivePilotCollections,
   useTopFtPilotCollections,
   Stat,
-} from "../../../hooks/useRigStats";
-import { useNFTCollections, Collection } from "../../../hooks/useNFTs";
-import { prettyNumber } from "../../../utils/fmt";
+} from "~/hooks/useRigStats";
+import { useNFTCollections, Collection } from "~/hooks/useNFTs";
+import { prettyNumber } from "~/utils/fmt";
 
 const StatItem = ({ name, value }: { name: string; value: number }) => {
   return (
diff --git a/garage/src/pages/Enter.tsx b/garage/src/pages/Enter.tsx
index ac40a440..4a752e2a 100644
--- a/garage/src/pages/Enter.tsx
+++ b/garage/src/pages/Enter.tsx
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from "react";
 import { useAccount } from "wagmi";
 import { Button, Heading, Flex, Stack, Text } from "@chakra-ui/react";
 import { useNavigate } from "react-router-dom";
-import desert from "../assets/desert-bg.png";
-import { TOPBAR_HEIGHT } from "../Topbar";
+import desert from "~/assets/desert-bg.png";
+import { TOPBAR_HEIGHT } from "~/Topbar";
 
 export const Enter = () => {
   const { isConnected } = useAccount();
diff --git a/garage/src/pages/Gallery/index.tsx b/garage/src/pages/Gallery/index.tsx
index 0a199c9e..c261538b 100644
--- a/garage/src/pages/Gallery/index.tsx
+++ b/garage/src/pages/Gallery/index.tsx
@@ -17,16 +17,16 @@ import {
   useBreakpointValue,
 } from "@chakra-ui/react";
 import { Link as RouterLink } from "react-router-dom";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { RigDisplay } from "../../components/RigDisplay";
-import { Footer } from "../../components/Footer";
-import { Rig } from "../../types";
-import { useTablelandConnection } from "../../hooks/useTablelandConnection";
-import { NFT } from "../../hooks/useNFTs";
-import { selectFilteredRigs } from "../../utils/queries";
-import { isPresent } from "../../utils/types";
-import { findNFT } from "../../utils/nfts";
-import { useNFTsCached } from "../../components/NFTsContext";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { RigDisplay } from "~/components/RigDisplay";
+import { Footer } from "~/components/Footer";
+import { Rig } from "~/types";
+import { useTablelandConnection } from "~/hooks/useTablelandConnection";
+import { NFT } from "~/hooks/useNFTs";
+import { selectFilteredRigs } from "~/utils/queries";
+import { isPresent } from "~/utils/types";
+import { findNFT } from "~/utils/nfts";
+import { useNFTsCached } from "~/components/NFTsContext";
 import { ActiveFiltersBar, FilterPanel, toggleValue } from "./modules/Filters";
 
 const GRID_GAP = 4;
diff --git a/garage/src/pages/Gallery/modules/Filters.tsx b/garage/src/pages/Gallery/modules/Filters.tsx
index 7d94060d..a4bba68c 100644
--- a/garage/src/pages/Gallery/modules/Filters.tsx
+++ b/garage/src/pages/Gallery/modules/Filters.tsx
@@ -21,9 +21,9 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { SmallCloseIcon } from "@chakra-ui/icons";
-import { useDebounce } from "../../../hooks/useDebounce";
-import { copySet, toggleInSet, intersection } from "../../../utils/set";
-import traitData from "../../../traits.json";
+import { useDebounce } from "~/hooks/useDebounce";
+import { copySet, toggleInSet, intersection } from "~/utils/set";
+import traitData from "~/traits.json";
 
 // TODO can we fetch this data dynamically or does that make the loading experience annoying?
 const {
diff --git a/garage/src/pages/Mission/index.tsx b/garage/src/pages/Mission/index.tsx
index e9733807..6ee54bbc 100644
--- a/garage/src/pages/Mission/index.tsx
+++ b/garage/src/pages/Mission/index.tsx
@@ -21,14 +21,14 @@ import {
   useDisclosure,
 } from "@chakra-ui/react";
 import { useParams } from "react-router-dom";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { truncateWalletAddress } from "../../utils/fmt";
-import { Mission, MissionContribution } from "../../types";
-import { useMission, useContributions } from "../../hooks/useMissions";
-import { useAccount } from "../../hooks/useAccount";
-import { usePersistentState } from "../../hooks/usePersistentState";
-import { SubmitMissionModal } from "../../components/SubmitMissionModal";
-import { SignManifestoModal } from "../../components/SignManifestoModal";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { truncateWalletAddress } from "~/utils/fmt";
+import { Mission, MissionContribution } from "~/types";
+import { useMission, useContributions } from "~/hooks/useMissions";
+import { useAccount } from "~/hooks/useAccount";
+import { usePersistentState } from "~/hooks/usePersistentState";
+import { SubmitMissionModal } from "~/components/SubmitMissionModal";
+import { SignManifestoModal } from "~/components/SignManifestoModal";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/MissionBoard/index.tsx b/garage/src/pages/MissionBoard/index.tsx
index f36941c3..8ebc12d9 100644
--- a/garage/src/pages/MissionBoard/index.tsx
+++ b/garage/src/pages/MissionBoard/index.tsx
@@ -12,12 +12,12 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { prettyNumber } from "../../utils/fmt";
-import { useOpenMissions } from "../../hooks/useMissions";
-import { usePersistentState } from "../../hooks/usePersistentState";
-import { Mission } from "../../types";
-import { SignManifestoModal } from "../../components/SignManifestoModal";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { prettyNumber } from "~/utils/fmt";
+import { useOpenMissions } from "~/hooks/useMissions";
+import { usePersistentState } from "~/hooks/usePersistentState";
+import { Mission } from "~/types";
+import { SignManifestoModal } from "~/components/SignManifestoModal";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/OwnerDetails/index.tsx b/garage/src/pages/OwnerDetails/index.tsx
index 7b9107c1..210c69ac 100644
--- a/garage/src/pages/OwnerDetails/index.tsx
+++ b/garage/src/pages/OwnerDetails/index.tsx
@@ -2,22 +2,22 @@ import React, { useMemo } from "react";
 import { Flex, Heading, Text, VStack } from "@chakra-ui/react";
 import { useParams } from "react-router-dom";
 import { useEnsName } from "wagmi";
-import { useOwnedRigs } from "../../hooks/useOwnedRigs";
-import { useOwnerPilots } from "../../hooks/useOwnerPilots";
-import { useOwnerActivity } from "../../hooks/useOwnerActivity";
-import { useOwnerFTRewards } from "../../hooks/useOwnerFTRewards";
-import { useOwnerVotes } from "../../hooks/useOwnerVotes";
-import { useOwnerContributions } from "../../hooks/useMissions";
-import { useNFTsCached } from "../../components/NFTsContext";
-import { TOPBAR_HEIGHT } from "../../Topbar";
+import { useOwnerContributions } from "~/hooks/useMissions";
+import { useOwnedRigs } from "~/hooks/useOwnedRigs";
+import { useOwnerPilots } from "~/hooks/useOwnerPilots";
+import { useOwnerActivity } from "~/hooks/useOwnerActivity";
+import { useOwnerFTRewards } from "~/hooks/useOwnerFTRewards";
+import { useOwnerVotes } from "~/hooks/useOwnerVotes";
+import { useNFTsCached } from "~/components/NFTsContext";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { prettyNumber } from "~/utils/fmt";
+import { isValidAddress } from "~/utils/types";
 import { RigsGrid } from "./modules/RigsInventory";
 import { ActivityLog } from "./modules/Activity";
 import { Pilots } from "./modules/Pilots";
 import { FTRewards } from "./modules/FTRewards";
 import { Votes } from "./modules/Votes";
 import { MBContributions } from "./modules/MBContributions";
-import { prettyNumber } from "../../utils/fmt";
-import { isValidAddress } from "../../utils/types";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/OwnerDetails/modules/Activity.tsx b/garage/src/pages/OwnerDetails/modules/Activity.tsx
index 493af512..40481ac5 100644
--- a/garage/src/pages/OwnerDetails/modules/Activity.tsx
+++ b/garage/src/pages/OwnerDetails/modules/Activity.tsx
@@ -13,9 +13,9 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
-import { useRigImageUrls } from "../../../hooks/useRigImageUrls";
-import { useNFTCollections } from "../../../hooks/useNFTs";
-import { Event, EventAction } from "../../../types";
+import { useRigImageUrls } from "~/hooks/useRigImageUrls";
+import { useNFTCollections } from "~/hooks/useNFTs";
+import { Event, EventAction } from "~/types";
 
 interface ActivityLogProps extends React.ComponentProps<typeof Box> {
   events?: Event[];
diff --git a/garage/src/pages/OwnerDetails/modules/FTRewards.tsx b/garage/src/pages/OwnerDetails/modules/FTRewards.tsx
index bfc0fac9..8b8e6461 100644
--- a/garage/src/pages/OwnerDetails/modules/FTRewards.tsx
+++ b/garage/src/pages/OwnerDetails/modules/FTRewards.tsx
@@ -13,8 +13,8 @@ import {
   Td,
   VStack,
 } from "@chakra-ui/react";
-import { FTReward } from "../../../types";
-import { prettyNumber } from "../../../utils/fmt";
+import { FTReward } from "~/types";
+import { prettyNumber } from "~/utils/fmt";
 
 interface FTRewardsProps extends React.ComponentProps<typeof Box> {
   rewards?: FTReward[];
diff --git a/garage/src/pages/OwnerDetails/modules/Pilots.tsx b/garage/src/pages/OwnerDetails/modules/Pilots.tsx
index fcd387ed..451494f3 100644
--- a/garage/src/pages/OwnerDetails/modules/Pilots.tsx
+++ b/garage/src/pages/OwnerDetails/modules/Pilots.tsx
@@ -16,11 +16,11 @@ import {
   Td,
   VStack,
 } from "@chakra-ui/react";
-import { NFT } from "../../../hooks/useNFTs";
-import { PilotWithFT } from "../../../hooks/useOwnerPilots";
-import { TrainerPilot } from "../../../components/TrainerPilot";
-import { findNFT } from "../../../utils/nfts";
-import { prettyNumber } from "../../../utils/fmt";
+import { NFT } from "~/hooks/useNFTs";
+import { PilotWithFT } from "~/hooks/useOwnerPilots";
+import { TrainerPilot } from "~/components/TrainerPilot";
+import { findNFT } from "~/utils/nfts";
+import { prettyNumber } from "~/utils/fmt";
 
 interface PilotProps extends React.ComponentProps<typeof Box> {
   nfts?: NFT[];
diff --git a/garage/src/pages/OwnerDetails/modules/RigsInventory.tsx b/garage/src/pages/OwnerDetails/modules/RigsInventory.tsx
index b1e32502..3aacb505 100644
--- a/garage/src/pages/OwnerDetails/modules/RigsInventory.tsx
+++ b/garage/src/pages/OwnerDetails/modules/RigsInventory.tsx
@@ -10,10 +10,10 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
-import { Rig } from "../../../types";
-import { NFT } from "../../../hooks/useNFTs";
-import { RigDisplay } from "../../../components/RigDisplay";
-import { findNFT } from "../../../utils/nfts";
+import { Rig } from "~/types";
+import { NFT } from "~/hooks/useNFTs";
+import { RigDisplay } from "~/components/RigDisplay";
+import { findNFT } from "~/utils/nfts";
 
 interface RigsGridProps extends React.ComponentProps<typeof Box> {
   rigs?: Rig[];
diff --git a/garage/src/pages/OwnerDetails/modules/Votes.tsx b/garage/src/pages/OwnerDetails/modules/Votes.tsx
index be9b35c0..9779e18e 100644
--- a/garage/src/pages/OwnerDetails/modules/Votes.tsx
+++ b/garage/src/pages/OwnerDetails/modules/Votes.tsx
@@ -15,9 +15,9 @@ import {
   Show,
   useBreakpointValue,
 } from "@chakra-ui/react";
-import { prettyNumber } from "../../../utils/fmt";
-import { Vote } from "../../../hooks/useOwnerVotes";
 import { Link } from "react-router-dom";
+import { prettyNumber } from "~/utils/fmt";
+import { Vote } from "~/hooks/useOwnerVotes";
 
 interface VotesProps extends React.ComponentProps<typeof Box> {
   votes?: Vote[];
diff --git a/garage/src/pages/PilotDetails/index.tsx b/garage/src/pages/PilotDetails/index.tsx
index 024d5087..68d15587 100644
--- a/garage/src/pages/PilotDetails/index.tsx
+++ b/garage/src/pages/PilotDetails/index.tsx
@@ -22,18 +22,18 @@ import {
 } from "@chakra-ui/react";
 import { useParams, Link as RouterLink } from "react-router-dom";
 import { useAccount, useBlockNumber, useContractRead, useEnsName } from "wagmi";
-import { RoundSvgIcon } from "../../components/RoundSvgIcon";
-import { useTablelandConnection } from "../../hooks/useTablelandConnection";
-import { useNFTs, NFT } from "../../hooks/useNFTs";
-import { useRigImageUrls } from "../../hooks/useRigImageUrls";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { prettyNumber, truncateWalletAddress } from "../../utils/fmt";
-import { mainChain, openseaBaseUrl } from "../../env";
-import { PilotSessionWithRigId } from "../../types";
-import { ReactComponent as OpenseaMark } from "../../assets/opensea-mark.svg";
-import { selectPilotSessionsForPilot } from "../../utils/queries";
-import { isValidAddress, as0xString } from "../../utils/types";
-import { abi } from "../../abis/ERC721";
+import { RoundSvgIcon } from "~/components/RoundSvgIcon";
+import { useTablelandConnection } from "~/hooks/useTablelandConnection";
+import { useNFTs, NFT } from "~/hooks/useNFTs";
+import { useRigImageUrls } from "~/hooks/useRigImageUrls";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { prettyNumber, truncateWalletAddress } from "~/utils/fmt";
+import { mainChain, openseaBaseUrl } from "~/env";
+import { PilotSessionWithRigId } from "~/types";
+import { ReactComponent as OpenseaMark } from "~/assets/opensea-mark.svg";
+import { selectPilotSessionsForPilot } from "~/utils/queries";
+import { isValidAddress, as0xString } from "~/utils/types";
+import { abi } from "~/abis/ERC721";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/Proposal/index.tsx b/garage/src/pages/Proposal/index.tsx
index db65f3d3..4b7fe313 100644
--- a/garage/src/pages/Proposal/index.tsx
+++ b/garage/src/pages/Proposal/index.tsx
@@ -36,20 +36,20 @@ import {
   useWaitForTransaction,
 } from "wagmi";
 import { useParams, Link } from "react-router-dom";
-import { TransactionStateAlert } from "../../components/TransactionStateAlert";
+import { TransactionStateAlert } from "~/components/TransactionStateAlert";
 import {
   ProposalStatusBadge,
   proposalStatus,
-} from "../../components/ProposalStatusBadge";
-import { useProposal, Result, Vote } from "../../hooks/useProposal";
-import { useAddressVotingPower } from "../../hooks/useAddressVotingPower";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { prettyNumber, truncateWalletAddress } from "../../utils/fmt";
-import { as0xString } from "../../utils/types";
-import { ProposalWithOptions, ProposalStatus } from "../../types";
-import { deployment, secondaryChain } from "../../env";
-import { abi } from "../../abis/VotingRegistry";
-import { useWaitForTablelandTxn } from "../../hooks/useWaitForTablelandTxn";
+} from "~/components/ProposalStatusBadge";
+import { useProposal, Result, Vote } from "~/hooks/useProposal";
+import { useAddressVotingPower } from "~/hooks/useAddressVotingPower";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { prettyNumber, truncateWalletAddress } from "~/utils/fmt";
+import { as0xString } from "~/utils/types";
+import { ProposalWithOptions, ProposalStatus } from "~/types";
+import { deployment, secondaryChain } from "~/env";
+import { abi } from "~/abis/VotingRegistry";
+import { useWaitForTablelandTxn } from "~/hooks/useWaitForTablelandTxn";
 
 const ipfsGatewayBaseUrl = "https://nftstorage.link";
 
diff --git a/garage/src/pages/Proposals/index.tsx b/garage/src/pages/Proposals/index.tsx
index 3abaf6a8..144317c9 100644
--- a/garage/src/pages/Proposals/index.tsx
+++ b/garage/src/pages/Proposals/index.tsx
@@ -11,14 +11,14 @@ import {
 } from "@chakra-ui/react";
 import { useBlockNumber } from "wagmi";
 import { Link } from "react-router-dom";
-import { useProposals } from "../../hooks/useProposals";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { prettyNumber } from "../../utils/fmt";
-import { Proposal, ProposalStatus } from "../../types";
+import { useProposals } from "~/hooks/useProposals";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { prettyNumber } from "~/utils/fmt";
+import { Proposal, ProposalStatus } from "~/types";
 import {
   proposalStatus,
   ProposalStatusBadge,
-} from "../../components/ProposalStatusBadge";
+} from "~/components/ProposalStatusBadge";
 
 const GRID_GAP = 4;
 
diff --git a/garage/src/pages/RigDetails/index.tsx b/garage/src/pages/RigDetails/index.tsx
index b1b19a9b..93d61f64 100644
--- a/garage/src/pages/RigDetails/index.tsx
+++ b/garage/src/pages/RigDetails/index.tsx
@@ -29,29 +29,29 @@ import {
 import { ArrowForwardIcon, ExternalLinkIcon } from "@chakra-ui/icons";
 import { useParams, Link as RouterLink } from "react-router-dom";
 import { useBlockNumber, useContractReads, useEnsName } from "wagmi";
-import { useAccount } from "../../hooks/useAccount";
-import { useGlobalFlyParkModals } from "../../components/GlobalFlyParkModals";
-import { ChainAwareButton } from "../../components/ChainAwareButton";
-import { RoundSvgIcon } from "../../components/RoundSvgIcon";
-import { TransferRigModal } from "../../components/TransferRigModal";
-import { useNFTsCached } from "../../components/NFTsContext";
-import { TOPBAR_HEIGHT } from "../../Topbar";
-import { RigDisplay } from "../../components/RigDisplay";
+import { useAccount } from "~/hooks/useAccount";
+import { useGlobalFlyParkModals } from "~/components/GlobalFlyParkModals";
+import { ChainAwareButton } from "~/components/ChainAwareButton";
+import { RoundSvgIcon } from "~/components/RoundSvgIcon";
+import { TransferRigModal } from "~/components/TransferRigModal";
+import { useNFTsCached } from "~/components/NFTsContext";
+import { TOPBAR_HEIGHT } from "~/Topbar";
+import { RigDisplay } from "~/components/RigDisplay";
 import { FlightLog } from "./modules/FlightLog";
 import { Pilots } from "./modules/Pilots";
 import { RigAttributes } from "./modules/RigAttributes";
-import { useRig } from "../../hooks/useRig";
-import { findNFT } from "../../utils/nfts";
-import { prettyNumber, truncateWalletAddress } from "../../utils/fmt";
-import { sleep } from "../../utils/async";
-import { isValidAddress, as0xString } from "../../utils/types";
-import { mainChain, openseaBaseUrl, deployment } from "../../env";
-import { RigWithPilots } from "../../types";
-import { abi } from "../../abis/TablelandRigs";
-import { ReactComponent as OpenseaMark } from "../../assets/opensea-mark.svg";
-import { ReactComponent as TablelandMark } from "../../assets/tableland.svg";
-import { ReactComponent as FilecoinMark } from "../../assets/filecoin-mark.svg";
-import { useWaitForTablelandTxn } from "../../hooks/useWaitForTablelandTxn";
+import { useRig } from "~/hooks/useRig";
+import { findNFT } from "~/utils/nfts";
+import { prettyNumber, truncateWalletAddress } from "~/utils/fmt";
+import { sleep } from "~/utils/async";
+import { isValidAddress, as0xString } from "~/utils/types";
+import { mainChain, openseaBaseUrl, deployment } from "~/env";
+import { RigWithPilots } from "~/types";
+import { abi } from "~/abis/TablelandRigs";
+import { ReactComponent as OpenseaMark } from "~/assets/opensea-mark.svg";
+import { ReactComponent as TablelandMark } from "~/assets/tableland.svg";
+import { ReactComponent as FilecoinMark } from "~/assets/filecoin-mark.svg";
+import { useWaitForTablelandTxn } from "~/hooks/useWaitForTablelandTxn";
 
 const { contractAddress } = deployment;
 
diff --git a/garage/src/pages/RigDetails/modules/Badges.tsx b/garage/src/pages/RigDetails/modules/Badges.tsx
index 3d338315..00147774 100644
--- a/garage/src/pages/RigDetails/modules/Badges.tsx
+++ b/garage/src/pages/RigDetails/modules/Badges.tsx
@@ -14,9 +14,9 @@ import {
   Tr,
   VStack,
 } from "@chakra-ui/react";
-import { RigWithPilots } from "../../../types";
-import { NFT } from "../../../hooks/useNFTs";
-import { education, code } from "../../../assets/badges/";
+import { RigWithPilots } from "~/types";
+import { NFT } from "~/hooks/useNFTs";
+import { education, code } from "~/assets/badges/";
 
 type BadgesProps = React.ComponentProps<typeof Box> & {
   rig: RigWithPilots;
diff --git a/garage/src/pages/RigDetails/modules/FlightLog.tsx b/garage/src/pages/RigDetails/modules/FlightLog.tsx
index 2d603a26..1cf05ab8 100644
--- a/garage/src/pages/RigDetails/modules/FlightLog.tsx
+++ b/garage/src/pages/RigDetails/modules/FlightLog.tsx
@@ -11,10 +11,10 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
-import { RigWithPilots } from "../../../types";
-import { NFT } from "../../../hooks/useNFTs";
-import { findNFT } from "../../../utils/nfts";
-import { truncateWalletAddress } from "../../../utils/fmt";
+import { RigWithPilots } from "~/types";
+import { NFT } from "~/hooks/useNFTs";
+import { findNFT } from "~/utils/nfts";
+import { truncateWalletAddress } from "~/utils/fmt";
 
 type FlightLogProps = React.ComponentProps<typeof Box> & {
   rig: RigWithPilots;
@@ -26,15 +26,20 @@ export const FlightLog = ({ rig, nfts, p, ...props }: FlightLogProps) => {
     .flatMap(({ startTime, endTime, owner, contract, tokenId }) => {
       const { name = "Trainer" } = findNFT({ tokenId, contract }, nfts) || {};
 
-      let events = [{ type: `Piloted ${name}`, startTime, timestamp: startTime, owner }];
+      let events = [
+        { type: `Piloted ${name}`, startTime, timestamp: startTime, owner },
+      ];
 
       if (endTime) {
-        events = [...events, { type: "Parked", startTime, timestamp: endTime, owner }];
+        events = [
+          ...events,
+          { type: "Parked", startTime, timestamp: endTime, owner },
+        ];
       }
 
       return events;
     })
-    .sort((a, b) => (b.timestamp - a.timestamp) || (b.startTime - a.startTime));
+    .sort((a, b) => b.timestamp - a.timestamp || b.startTime - a.startTime);
 
   return (
     <VStack align="stretch" pt={p} {...props}>
diff --git a/garage/src/pages/RigDetails/modules/Pilots.tsx b/garage/src/pages/RigDetails/modules/Pilots.tsx
index 3bd6d790..93759e48 100644
--- a/garage/src/pages/RigDetails/modules/Pilots.tsx
+++ b/garage/src/pages/RigDetails/modules/Pilots.tsx
@@ -19,15 +19,15 @@ import {
   useDisclosure,
 } from "@chakra-ui/react";
 import { QuestionIcon } from "@chakra-ui/icons";
-import { RigWithPilots, PilotSession } from "../../../types";
-import { TrainerPilot } from "../../../components/TrainerPilot";
-import { ChainAwareButton } from "../../../components/ChainAwareButton";
-import { AboutPilotsModal } from "../../../components/AboutPilotsModal";
 import { useBlockNumber } from "wagmi";
-import { NFT } from "../../../hooks/useNFTs";
-import { findNFT } from "../../../utils/nfts";
-import { prettyNumber, pluralize } from "../../../utils/fmt";
-import { mainChain, deployment } from "../../../env";
+import { RigWithPilots, PilotSession } from "~/types";
+import { TrainerPilot } from "~/components/TrainerPilot";
+import { ChainAwareButton } from "~/components/ChainAwareButton";
+import { AboutPilotsModal } from "~/components/AboutPilotsModal";
+import { NFT } from "~/hooks/useNFTs";
+import { findNFT } from "~/utils/nfts";
+import { prettyNumber, pluralize } from "~/utils/fmt";
+import { mainChain, deployment } from "~/env";
 
 const getPilots = (
   rig: RigWithPilots,
diff --git a/garage/src/pages/RigDetails/modules/RigAttributes.tsx b/garage/src/pages/RigDetails/modules/RigAttributes.tsx
index b584990b..c86eb2c1 100644
--- a/garage/src/pages/RigDetails/modules/RigAttributes.tsx
+++ b/garage/src/pages/RigDetails/modules/RigAttributes.tsx
@@ -10,9 +10,9 @@ import {
   Tr,
   VStack,
 } from "@chakra-ui/react";
-import { RigWithPilots, Attribute } from "../../../types";
-import { useRigAttributeStats } from "../../../components/RigAttributeStatsContext";
-import { toPercent } from "../../../utils/fmt";
+import { RigWithPilots, Attribute } from "~/types";
+import { useRigAttributeStats } from "~/components/RigAttributeStatsContext";
+import { toPercent } from "~/utils/fmt";
 
 type RigAttributesProps = React.ComponentProps<typeof Box> & {
   rig: RigWithPilots;
diff --git a/garage/src/utils/queries.ts b/garage/src/utils/queries.ts
index be6ba1da..06805643 100644
--- a/garage/src/utils/queries.ts
+++ b/garage/src/utils/queries.ts
@@ -1,4 +1,4 @@
-import { mainChain as chain, deployment } from "../env";
+import { mainChain as chain, deployment } from "~/env";
 
 const {
   rigsTable,
diff --git a/garage/src/utils/types.ts b/garage/src/utils/types.ts
index cb495a8a..eef7e0d9 100644
--- a/garage/src/utils/types.ts
+++ b/garage/src/utils/types.ts
@@ -1,4 +1,4 @@
-import { WalletAddress } from "../types";
+import { WalletAddress } from "~/types";
 
 export const isPresent = <T,>(t: T | undefined | null): t is T =>
   t !== undefined && t !== null;
diff --git a/garage/tsconfig.json b/garage/tsconfig.json
index 46ff09c3..71a2e0c5 100644
--- a/garage/tsconfig.json
+++ b/garage/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "target": "ESNext",
     "types": ["node", "vite/client", "vite-plugin-svgr/client"],
     "useDefineForClassFields": true,
@@ -15,7 +16,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "paths": {
+      "~/*": ["src/*"]
+    }
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/garage/vite.config.ts b/garage/vite.config.ts
index ca0071d3..e58a4829 100644
--- a/garage/vite.config.ts
+++ b/garage/vite.config.ts
@@ -2,10 +2,11 @@ import { defineConfig } from "vite";
 import { ViteEjsPlugin } from "vite-plugin-ejs";
 import svgr from "vite-plugin-svgr";
 import react from "@vitejs/plugin-react";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [svgr(), react(), ViteEjsPlugin()],
+  plugins: [svgr(), react(), ViteEjsPlugin(), tsconfigPaths()],
   optimizeDeps: {
     exclude: ["@tableland/sqlparser"],
   },