Configure @/ path aliases in tsconfig and stop tracking tsconfig.tsbuildinfo

.gitignore

@@ -3,6 +3,7 @@ frontend/.next/
 out/
 dist/
 build/
+**/tsconfig.tsbuildinfo
 
 # Dependencies
 node_modules/

frontend/src/app/account/privacy/delete/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import React, { useState } from 'react';
-import { api, ApiError } from '../../../../lib/api/public-client';
-import { LoadingSpinner } from '../../../../components/LoadingSpinner';
+import { api, ApiError } from '@/lib/api/public-client';
+import { LoadingSpinner } from '@/components/LoadingSpinner';
 
 const REQUIRED_CONFIRMATION_PHRASE = 'DELETE MY DATA PERMANENTLY';
 

frontend/src/app/account/privacy/export/page.tsx

@@ -2,8 +2,8 @@
 
 import React, { useState } from 'react';
 import Link from 'next/link';
-import { api, ApiError } from '../../../../lib/api/public-client';
-import { LoadingSpinner } from '../../../../components/LoadingSpinner';
+import { api, ApiError } from '@/lib/api/public-client';
+import { LoadingSpinner } from '@/components/LoadingSpinner';
 
 type Step = 'request-token' | 'verify-and-export' | 'export-complete';
 

frontend/src/app/admin/audit/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { api } from '../../../lib/api/admin-client';
+import { api } from '@/lib/api/admin-client';
 
 type Log = { id?: string | number; actor?: string; action?: string; resource_type?: string; timestamp?: string; status?: string };
 

