🤖 Convert all relative imports to absolute paths with @/ alias (#34)

## Summary

Converts all relative imports (`../`, `../../`, etc.) to absolute
imports using the `@/` alias across the entire codebase.

## Changes

Systematically converted imports for all major directories:
- `../types/` → `@/types/`
- `../utils/` → `@/utils/`
- `../services/` → `@/services/`
- `../components/` → `@/components/`
- `../contexts/` → `@/contexts/`
- `../constants/` → `@/constants/`
- `../hooks/` → `@/hooks/`
- `../styles/` → `@/styles/`

**Files affected:** 22 files
**Net change:** 0 lines (86 insertions, 86 deletions - pure refactor)

## Benefits

- **No more import path hell**: Say goodbye to `../../../types/message`
- **Easier refactoring**: Moving files doesn't break dozens of import
statements
- **Consistency**: All imports follow the same `@/` pattern
- **Clarity**: Import paths are clearer and easier to understand
- **Maintainability**: New developers can find imports more easily

## Example

**Before:**
```typescript
import type { CmuxMessage } from "../../../types/message";
import { StreamManager } from "../../services/streamManager";
import { keybinds } from "../utils/keybinds";
```

**After:**
```typescript
import type { CmuxMessage } from "@/types/message";
import { StreamManager } from "@/services/streamManager";
import { keybinds } from "@/utils/keybinds";
```

## Testing

- ✅ `bun typecheck` passes
- ✅ All imports resolve correctly
- No functional changes, only import path updates

## Notes

This builds on PR #33 which:
- Reorganized utils/ into domain-specific subdirectories
- Added the @/ path alias configuration

_Generated with `cmux`_

Author: ammario

src/components/AIView.tsx

@@ -4,13 +4,13 @@ import { MessageRenderer } from "./Messages/MessageRenderer";
 import { InterruptedBarrier } from "./Messages/InterruptedBarrier";
 import { ChatInput } from "./ChatInput";
 import { ChatMetaSidebar } from "./ChatMetaSidebar";
-import type { DisplayedMessage, CmuxMessage } from "../types/message";
-import { StreamingMessageAggregator } from "../utils/messages/StreamingMessageAggregator";
-import { shouldShowInterruptedBarrier } from "../utils/messages/messageUtils";
-import { ChatProvider } from "../contexts/ChatContext";
-import { ThinkingProvider } from "../contexts/ThinkingContext";
-import { ModeProvider } from "../contexts/ModeContext";
-import type { WorkspaceChatMessage } from "../types/ipc";
+import type { DisplayedMessage, CmuxMessage } from "@/types/message";
+import { StreamingMessageAggregator } from "@/utils/messages/StreamingMessageAggregator";
+import { shouldShowInterruptedBarrier } from "@/utils/messages/messageUtils";
+import { ChatProvider } from "@/contexts/ChatContext";
+import { ThinkingProvider } from "@/contexts/ThinkingContext";
+import { ModeProvider } from "@/contexts/ModeContext";
+import type { WorkspaceChatMessage } from "@/types/ipc";
 import {
   isCaughtUpMessage,
   isStreamError,
@@ -24,7 +24,7 @@ import {
   isToolCallEnd,
   isReasoningDelta,
   isReasoningEnd,
-} from "../types/ipc";
+} from "@/types/ipc";
 
 // StreamingMessageAggregator is now imported from utils
 

src/components/ChatInput.tsx

@@ -3,22 +3,22 @@ import styled from "@emotion/styled";
 import { CommandSuggestions, COMMAND_SUGGESTION_KEYS } from "./CommandSuggestions";
 import type { Toast } from "./ChatInputToast";
 import { ChatInputToast, SolutionLabel } from "./ChatInputToast";
-import type { ParsedCommand } from "../utils/slashCommands/types";
-import { parseCommand } from "../utils/slashCommands/parser";
-import type { SendMessageError as SendMessageErrorType } from "../types/errors";
-import { usePersistedState } from "../hooks/usePersistedState";
+import type { ParsedCommand } from "@/utils/slashCommands/types";
+import { parseCommand } from "@/utils/slashCommands/parser";
+import type { SendMessageError as SendMessageErrorType } from "@/types/errors";
+import { usePersistedState } from "@/hooks/usePersistedState";
 import { ThinkingSliderComponent } from "./ThinkingSlider";
-import { useThinkingLevel } from "../hooks/useThinkingLevel";
-import { useMode } from "../contexts/ModeContext";
-import { modeToToolPolicy } from "../utils/ui/modeUtils";
+import { useThinkingLevel } from "@/hooks/useThinkingLevel";
+import { useMode } from "@/contexts/ModeContext";
+import { modeToToolPolicy } from "@/utils/ui/modeUtils";
 import { ToggleGroup } from "./ToggleGroup";
-import type { UIMode } from "../types/mode";
+import type { UIMode } from "@/types/mode";
 import {
   getSlashCommandSuggestions,
   type SlashSuggestion,
-} from "../utils/slashCommands/suggestions";
+} from "@/utils/slashCommands/suggestions";
 import { TooltipWrapper, Tooltip, HelpIndicator } from "./Tooltip";
