refactor: replace relative imports with aliases

Author: jonathanlab

src/api/generated.ts

@@ -1,6 +1,6 @@
+import { buildApiFetcher } from "@api/fetcher";
+import { createApiClient, type Schemas } from "@api/generated";
 import type { RepositoryConfig } from "@shared/types";
-import { buildApiFetcher } from "./fetcher";
-import { createApiClient, type Schemas } from "./generated";
 
 export class PostHogAPIClient {
   private api: ReturnType<typeof createApiClient>;

src/api/posthogClient.ts

@@ -2,17 +2,17 @@ import dns from "node:dns";
 import { mkdirSync } from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
+import { registerAgentIpc, type TaskController } from "@main/services/agent";
+import { registerFsIpc } from "@main/services/fs";
+import { registerOsIpc } from "@main/services/os";
+import { registerPosthogIpc } from "@main/services/posthog";
 import {
   app,
   BrowserWindow,
   Menu,
   type MenuItemConstructorOptions,
   shell,
 } from "electron";
-import { registerAgentIpc, type TaskController } from "./services/agent.js";
-import { registerFsIpc } from "./services/fs.js";
-import { registerOsIpc } from "./services/os.js";
-import { registerPosthogIpc } from "./services/posthog.js";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);

src/main/index.ts

@@ -1,8 +1,8 @@
 import { Flex, Spinner, Text } from "@radix-ui/themes";
+import { AuthScreen } from "@renderer/components/AuthScreen";
+import { MainLayout } from "@renderer/components/MainLayout";
+import { useAuthStore } from "@renderer/stores/authStore";
 import { useEffect, useState } from "react";
-import { AuthScreen } from "./components/AuthScreen";
-import { MainLayout } from "./components/MainLayout";
-import { useAuthStore } from "./stores/authStore";
 
 function App() {
   const { isAuthenticated, checkAuth } = useAuthStore();

src/renderer/App.tsx

@@ -9,11 +9,11 @@ import {
   Text,
   TextField,
 } from "@radix-ui/themes";
+import { AsciiArt } from "@renderer/components/AsciiArt";
+import { useAuthStore } from "@renderer/stores/authStore";
 import { useMutation } from "@tanstack/react-query";
 import type React from "react";
 import { useId, useState } from "react";
-import { useAuthStore } from "../stores/authStore";
-import { AsciiArt } from "./AsciiArt";
 
 export function AuthScreen() {
   const apiKeyId = useId();

src/renderer/components/AuthScreen.tsx

@@ -1,7 +1,7 @@
 import { CheckIcon, ChevronDownIcon } from "@radix-ui/react-icons";
 import { Box, Button, Flex, Popover, Text, TextField } from "@radix-ui/themes";
+import { Command } from "@renderer/components/command";
 import { type ReactNode, useMemo, useState } from "react";
-import { Command } from "./command";
 
 interface ComboboxItem {
   value: string;

src/renderer/components/Combobox.tsx

@@ -1,10 +1,10 @@
 import { Folder } from "@phosphor-icons/react";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
 import { Box, Button, Flex, Popover, Text, TextField } from "@radix-ui/themes";
+import { Command } from "@renderer/components/command";
+import { useFolderPickerStore } from "@renderer/stores/folderPickerStore";
 import { useEffect, useRef, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
-import { useFolderPickerStore } from "../stores/folderPickerStore";
-import { Command } from "./command";
 
 interface FolderPickerProps {
   value: string;

src/renderer/components/FolderPicker.tsx

@@ -10,9 +10,9 @@ import {
   Text,
   Tooltip,
 } from "@radix-ui/themes";
+import { LogEventRenderer } from "@renderer/components/log/LogEventRenderer";
+import { TodoGroupView } from "@renderer/components/log/TodoGroupView";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { LogEventRenderer } from "./log/LogEventRenderer";
-import { TodoGroupView } from "./log/TodoGroupView";
 
 interface LogViewProps {
   logs: AgentEvent[];

src/renderer/components/LogView.tsx

@@ -1,18 +1,18 @@
 import { Box, Flex } from "@radix-ui/themes";
+import { CommandMenu } from "@renderer/components/command";
+import { SettingsView } from "@renderer/components/SettingsView";
+import { StatusBar } from "@renderer/components/StatusBar";
+import { TabBar } from "@renderer/components/TabBar";
+import { TaskCreate } from "@renderer/components/TaskCreate";
+import { TaskDetail } from "@renderer/components/TaskDetail";
+import { TaskList } from "@renderer/components/TaskList";
+import { WorkflowForm } from "@renderer/components/WorkflowForm";
+import { WorkflowView } from "@renderer/components/WorkflowView";
+import { useIntegrations } from "@renderer/hooks/useIntegrations";
+import { useTabStore } from "@renderer/stores/tabStore";
 import type { Task } from "@shared/types";
 import { useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
-import { useIntegrations } from "../hooks/useIntegrations";
-import { useTabStore } from "../stores/tabStore";
-import { CommandMenu } from "./command";
-import { SettingsView } from "./SettingsView";
-import { StatusBar } from "./StatusBar";
-import { TabBar } from "./TabBar";
-import { TaskCreate } from "./TaskCreate";
-import { TaskDetail } from "./TaskDetail";
-import { TaskList } from "./TaskList";
-import { WorkflowForm } from "./WorkflowForm";
-import { WorkflowView } from "./WorkflowView";
 
 export function MainLayout() {
   const { activeTabId, tabs, createTab, setActiveTab } = useTabStore();

src/renderer/components/MainLayout.tsx

@@ -1,4 +1,18 @@
 import { Box } from "@radix-ui/themes";
+import {
+  MentionList,
+  type MentionListRef,
+} from "@renderer/components/FileMentionList";
+import { FormattingToolbar } from "@renderer/components/FormattingToolbar";
+import {
+  extractUrlFromMarkdown,
+  isUrl,
+  parsePostHogUrl,
+} from "@renderer/utils/posthog-url-parser";
+import {
+  markdownToTiptap,
+  tiptapToMarkdown,
+} from "@renderer/utils/tiptap-converter";
 import type { MentionItem } from "@shared/types";
 import { Link } from "@tiptap/extension-link";
 import { Mention } from "@tiptap/extension-mention";
@@ -10,14 +24,6 @@ import StarterKit from "@tiptap/starter-kit";
 import type { SuggestionOptions } from "@tiptap/suggestion";
 import { useEffect, useRef, useState } from "react";
 import { createRoot } from "react-dom/client";
-import {
-  extractUrlFromMarkdown,
-  isUrl,
-  parsePostHogUrl,
-} from "../utils/posthog-url-parser";
-import { markdownToTiptap, tiptapToMarkdown } from "../utils/tiptap-converter";
-import { MentionList, type MentionListRef } from "./FileMentionList";
-import { FormattingToolbar } from "./FormattingToolbar";
 
 interface RichTextEditorProps {
   value: string;