Function useFileBrowser

src/ui/src/lib/plugins/cli/hooks/useFileBrowser.ts:32–124

(
  projectId?: string | null,
  serverId?: string | null,
  rootPath?: string | null
)

}

export function useFileBrowser(
  projectId?: string | null,
  serverId?: string | null,
  rootPath?: string | null
) {
  const [path, setPath] = useState('/')
  const [items, setItems] = useState<CliFileItem[]>([])
  const [isLoading, setIsLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const normalizedRoot = normalizePath(rootPath || '/')

  const load = useCallback(
    async (nextPath: string, refresh = false) => {
      if (!projectId || !serverId) return
      const normalizedPath = normalizePath(nextPath)
      setIsLoading(true)
      setError(null)
      try {
        const response = await listCliFiles(projectId, serverId, normalizedPath, refresh)
        const normalizedItems = response.items.map((item) => ({
          ...item,
          path: normalizePath(item.path),
        }))
        setItems(normalizedItems)
        setPath(normalizePath(response.path || normalizedPath))
      } catch (err) {
        console.error('[CLI] Failed to load files:', err)
        setError(resolveErrorMessage(err, 'Failed to load files'))
      } finally {
        setIsLoading(false)
      }
    },
    [projectId, serverId]
  )

  const readFile = useCallback(
    async (filePath: string, tailBytes?: number): Promise<CliFileContentResponse | null> => {
      if (!projectId || !serverId) return null
      try {
        return await readCliFile(projectId, serverId, filePath, tailBytes)
      } catch (err) {
        console.error('[CLI] Failed to read file:', err)
        return null
      }
    },
    [projectId, serverId]
  )

  const writeFile = useCallback(
    async (filePath: string, content: string) => {
      if (!projectId || !serverId) return
      await writeCliFile(projectId, serverId, { path: filePath, content, operation: 'write' })
      await load(path, true)
    },
    [projectId, serverId, load, path]
  )

  const removeFile = useCallback(