frontend/src/app/admin/blockchain/replay/page.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import React, { useState } from 'react';
-import { api, ApiError } from '../../../../lib/api/admin-client';
-import { Modal } from '../../../../components/admin/Modal';
-import { Form, FormField, Input, Button, StatusAlert } from '../../../../components/admin/Form';
+import { api, ApiError } from '@/lib/api/admin-client';
+import { Modal } from '@/components/admin/Modal';
+import { Form, FormField, Input, Button, StatusAlert } from '@/components/admin/Form';
 
 interface ReplayResult {
   from_ledger?: number;

frontend/src/app/admin/content/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import React, { useState, useEffect, useCallback } from 'react';
-import { api, ApiError } from '../../../../lib/api/admin-client';
-import { Form, FormField, Input, Textarea, Button, StatusAlert } from '../../../../components/admin/Form';
+import { api, ApiError } from '@/lib/api/admin-client';
+import { Form, FormField, Input, Textarea, Button, StatusAlert } from '@/components/admin/Form';
 
 interface ContentFields {
   hero_title: string;

frontend/src/app/admin/email/analytics/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
-import { api, ApiError } from '../../../../lib/api/admin-client';
-import { Select, Button, StatusAlert } from '../../../../components/admin/Form';
+import { api, ApiError } from '@/lib/api/admin-client';
+import { Select, Button, StatusAlert } from '@/components/admin/Form';
 
 export interface EmailAnalyticsRecord {
   template_name: string;

frontend/src/app/admin/email/preview/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import React, { useState, useEffect, useCallback } from 'react';
-import { api, ApiError } from '../../../../lib/api/admin-client';
-import { Form, FormField, Input, Select, Button, StatusAlert } from '../../../../components/admin/Form';
+import { api, ApiError } from '@/lib/api/admin-client';
+import { Form, FormField, Input, Select, Button, StatusAlert } from '@/components/admin/Form';
 
 interface TemplateOption {
   value: string;

frontend/src/app/markets/[marketId]/cancel/page.tsx

@@ -1,11 +1,11 @@
 'use client';
 
 import { use, useEffect, useState } from 'react';
-import { api } from '../../../../lib/api/public-client';
-import { getEnvConfig } from '../../../../lib/env';
-import { useWalletAddress } from '../../../../lib/hooks/useWalletAddress';
-import { canCancelMarket, parseMarketView, type MarketView } from '../../../../lib/markets/marketState';
-import { Modal } from '../../../../components/Modal';
+import { api } from '@/lib/api/public-client';
+import { getEnvConfig } from '@/lib/env';
+import { useWalletAddress } from '@/lib/hooks/useWalletAddress';
+import { canCancelMarket, parseMarketView, type MarketView } from '@/lib/markets/marketState';
+import { Modal } from '@/components/Modal';
 import './cancel.css';
 
 /**

frontend/src/app/markets/[marketId]/dispute/page.tsx

@@ -1,11 +1,11 @@
 'use client';
 
 import { useCallback, useState } from 'react';
-import { useAsync } from '../../../../lib/hooks/useAsync';
-import { useTransaction } from '../../../../lib/hooks/useTransaction';
-import { describeWriteError } from '../../../../lib/api/contractErrors';
-import { ApiError } from '../../../../lib/api/public-client';
-import { getEnvConfig } from '../../../../lib/env';
+import { useAsync } from '@/lib/hooks/useAsync';
+import { useTransaction } from '@/lib/hooks/useTransaction';
+import { describeWriteError } from '@/lib/api/contractErrors';
+import { ApiError } from '@/lib/api/public-client';
+import { getEnvConfig } from '@/lib/env';
 
 interface DisputedOutcome {
   outcome_index: number;

frontend/src/app/markets/[marketId]/page.tsx

@@ -1,4 +1,4 @@
-import { MarketDetailView } from '../../../components/markets/MarketDetailView';
+import { MarketDetailView } from '@/components/markets/MarketDetailView';
 
 interface MarketDetailPageProps {
   params: Promise<{ marketId: string }>;

frontend/src/app/markets/[marketId]/resolve/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { use, useEffect, useState } from 'react';
-import { api, ApiError, getContractErrorMessage } from '../../../../lib/api/admin-client';
-import { canResolveMarket, parseMarketView, type MarketView } from '../../../../lib/markets/marketState';
+import { api, ApiError, getContractErrorMessage } from '@/lib/api/admin-client';
+import { canResolveMarket, parseMarketView, type MarketView } from '@/lib/markets/marketState';
 import './resolve.css';
 
 /**

frontend/src/app/markets/create/page.tsx

@@ -2,16 +2,16 @@
 
 import React from 'react';
 import { useRouter } from 'next/navigation';
-import { getEnvConfig } from '../../../lib/env';
-import { getConnectedWalletAddress } from '../../../lib/wallet';
-import { getSupportedAsset } from '../../../lib/assets';
-import { TokenSelector } from '../../../components/markets/TokenSelector';
+import { getEnvConfig } from '@/lib/env';
+import { getConnectedWalletAddress } from '@/lib/wallet';
+import { getSupportedAsset } from '@/lib/assets';
+import { TokenSelector } from '@/components/markets/TokenSelector';
 import {
   marketFormSchema,
   validateMarketForm,
   type MarketFormErrors,
   type MarketFormValues,
-} from '../../../lib/validation/marketForm';
+} from '@/lib/validation/marketForm';
 import './page.css';
 
 const EMPTY_FORM: MarketFormValues = {

frontend/src/app/newsletter/unsubscribe/page.tsx

@@ -3,8 +3,8 @@
 import React, { Suspense, useEffect, useState, useCallback } from 'react';
 import Link from 'next/link';
 import { useSearchParams } from 'next/navigation';
-import { LoadingSpinner } from '../../../components/LoadingSpinner';
-import { getEnvConfig } from '../../../lib/env';
+import { LoadingSpinner } from '@/components/LoadingSpinner';
+import { getEnvConfig } from '@/lib/env';
 
 type UnsubscribeStatus = 'idle' | 'loading' | 'success' | 'already-unsubscribed' | 'error';
 

frontend/src/app/tx/[txHash]/page.tsx

@@ -1,4 +1,4 @@
-import { TransactionStatusView } from '../../../components/markets/TransactionStatusView';
+import { TransactionStatusView } from '@/components/markets/TransactionStatusView';
 
 interface TransactionStatusPageProps {
   params: Promise<{ txHash: string }>;

frontend/tsconfig.json

@@ -23,7 +23,14 @@
         "name": "next"
       }
     ],
-    "target": "ES2017"
+    "target": "ES2017",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@/components/*": ["src/components/*"],
+      "@/lib/*": ["src/lib/*"],
+      "@/styles/*": ["src/styles/*"]
+    }
   },
   "include": [
     "next-env.d.ts",