-import { matchesKeybind, formatKeybind, KEYBINDS } from "../utils/ui/keybinds";
+import { matchesKeybind, formatKeybind, KEYBINDS } from "@/utils/ui/keybinds";
 
 const InputSection = styled.div`
   position: relative;

src/components/ChatMetaSidebar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "@emotion/styled";
-import { usePersistedState } from "../hooks/usePersistedState";
+import { usePersistedState } from "@/hooks/usePersistedState";
 import { CostsTab } from "./ChatMetaSidebar/CostsTab";
 import { ToolsTab } from "./ChatMetaSidebar/ToolsTab";
 

src/components/CommandSuggestions.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import styled from "@emotion/styled";
-import type { SlashSuggestion } from "../utils/slashCommands/types";
+import type { SlashSuggestion } from "@/utils/slashCommands/types";
 
 // Export the keys that CommandSuggestions handles
 export const COMMAND_SUGGESTION_KEYS = ["Tab", "ArrowUp", "ArrowDown", "Escape"];

src/components/NewWorkspaceModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useCallback } from "react";
 import styled from "@emotion/styled";
-import { matchesKeybind, KEYBINDS } from "../utils/ui/keybinds";
+import { matchesKeybind, KEYBINDS } from "@/utils/ui/keybinds";
 
 // Styled Components
 const ModalOverlay = styled.div`

src/components/ProjectSidebar.tsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect } from "react";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import type { ProjectConfig } from "../config";
-import type { WorkspaceMetadata } from "../types/workspace";
-import { usePersistedState } from "../hooks/usePersistedState";
-import { matchesKeybind, formatKeybind, KEYBINDS } from "../utils/ui/keybinds";
-import { abbreviatePath } from "../utils/ui/pathAbbreviation";
+import type { WorkspaceMetadata } from "@/types/workspace";
+import { usePersistedState } from "@/hooks/usePersistedState";
+import { matchesKeybind, formatKeybind, KEYBINDS } from "@/utils/ui/keybinds";
+import { abbreviatePath } from "@/utils/ui/pathAbbreviation";
 import { TooltipWrapper, Tooltip } from "./Tooltip";
 
 // Styled Components

src/components/ThinkingSlider.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled from "@emotion/styled";
-import type { ThinkingLevel } from "../types/thinking";
-import { useThinkingLevel } from "../hooks/useThinkingLevel";
+import type { ThinkingLevel } from "@/types/thinking";
+import { useThinkingLevel } from "@/hooks/useThinkingLevel";
 
 const ThinkingSliderContainer = styled.div`
   display: flex;

src/contexts/ChatContext.tsx

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import React, { createContext, useContext, useState, useEffect, useRef } from "react";
-import type { CmuxMessage, DisplayedMessage } from "../types/message";
-import type { ChatStats } from "../types/chatStats";
-import { TokenStatsWorker } from "../utils/tokens/TokenStatsWorker";
+import type { CmuxMessage, DisplayedMessage } from "@/types/message";
+import type { ChatStats } from "@/types/chatStats";
+import { TokenStatsWorker } from "@/utils/tokens/TokenStatsWorker";
 
 interface ChatContextType {
   messages: DisplayedMessage[];

src/contexts/ModeContext.tsx

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import React, { createContext, useContext, useEffect } from "react";
-import type { UIMode } from "../types/mode";
-import { usePersistedState } from "../hooks/usePersistedState";
-import { matchesKeybind, KEYBINDS } from "../utils/ui/keybinds";
+import type { UIMode } from "@/types/mode";
+import { usePersistedState } from "@/hooks/usePersistedState";
+import { matchesKeybind, KEYBINDS } from "@/utils/ui/keybinds";
 
 type ModeContextType = [UIMode, (mode: UIMode) => void];
 

src/contexts/ThinkingContext.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import React, { createContext, useContext } from "react";
-import type { ThinkingLevel } from "../types/thinking";
-import { usePersistedState } from "../hooks/usePersistedState";
+import type { ThinkingLevel } from "@/types/thinking";
+import { usePersistedState } from "@/hooks/usePersistedState";
 
 interface ThinkingContextType {
   thinkingLevel: ThinkingLevel;