Fix import extensions to match project conventions

- Removed .js extensions from @/ absolute imports
- Kept imports consistent with existing codebase
- Addressed code review feedback

Co-authored-by: tikazyq <[email protected]>

Author: Copilot

apps/web/app/projects/[name]/agent-sessions/page.tsx

@@ -9,7 +9,7 @@ import Link from 'next/link';
 import { Network } from 'lucide-react';
 import { SessionList } from '@/components/agent-observability/agent-sessions/session-list';
 import { ActiveSessionsPanel } from '@/components/agent-observability/agent-sessions/active-sessions-panel';
-import { Button } from '@/components/ui/button.js';
+import { Button } from '@/components/ui/button';
 
 export default function AgentSessionsPage({ params }: { params: { name: string } }) {
   return (

apps/web/app/projects/[name]/hierarchy/page.tsx

@@ -8,8 +8,8 @@ import { notFound } from 'next/navigation';
 import Link from 'next/link';
 import { ChevronLeft } from 'lucide-react';
 import { HierarchyTree } from '@/components/agent-observability/hierarchy';
-import { Card } from '@/components/ui/card.js';
-import { Button } from '@/components/ui/button.js';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
 import { ProjectService } from '@codervisor/devlog-core';
 import { HierarchyService } from '@codervisor/devlog-core';
 

apps/web/components/agent-observability/hierarchy/hierarchy-filter.tsx

@@ -14,7 +14,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@/components/ui/select.js';
+} from '@/components/ui/select';
 import type { Project, Machine, Workspace } from '@prisma/client';
 
 interface HierarchyFilterProps {

apps/web/components/agent-observability/hierarchy/hierarchy-tree.tsx

@@ -9,9 +9,9 @@
 
 import { useState } from 'react';
 import { ChevronRight, ChevronDown, Monitor, Folder, MessageSquare } from 'lucide-react';
-import { Button } from '@/components/ui/button.js';
-import { Card } from '@/components/ui/card.js';
-import type { ProjectHierarchy } from '@/lib/types/hierarchy.js';
+import { Button } from '@/components/ui/button';
+import { Card } from '@/components/ui/card';
+import type { ProjectHierarchy } from '@/lib/types/hierarchy';
 
 interface HierarchyTreeProps {
   hierarchy: ProjectHierarchy;

apps/web/components/agent-observability/hierarchy/index.ts

@@ -2,5 +2,5 @@
  * Hierarchy components
  */
 
-export { HierarchyTree } from './hierarchy-tree.js';
-export { HierarchyFilter } from './hierarchy-filter.js';
+export { HierarchyTree } from './hierarchy-tree';
+export { HierarchyFilter } from './hierarchy-filter';

apps/web/components/agent-observability/widgets/index.ts

@@ -2,4 +2,4 @@
  * Dashboard widgets
  */
 
-export { MachineActivityWidget } from './machine-activity-widget.js';
+export { MachineActivityWidget } from './machine-activity-widget';

apps/web/components/agent-observability/widgets/machine-activity-widget.tsx

@@ -8,8 +8,8 @@
 
 import { useEffect, useState } from 'react';
 import { Bar, BarChart, ResponsiveContainer, XAxis, YAxis, Tooltip, Legend } from 'recharts';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.js';
-import { Skeleton } from '@/components/ui/skeleton.js';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Skeleton } from '@/components/ui/skeleton';
 
 interface MachineActivityData {
   hostname: string;

apps/web/lib/api/hierarchy-api-client.ts

@@ -2,8 +2,8 @@
  * Hierarchy API client for fetching hierarchy data
  */
 
-import { ApiClient } from './api-client.js';
-import type { ProjectHierarchy } from '@/lib/types/hierarchy.js';
+import { ApiClient } from './api-client';
+import type { ProjectHierarchy } from '@/lib/types/hierarchy';
 import type { Machine, Workspace } from '@prisma/client';
 
 /**

apps/web/tests/components/hierarchy/hierarchy-components.test.ts

@@ -20,20 +20,20 @@ describe('HierarchyFilter', () => {
 
 describe('Hierarchy Types', () => {
   it('should export hierarchy types', async () => {
-    const types = await import('@/lib/types/hierarchy.js');
+    const types = await import('@/lib/types/hierarchy');
     expect(types).toBeDefined();
   });
 });
 
 describe('Hierarchy API Client', () => {
   it('should export HierarchyApiClient', async () => {
-    const { HierarchyApiClient, hierarchyApi } = await import('@/lib/api/hierarchy-api-client.js');
+    const { HierarchyApiClient, hierarchyApi } = await import('@/lib/api/hierarchy-api-client');
     expect(HierarchyApiClient).toBeDefined();
     expect(hierarchyApi).toBeDefined();
   });
 
   it('should have correct methods', async () => {
-    const { hierarchyApi } = await import('@/lib/api/hierarchy-api-client.js');
+    const { hierarchyApi } = await import('@/lib/api/hierarchy-api-client');
     expect(hierarchyApi.getProjectHierarchy).toBeDefined();
     expect(hierarchyApi.listMachines).toBeDefined();
     expect(hierarchyApi.getMachine).toBeDefined();