refactor: complete package-level import refactoring

Continue refactoring imports to use package-level paths in client
components, hooks, and e2e tests. Update test imports to use shared
apiClient instead of removed helper. Apply prettier formatting fixes.
This ensures consistent imports across the codebase.

Author: MBanucu

src/web/client/components/App.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react'
-import type { PTYSessionInfo } from 'opencode-pty/shared/types'
+import type { PTYSessionInfo } from 'opencode-pty/web/shared/types'
 
 import { useWebSocket } from '../hooks/useWebSocket.ts'
 import { useSessionManager } from '../hooks/useSessionManager.ts'
@@ -37,11 +37,14 @@ export function App() {
           return
         }
         setActiveSession(autoSelected)
-        api.session.buffer.raw({ id: autoSelected.id }).then((data) => {
-          setRawOutput(data.raw)
-        }).catch((error) => {
-          console.error('Failed to fetch initial raw buffer for auto-selected session', error)
-        })
+        api.session.buffer
+          .raw({ id: autoSelected.id })
+          .then((data) => {
+            setRawOutput(data.raw)
+          })
+          .catch((error) => {
+            console.error('Failed to fetch initial raw buffer for auto-selected session', error)
+          })
       },
       []
     ),

src/web/client/components/Sidebar.tsx

@@ -1,4 +1,4 @@
-import type { PTYSessionInfo } from 'opencode-pty/shared/types'
+import type { PTYSessionInfo } from 'opencode-pty/web/shared/types'
 
 interface SidebarProps {
   sessions: PTYSessionInfo[]

src/web/client/hooks/useSessionManager.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react'
-import type { PTYSessionInfo } from 'opencode-pty/shared/types'
+import type { PTYSessionInfo } from 'opencode-pty/web/shared/types'
 
 import { api } from '../../shared/apiClient'
 

src/web/shared/apiClient.ts

@@ -1,7 +1,7 @@
 // Type-safe API client for making HTTP requests with compile-time validation
 // Uses the structured routes to ensure correct methods and parameters
 
-import type { HealthResponse, PTYSessionInfo } from 'opencode-pty/shared/types'
+import type { HealthResponse, PTYSessionInfo } from 'opencode-pty/web/shared/types'
 import { routes } from './routes'
 
 // Extract path parameters from route pattern at compile time
@@ -147,8 +147,8 @@ export function createApiClient(baseUrl: string) {
     health: () =>
       apiFetchJson<typeof routes.health, 'GET', HealthResponse>(routes.health, {
         method: 'GET',
-        baseUrl
-      })
+        baseUrl,
+      }),
   } as const
 }
 

src/web/shared/types.ts

@@ -112,4 +112,4 @@ interface HealthResponse {
   websocket: { connections: number }
   memory?: { rss: number; heapUsed: number; heapTotal: number }
   responseTime?: number
-}
+}

test/e2e/buffer-extension.pw.ts

@@ -1,6 +1,6 @@
 import { test as extendedTest, expect } from './fixtures'
 import type { Page } from '@playwright/test'
-import { createApiClient } from './helpers/apiClient'
+import { createApiClient } from 'opencode-pty/web/shared/apiClient'
 
 /**
  * Session and Terminal Helpers for E2E buffer extension tests

test/e2e/pty-buffer-readraw.pw.ts

@@ -5,7 +5,7 @@ import {
   getSerializedContentByXtermSerializeAddon,
   waitForTerminalRegex,
 } from './xterm-test-helpers'
-import { createApiClient } from './helpers/apiClient'
+import { createApiClient } from 'opencode-pty/web/shared/apiClient'
 
 async function createSession(
   api: ReturnType<typeof createApiClient>,